313cd61ee3
* flare tag line height * . * dropdown fix + actions bar fix * actions bar on mob * . * css commented out * . * button fix * preload adjustments * tags * Fixed listings modal to make it semantic HTML via <dialog />. * Refactor an a11y fix. * Removed test that is no longer needed. * Added missing global function for test.. * Fixed broken <ListingFiltersCategories /> tests. * Refactor of mobile dropdown for listing categories. * Updated a TODO. * Made the clear query button a crayons Preact button. * padding * Fixed listings modal for accessiblilty. * Removed rspecs that are no longer valid. * We're no longer using the <dialog /> element, at least for now, so CSS changes aren't necessary. * Wasn't supposed to be committed. Co-authored-by: Nick Taylor <nick@dev.to> Co-authored-by: rhymes <rhymes@hey.com> Co-authored-by: Nick Taylor <nick@iamdeveloper.com>
83 lines
2.3 KiB
JavaScript
83 lines
2.3 KiB
JavaScript
import { h } from 'preact';
|
|
import { render } from '@testing-library/preact';
|
|
import { axe } from 'jest-axe';
|
|
import MessageModal from '../components/MessageModal';
|
|
|
|
const getDefaultListing = () => ({
|
|
id: 22,
|
|
category: 'misc',
|
|
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.',
|
|
tags: ['go', 'git'],
|
|
user_id: 1,
|
|
author: {
|
|
name: 'Mrs. Yoko Christiansen',
|
|
username: 'mrschristiansenyoko',
|
|
profile_image_90:
|
|
'/uploads/user/profile_image/7/4b1c980a-beb0-4a5f-b3f2-acc91adc503c.png',
|
|
},
|
|
});
|
|
|
|
const getProps = () => ({
|
|
currentUserId: 1,
|
|
message: 'Something',
|
|
onChangeDraftingMessage: jest.fn(),
|
|
onSubmit: jest.fn(),
|
|
});
|
|
|
|
const renderMessageModal = (listing) =>
|
|
render(<MessageModal {...getProps()} listing={listing} />);
|
|
|
|
describe('<MessageModal />', () => {
|
|
it('should have no a11y violations', async () => {
|
|
const { container } = render(renderMessageModal(getDefaultListing()));
|
|
const results = await axe(container);
|
|
|
|
expect(results).toHaveNoViolations();
|
|
});
|
|
|
|
it('should render a text-area', () => {
|
|
const { queryByTestId } = renderMessageModal(getDefaultListing());
|
|
|
|
expect(queryByTestId('listing-new-message')).toBeDefined();
|
|
});
|
|
|
|
describe('When the current user is the author', () => {
|
|
const listingWithCurrentUserId = {
|
|
...getDefaultListing(),
|
|
user_id: 1,
|
|
};
|
|
|
|
it('should show the information about contact with the current user', () => {
|
|
const { queryByText } = renderMessageModal(listingWithCurrentUserId);
|
|
|
|
expect(
|
|
queryByText(
|
|
'This is your active listing. Any member can contact you via this form.',
|
|
),
|
|
).toBeDefined();
|
|
});
|
|
});
|
|
|
|
describe('When current user is not the author', () => {
|
|
const listingWithDifferentCurrentUserId = {
|
|
...getDefaultListing(),
|
|
user_id: 111,
|
|
};
|
|
|
|
it('should show the message to contact the author', () => {
|
|
const { queryByText } = renderMessageModal(
|
|
listingWithDifferentCurrentUserId,
|
|
);
|
|
|
|
expect(
|
|
queryByText(
|
|
`Contact ${listingWithDifferentCurrentUserId.author.name} via DEV Connect`,
|
|
),
|
|
).toBeDefined();
|
|
});
|
|
});
|
|
});
|