11be56f38c
* add location to classified_listings create rails migration and ran rake db:migrate * add faker city to seed * add location to index json * add location as searchable attribute in algolia * add form text field for adding location to new listing * add location to dashboard json * add location field for editing listings * add location to listing_params in controller * add location to single listing view * add location to listing row in dashboard * add location to dashboard test * adjust listing dashboard row spacing * reduce character limit * reduce lines of conditional html elements * compress listing card const * fix form call for location in edit page * update snapshot in dashboard * add location length validation in listing model * shorten limit and update location in edit page
275 lines
7.1 KiB
JavaScript
275 lines
7.1 KiB
JavaScript
import { h } from 'preact';
|
|
import { deep } from 'preact-render-spy';
|
|
import { JSDOM } from 'jsdom';
|
|
import { ListingDashboard } from '../listingDashboard';
|
|
|
|
const doc = new JSDOM('<!doctype html><html><body></body></html>');
|
|
global.document = doc;
|
|
const l = [
|
|
{
|
|
id: 23,
|
|
bumped_at: '2019-06-11T16:45:37.229Z',
|
|
category: 'cfp',
|
|
organization_id: null,
|
|
slug: 'asdfasdf-2ea8',
|
|
title: 'asdfasdf',
|
|
updated_at: '2019-06-11T16:45:37.237Z',
|
|
user_id: 11,
|
|
tag_list: ['computerscience', 'career'],
|
|
author: {
|
|
name: 'MarioSee',
|
|
username: 'mariocsee',
|
|
profile_image_90:
|
|
'/uploads/user/profile_image/11/e594d777-b57b-41d6-a793-5d8127bd11b3.jpeg',
|
|
},
|
|
},
|
|
{
|
|
id: 24,
|
|
bumped_at: '2019-06-11T16:59:16.312Z',
|
|
category: 'events',
|
|
organization_id: 2,
|
|
slug: 'yoyoyoyoyoooooooo-4jcb',
|
|
title: 'YOYOYOYOYOOOOOOOO',
|
|
updated_at: '2019-06-11T16:59:16.316Z',
|
|
user_id: 11,
|
|
tag_list: ['computerscience', 'conference', 'career'],
|
|
author: {
|
|
name: 'Yoyodyne',
|
|
username: 'org3737',
|
|
profile_image_90:
|
|
'/uploads/organization/profile_image/2/5edb1e49-bea9-4e99-bc32-acc10c52a935.png',
|
|
},
|
|
},
|
|
{
|
|
id: 25,
|
|
bumped_at: '2019-06-11T17:01:25.143Z',
|
|
category: 'cfp',
|
|
organization_id: 3,
|
|
slug: 'hehhehe-5hld',
|
|
title: 'hehhehe',
|
|
updated_at: '2019-06-11T17:01:25.169Z',
|
|
user_id: 11,
|
|
tag_list: [],
|
|
author: {
|
|
name: 'Infotrode',
|
|
username: 'org5254',
|
|
profile_image_90:
|
|
'/uploads/organization/profile_image/3/04d4e1f1-c2e0-4147-81e2-bc8a2657296b.png',
|
|
},
|
|
},
|
|
];
|
|
global.document.body.innerHTML = `<div id="classifieds-listings-dashboard" data-listings=${JSON.stringify(
|
|
l,
|
|
)} data-usercredits="3" data-orglistings=${JSON.stringify([
|
|
{
|
|
id: 24,
|
|
bumped_at: '2019-06-11T16:59:16.312Z',
|
|
category: 'events',
|
|
organization_id: 2,
|
|
slug: 'yoyoyoyoyoooooooo-4jcb',
|
|
title: 'YOYOYOYOYOOOOOOOO',
|
|
updated_at: '2019-06-11T16:59:16.316Z',
|
|
user_id: 11,
|
|
tag_list: ['computerscience', 'conference', 'career'],
|
|
author: {
|
|
name: 'Yoyodyne',
|
|
username: 'org3737',
|
|
profile_image_90:
|
|
'/uploads/organization/profile_image/2/5edb1e49-bea9-4e99-bc32-acc10c52a935.png',
|
|
},
|
|
},
|
|
{
|
|
id: 25,
|
|
bumped_at: '2019-06-11T17:01:25.143Z',
|
|
category: 'cfp',
|
|
organization_id: 3,
|
|
slug: 'hehhehe-5hld',
|
|
title: 'hehhehe',
|
|
updated_at: '2019-06-11T17:01:25.169Z',
|
|
user_id: 11,
|
|
tag_list: [],
|
|
author: {
|
|
name: 'Infotrode',
|
|
username: 'org5254',
|
|
profile_image_90:
|
|
'/uploads/organization/profile_image/3/04d4e1f1-c2e0-4147-81e2-bc8a2657296b.png',
|
|
},
|
|
},
|
|
])} data-orgs=${JSON.stringify([
|
|
{ id: 2, name: 'Yoyodyne', slug: 'org3737', unspent_credits_count: 1 },
|
|
{ id: 3, name: 'Infotrode', slug: 'org5254', unspent_credits_count: 1 },
|
|
])} ></div>`;
|
|
global.window = doc.defaultView;
|
|
|
|
const listingState = {
|
|
listings: [
|
|
{
|
|
id: 23,
|
|
bumped_at: '2019-06-11T16:45:37.229Z',
|
|
category: 'cfp',
|
|
location: 'New York City',
|
|
organization_id: null,
|
|
slug: 'asdfasdf-2ea8',
|
|
title: 'asdfasdf',
|
|
updated_at: '2019-06-11T16:45:37.237Z',
|
|
user_id: 11,
|
|
tag_list: [Array],
|
|
author: [Object],
|
|
},
|
|
{
|
|
id: 24,
|
|
bumped_at: '2019-06-11T16:59:16.312Z',
|
|
category: 'events',
|
|
location: 'Denver',
|
|
organization_id: 2,
|
|
slug: 'yoyoyoyoyoooooooo-4jcb',
|
|
title: 'YOYOYOYOYOOOOOOOO',
|
|
updated_at: '2019-06-11T16:59:16.316Z',
|
|
user_id: 11,
|
|
tag_list: [Array],
|
|
author: [Object],
|
|
},
|
|
{
|
|
id: 25,
|
|
bumped_at: '2019-06-11T17:01:25.143Z',
|
|
category: 'cfp',
|
|
location: 'Seattle',
|
|
organization_id: 3,
|
|
slug: 'hehhehe-5hld',
|
|
title: 'hehhehe',
|
|
updated_at: '2019-06-11T17:01:25.169Z',
|
|
user_id: 11,
|
|
tag_list: [],
|
|
author: [Object],
|
|
},
|
|
],
|
|
orgListings: [
|
|
{
|
|
id: 24,
|
|
bumped_at: '2019-06-11T16:59:16.312Z',
|
|
category: 'events',
|
|
location: 'Denver',
|
|
organization_id: 2,
|
|
slug: 'yoyoyoyoyoooooooo-4jcb',
|
|
title: 'YOYOYOYOYOOOOOOOO',
|
|
updated_at: '2019-06-11T16:59:16.316Z',
|
|
user_id: 11,
|
|
tag_list: [Array],
|
|
author: [Object],
|
|
},
|
|
{
|
|
id: 25,
|
|
bumped_at: '2019-06-11T17:01:25.143Z',
|
|
category: 'cfp',
|
|
location: 'Seattle',
|
|
organization_id: 3,
|
|
slug: 'hehhehe-5hld',
|
|
title: 'hehhehe',
|
|
updated_at: '2019-06-11T17:01:25.169Z',
|
|
user_id: 11,
|
|
tag_list: [],
|
|
author: [Object],
|
|
},
|
|
],
|
|
orgs: [
|
|
{ id: 2, name: 'Yoyodyne', slug: 'org3737', unspent_credits_count: 1 },
|
|
{ id: 3, name: 'Infotrode', slug: 'org5254', unspent_credits_count: 1 },
|
|
],
|
|
userCredits: '3',
|
|
selectedListings: 'user',
|
|
};
|
|
|
|
describe('<ListingDashboard />', () => {
|
|
it('should load listing dashboard', () => {
|
|
const tree = deep(<ListingDashboard />);
|
|
expect(tree).toMatchSnapshot();
|
|
});
|
|
|
|
describe('should load the proper elements', () => {
|
|
const context = deep(<ListingDashboard />);
|
|
expect(context.component()).toBeInstanceOf(ListingDashboard);
|
|
context.setState(listingState);
|
|
|
|
it('for user and org buttons', () => {
|
|
expect(
|
|
context
|
|
.find('.rounded-btn')
|
|
.at(0)
|
|
.text(),
|
|
).toEqual('Personal');
|
|
expect(
|
|
context
|
|
.find('.rounded-btn')
|
|
.at(1)
|
|
.text(),
|
|
).toEqual(listingState.orgs[0].name);
|
|
expect(
|
|
context
|
|
.find('.rounded-btn')
|
|
.at(2)
|
|
.text(),
|
|
).toEqual(listingState.orgs[1].name);
|
|
|
|
context
|
|
.find('.rounded-btn')
|
|
.at(1)
|
|
.simulate('click');
|
|
expect(
|
|
context
|
|
.find('.rounded-btn')
|
|
.at(1)
|
|
.attr('className'),
|
|
).toEqual('rounded-btn active');
|
|
expect(context.state('selectedListings')).toEqual(
|
|
listingState.orgs[0].id,
|
|
);
|
|
});
|
|
|
|
it('for listing and credits header', () => {
|
|
expect(
|
|
context.find('.dashboard-listings-header-wrapper').exists(),
|
|
).toEqual(true);
|
|
expect(context.find('.dashboard-listings-header').exists()).toEqual(true);
|
|
|
|
expect(
|
|
context
|
|
.find('.dashboard-listings-header')
|
|
.at(0)
|
|
.childAt(0)
|
|
.text(),
|
|
).toEqual('Listings');
|
|
expect(
|
|
context
|
|
.find('.dashboard-listings-header')
|
|
.at(0)
|
|
.childAt(2)
|
|
.text(),
|
|
).toEqual('Create a Listing');
|
|
|
|
expect(
|
|
context
|
|
.find('.dashboard-listings-header')
|
|
.at(1)
|
|
.childAt(0)
|
|
.text(),
|
|
).toEqual('Credits');
|
|
expect(
|
|
context
|
|
.find('.dashboard-listings-header')
|
|
.at(1)
|
|
.childAt(2)
|
|
.text(),
|
|
).toEqual('Buy Credits');
|
|
});
|
|
|
|
it('for listingRow view', () => {
|
|
expect(context.find('.dashboard-listings-view').exists()).toEqual(true);
|
|
expect(
|
|
context
|
|
.find('.dashboard-listings-view')
|
|
.children()
|
|
.text(),
|
|
).toEqual(context.find('ListingRow').text());
|
|
});
|
|
});
|
|
});
|