d570edcf07
* Showing date in listing tile * Displaying date in listing tile 1. Sending created_at in listing search API 2. Global util functions for short and long date formatting 3. New date util functions extend timestampToLocalDateTime 4. Converting div to time tag 5. Adding title attribute for date * originally_published_at column * Displaying originally_published_at date * Fixing test in modal * Fixing all listing test * Fixing casing of dateTime * Adding tests for originally_published_at * Reverting to bumped_at * Backfilling only published listing * Removing ReIndexListingWithOriginallyPublishedAt
101 lines
2.9 KiB
JavaScript
101 lines
2.9 KiB
JavaScript
import { h } from 'preact';
|
|
import { axe } from 'jest-axe';
|
|
import { render } from '@testing-library/preact';
|
|
import '@testing-library/jest-dom';
|
|
|
|
import '../../../assets/javascripts/utilities/localDateTime';
|
|
import { SingleListing } from '../singleListing/SingleListing';
|
|
|
|
const listing = {
|
|
id: 22,
|
|
category: 'misc',
|
|
contact_via_connect: true,
|
|
location: 'West Refugio',
|
|
processed_html:
|
|
'\u003cp\u003eEius et ullam. Dolores et qui. Quis \u003cstrong\u003equi\u003c/strong\u003e omnis.\u003c/p\u003e\n',
|
|
slug: 'illo-iure-quos-perspiciatis-5hk7',
|
|
title: 'Illo iure quos perspiciatis.',
|
|
user_id: 7,
|
|
bumped_at: '2020-09-06T14:15:02.977Z',
|
|
originally_published_at: '2020-09-06T14:15:02.977Z',
|
|
tags: ['go', 'git'],
|
|
author: {
|
|
name: 'Mrs. Yoko Christiansen',
|
|
username: 'mrschristiansenyoko',
|
|
profile_image_90:
|
|
'/uploads/user/profile_image/7/4b1c980a-beb0-4a5f-b3f2-acc91adc503c.png',
|
|
},
|
|
};
|
|
|
|
/* eslint-disable no-unused-vars */
|
|
/* global globalThis timestampToLocalDateTimeLong timestampToLocalDateTimeShort */
|
|
|
|
describe('<SingleListing />', () => {
|
|
afterAll(() => {
|
|
delete globalThis.timestampToLocalDateTimeLong;
|
|
delete globalThis.timestampToLocalDateTimeShort;
|
|
});
|
|
|
|
const renderSingleListing = () =>
|
|
render(
|
|
<SingleListing
|
|
onAddTag={() => {
|
|
return 'onAddTag';
|
|
}}
|
|
onChangeCategory={() => {
|
|
return 'onChangeCategory';
|
|
}}
|
|
listing={listing}
|
|
currentUserId={1}
|
|
onOpenModal={() => {
|
|
return 'onOpenModal';
|
|
}}
|
|
isOpen={false}
|
|
/>,
|
|
);
|
|
|
|
it('should have no a11y violations', async () => {
|
|
const { container } = renderSingleListing();
|
|
const results = await axe(container);
|
|
expect(results).toHaveNoViolations();
|
|
});
|
|
|
|
it('shows a listing title', () => {
|
|
const { queryByText } = renderSingleListing();
|
|
expect(queryByText('Illo iure quos perspiciatis.')).toBeDefined();
|
|
});
|
|
|
|
it('shows a dropdown', () => {
|
|
const { queryByLabelText, queryByText } = renderSingleListing();
|
|
|
|
expect(queryByLabelText(/toggle dropdown menu/i)).toBeDefined();
|
|
expect(queryByText(/report abuse/i)).toBeDefined();
|
|
});
|
|
|
|
it('shows a listing tags', () => {
|
|
const { getByText } = renderSingleListing();
|
|
listing.tags.forEach((tag) => {
|
|
expect(getByText(tag).href).toContain(`/listings?t=${tag}`);
|
|
});
|
|
});
|
|
|
|
it('shows a listing category', () => {
|
|
const { getByText } = renderSingleListing();
|
|
const { category } = listing;
|
|
expect(getByText(category).href).toContain(`/listings/${category}`);
|
|
});
|
|
|
|
it('shows a listing author', () => {
|
|
const { getByText } = renderSingleListing();
|
|
expect(getByText('Mrs. Yoko Christiansen').href).toContain(
|
|
`/mrschristiansenyoko`,
|
|
);
|
|
});
|
|
|
|
it('shows a listing location', () => {
|
|
const { getByTestId } = renderSingleListing();
|
|
expect(getByTestId('single-listing-location').href).toContain(
|
|
`/listings/?q=West%20Refugio`,
|
|
);
|
|
});
|
|
});
|