d3adb8b3e7
* fix: response and comment UI according to Figma * test: add test cases for endorse alert banner
94 lines
2.5 KiB
JavaScript
94 lines
2.5 KiB
JavaScript
import { render, screen } from '@testing-library/react';
|
|
import { IntlProvider } from 'react-intl';
|
|
import { Factory } from 'rosie';
|
|
|
|
import { camelCaseObject, initializeMockApp, snakeCaseObject } from '@edx/frontend-platform';
|
|
import { AppProvider } from '@edx/frontend-platform/react';
|
|
|
|
import { ThreadType } from '../../data/constants';
|
|
import { initializeStore } from '../../store';
|
|
import messages from '../comments/messages';
|
|
import AlertBanner from './AlertBanner';
|
|
|
|
import '../comments/data/__factories__';
|
|
import '../posts/data/__factories__';
|
|
|
|
let store;
|
|
|
|
function buildTestContent(type, buildParams) {
|
|
const buildParamsSnakeCase = snakeCaseObject(buildParams);
|
|
return camelCaseObject(Factory.build(type, { ...buildParamsSnakeCase }, null));
|
|
}
|
|
|
|
function renderComponent(
|
|
content,
|
|
) {
|
|
render(
|
|
<IntlProvider locale="en">
|
|
<AppProvider store={store}>
|
|
<AlertBanner
|
|
content={content}
|
|
/>
|
|
</AppProvider>
|
|
</IntlProvider>,
|
|
);
|
|
}
|
|
|
|
describe.each([
|
|
{
|
|
label: 'flagged comment',
|
|
type: 'comment',
|
|
postType: ThreadType.QUESTION,
|
|
props: { abuseFlagged: true },
|
|
expectText: [messages.abuseFlaggedMessage.defaultMessage],
|
|
},
|
|
{
|
|
label: 'flagged thread',
|
|
type: 'thread',
|
|
postType: null,
|
|
props: { abuseFlagged: true },
|
|
expectText: [messages.abuseFlaggedMessage.defaultMessage],
|
|
},
|
|
{
|
|
label: 'edited content',
|
|
type: 'thread',
|
|
postType: null,
|
|
props: { last_edit: { reason: 'test-reason', editorUsername: 'editor-user' } },
|
|
expectText: [messages.editedBy.defaultMessage, messages.reason.defaultMessage, 'editor-user', 'test-reason'],
|
|
},
|
|
{
|
|
label: 'closed post',
|
|
type: 'thread',
|
|
postType: null,
|
|
props: { closed: true, closeReason: 'test-close-reason', closedBy: 'closing-user' },
|
|
expectText: [messages.closedBy.defaultMessage, 'closing-user', 'test-close-reason'],
|
|
},
|
|
])('AlertBanner', ({
|
|
label, type, props, expectText,
|
|
}) => {
|
|
beforeEach(async () => {
|
|
initializeMockApp({
|
|
authenticatedUser: {
|
|
userId: 3,
|
|
username: 'abc123',
|
|
administrator: false,
|
|
roles: [],
|
|
},
|
|
});
|
|
store = initializeStore({
|
|
config: {
|
|
userIsPrivileged: true,
|
|
reasonCodesEnabled: true,
|
|
},
|
|
});
|
|
const content = buildTestContent(type, props);
|
|
renderComponent(content);
|
|
});
|
|
|
|
it(`should show correct banner for a ${label}`, async () => {
|
|
expectText.forEach(message => {
|
|
expect(screen.queryAllByText(message, { exact: false }).length).toBeGreaterThan(0);
|
|
});
|
|
});
|
|
});
|