;
8 | let lastSentFormData: FormData;
9 | let lastEventListener: jest.EmptyFunction;
10 |
11 | beforeEach(() => {
12 | xmlHttpReq = global.XMLHttpRequest = jest.fn(() => ({
13 | addEventListener: jest.fn((event: string, onload: jest.EmptyFunction) => {
14 | if (event === 'load')
15 | lastEventListener = onload;
16 | }),
17 | open: jest.fn(),
18 | send: jest.fn((data: FormData) => {
19 | lastSentFormData = data;
20 | if (lastEventListener) {
21 | lastEventListener.call(this, {
22 | target: {
23 | responseText: JSON.stringify({ foo: 'bar' }),
24 | },
25 | });
26 | }
27 | }),
28 | setRequestHeader: jest.fn(),
29 | }));
30 | });
31 |
32 | afterEach(() => {
33 | xmlHttpReq = null;
34 | lastSentFormData = null;
35 | lastEventListener = null;
36 | });
37 |
38 | test('Static instance is defined', () => {
39 | expect(WordPressRestApi.instance).toBeInstanceOf(WordPressRestApi);
40 | });
41 |
42 | test('Can make a GET request to the plugin REST API', () => {
43 | const wordPressRestApi: WordPressRestApi = new WordPressRestApi();
44 | const onLoad = jest.fn();
45 |
46 | const request = wordPressRestApi.pluginRestGet('settings', onLoad);
47 |
48 | expect(request.open).toHaveBeenCalledWith('GET', `${REST_OPTIONS.base}${REST_OPTIONS.disqusBase}settings`);
49 | expect(request.setRequestHeader).toHaveBeenCalledWith('X-WP-Nonce', REST_OPTIONS.nonce);
50 | expect(request.setRequestHeader).toHaveBeenCalledWith('Content-type', 'application/json');
51 | expect(request.addEventListener).toHaveBeenCalledTimes(1);
52 | expect(request.send).toHaveBeenCalledWith(null);
53 | expect(onLoad).toHaveBeenCalled();
54 | });
55 |
56 | test('Can make a POST request to the plugin REST API', () => {
57 | const wordPressRestApi: WordPressRestApi = new WordPressRestApi();
58 | const onLoad = jest.fn();
59 | const postData = { foo: 'bar' };
60 | const request = wordPressRestApi.pluginRestPost('settings', postData, onLoad);
61 |
62 | expect(request.open).toHaveBeenCalledWith('POST', `${REST_OPTIONS.base}${REST_OPTIONS.disqusBase}settings`);
63 | expect(request.setRequestHeader).toHaveBeenCalledWith('X-WP-Nonce', REST_OPTIONS.nonce);
64 | expect(request.setRequestHeader).toHaveBeenCalledWith('Content-type', 'application/json');
65 | expect(request.addEventListener).toHaveBeenCalledTimes(1);
66 | expect(request.send).toHaveBeenCalledWith(JSON.stringify(postData));
67 | expect(onLoad).toHaveBeenCalled();
68 | });
69 |
70 | test('Can make a GET request to the WordPress REST API', () => {
71 | const wordPressRestApi: WordPressRestApi = new WordPressRestApi();
72 | const onLoad = jest.fn();
73 |
74 | const request = wordPressRestApi.wordpressRestGet('comments', 'foo=bar', onLoad);
75 |
76 | expect(request.open).toHaveBeenCalledWith('GET', `${REST_OPTIONS.base}wp/v2/comments?foo=bar`);
77 | expect(request.setRequestHeader).toHaveBeenCalledWith('X-WP-Nonce', REST_OPTIONS.nonce);
78 | expect(request.setRequestHeader).toHaveBeenCalledWith('Content-type', 'application/json');
79 | expect(request.addEventListener).toHaveBeenCalledTimes(1);
80 | expect(request.send).toHaveBeenCalledWith(null);
81 | expect(onLoad).toHaveBeenCalled();
82 | });
83 | });
84 |
--------------------------------------------------------------------------------
/frontend/tests/actions.test.ts:
--------------------------------------------------------------------------------
1 | import * as actions from '../src/ts/actions';
2 | import { ExportLogStaus, IExportPostLog, IMessage, InstallationState } from '../src/ts/reducers/AdminState';
3 |
4 | test('updateAdminOptionsAction creates an action to update the admin options', () => {
5 | const newAdminOptions: any = {
6 | test_option: true,
7 | };
8 |
9 | const expectedAction: any = {
10 | data: {
11 | test_option: true,
12 | },
13 | type: 'UPDATE_ADMIN_OPTIONS',
14 | };
15 |
16 | expect(actions.updateAdminOptionsAction(newAdminOptions)).toEqual(expectedAction);
17 | });
18 |
19 | test('updateLocalOptionAction creates an action to update the local options', () => {
20 | const expectedAction: any = {
21 | data: {
22 | test_option: 'foo',
23 | },
24 | type: 'UPDATE_LOCAL_OPTION',
25 | };
26 |
27 | expect(actions.updateLocalOptionAction('test_option', 'foo')).toEqual(expectedAction);
28 | });
29 |
30 | test('updateSyncStatusAction creates an action to update the sync status', () => {
31 | const newSyncStatus: any = {
32 | sync_status: 'sync',
33 | };
34 |
35 | const expectedAction: any = {
36 | data: {
37 | sync_status: 'sync',
38 | },
39 | type: 'UPDATE_SYNC_STATUS',
40 | };
41 |
42 | expect(actions.updateSyncStatusAction(newSyncStatus)).toEqual(expectedAction);
43 | });
44 |
45 | test('toggleValueAction creates an action to toggle a value', () => {
46 | const expectedAction: any = {
47 | data: 'foo',
48 | type: 'TOGGLE_VALUE',
49 | };
50 |
51 | expect(actions.toggleValueAction('foo')).toEqual(expectedAction);
52 | });
53 |
54 | test('setValueAction creates an action to set a value', () => {
55 | const expectedAction: any = {
56 | data: {
57 | test: 'foo',
58 | },
59 | type: 'SET_VALUE',
60 | };
61 |
62 | expect(actions.setValueAction('test', 'foo')).toEqual(expectedAction);
63 | });
64 |
65 | test('setMessageAction creates an action to update the message', () => {
66 | const message: IMessage = {
67 | text: 'Test message',
68 | type: 'error',
69 | };
70 |
71 | const expectedAction: any = {
72 | data: {
73 | text: 'Test message',
74 | type: 'error',
75 | },
76 | type: 'SET_MESSAGE',
77 | };
78 |
79 | expect(actions.setMessageAction(message)).toEqual(expectedAction);
80 | });
81 |
82 | test('changeInstallStateAction creates an action to update the install state', () => {
83 | const state: InstallationState = InstallationState.none;
84 |
85 | const expectedAction: any = {
86 | data: InstallationState.none,
87 | type: 'CHANGE_INSTALL_STATE',
88 | };
89 |
90 | expect(actions.changeInstallStateAction(state)).toEqual(expectedAction);
91 | });
92 |
93 | test('changeTabStateAction creates an action to change a tab state', () => {
94 | const expectedAction: any = {
95 | data: 'footab',
96 | type: 'CHANGE_TAB_STATE',
97 | };
98 |
99 | expect(actions.changeTabStateAction('footab')).toEqual(expectedAction);
100 | });
101 |
102 | test('updateExportPostLogAction creates an action to change update a post log', () => {
103 | const postLog: IExportPostLog = {
104 | id: 1,
105 | link: 'https://foo.com',
106 | status: ExportLogStaus.pending,
107 | title: 'Foo',
108 | };
109 |
110 | const expectedAction: any = {
111 | data: {
112 | id: 1,
113 | link: 'https://foo.com',
114 | status: ExportLogStaus.pending,
115 | title: 'Foo',
116 | },
117 | type: 'UPDATE_EXPORT_POST_LOG',
118 | };
119 |
120 | expect(actions.updateExportPostLogAction(postLog)).toEqual(expectedAction);
121 | });
122 |
--------------------------------------------------------------------------------
/frontend/tests/beforeAll.ts:
--------------------------------------------------------------------------------
1 | import { getDefaultAdminConfig } from './fixtures';
2 |
3 | declare var global: any
4 |
5 | global.__ = (str: string) => str;
6 | global.DISQUS_WP = getDefaultAdminConfig();
7 |
--------------------------------------------------------------------------------
/frontend/tests/components/AdvancedConfigForm.test.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as TestRenderer from 'react-test-renderer';
3 | import AdvancedConfigForm from '../../src/ts/components/AdvancedConfigForm';
4 | import { IFormProps } from '../../src/ts/components/FormProps';
5 | import { getDefaultFormProps } from '../fixtures';
6 |
7 | describe('AdvancedConfigForm component', () => {
8 | test('Renders basic form', () => {
9 | const props: IFormProps = getDefaultFormProps();
10 | const component = TestRenderer.create();
11 |
12 | expect(component.toJSON()).toMatchSnapshot();
13 | });
14 |
15 | test('Renders form with values', () => {
16 | const props: IFormProps = getDefaultFormProps();
17 | props.data = props.data.with({
18 | localAdminOptions: props.data.localAdminOptions.with({
19 | disqus_render_js: true,
20 | }),
21 | });
22 | const component = TestRenderer.create();
23 |
24 | expect(component.toJSON()).toMatchSnapshot();
25 | });
26 |
27 | test('onInputChange prop gets called when values change', () => {
28 | const props: IFormProps = getDefaultFormProps();
29 | const onInputChange = props.onInputChange = jest.fn();
30 | props.data = props.data.with({
31 | localAdminOptions: props.data.localAdminOptions.with({
32 | disqus_render_js: true,
33 | }),
34 | });
35 | const component = TestRenderer.create();
36 | const root = component.root;
37 |
38 | root.findAllByType('input').forEach((input: any) => {
39 | if (input.props.type !== 'submit') {
40 | input.props.onChange.call(null, { foo: 'bar' });
41 | expect(onInputChange).toHaveBeenLastCalledWith(input.props.id, { foo: 'bar' });
42 | }
43 | });
44 | });
45 |
46 | test('Submitting the form calls onSubmitSiteForm prop', () => {
47 | const props: IFormProps = getDefaultFormProps();
48 | const onSubmitSiteForm = props.onSubmitSiteForm = jest.fn();
49 | props.data = props.data.with({
50 | localAdminOptions: props.data.localAdminOptions.with({
51 | disqus_render_js: true,
52 | }),
53 | });
54 | const component = TestRenderer.create();
55 | const root = component.root;
56 |
57 | const form = root.findByType('form');
58 | form.props.onSubmit();
59 |
60 | expect(onSubmitSiteForm).toHaveBeenCalled();
61 | });
62 | });
63 |
--------------------------------------------------------------------------------
/frontend/tests/components/ExportComments.test.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as TestRenderer from 'react-test-renderer';
3 | import ExportComments from '../../src/ts/components/ExportComments';
4 | import { IFormProps } from '../../src/ts/components/FormProps';
5 | import { ExportLogStaus, IExportPostLog } from '../../src/ts/reducers/AdminState';
6 | import { getDefaultFormProps } from '../fixtures';
7 |
8 | describe('ExportComments component', () => {
9 | test('Renders basic form without any export logs', () => {
10 | const props: IFormProps = getDefaultFormProps();
11 | const component = TestRenderer.create();
12 |
13 | expect(component.toJSON()).toMatchSnapshot();
14 | });
15 |
16 | test('Disables submit button during export', () => {
17 | const props: IFormProps = getDefaultFormProps();
18 | props.data = props.data.set('isExportRunning', true);
19 |
20 | const component = TestRenderer.create();
21 |
22 | expect(component.toJSON()).toMatchSnapshot();
23 | });
24 |
25 | test('Renders export logs', () => {
26 | const props: IFormProps = getDefaultFormProps();
27 | const exportLog: IExportPostLog = {
28 | id: 1,
29 | link: 'https://foo.com?p=1',
30 | status: ExportLogStaus.pending,
31 | title: 'Foo',
32 | };
33 | props.data = props.data.with({
34 | exportLogs: props.data.exportLogs.set(exportLog.id, exportLog),
35 | isExportRunning: true,
36 | });
37 |
38 | const component = TestRenderer.create();
39 |
40 | expect(component.toJSON()).toMatchSnapshot();
41 | });
42 | });
43 |
--------------------------------------------------------------------------------
/frontend/tests/components/HelpResources.test.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as TestRenderer from 'react-test-renderer';
3 | import HelpResources from '../../src/ts/components/HelpResources';
4 |
5 | test('SupportLinks renders with correct links', () => {
6 | const component = TestRenderer.create();
7 |
8 | expect(component).toMatchSnapshot();
9 | });
10 |
--------------------------------------------------------------------------------
/frontend/tests/components/Install.test.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as TestRenderer from 'react-test-renderer';
3 | import { IFormProps } from '../../src/ts/components/FormProps';
4 | import Install from '../../src/ts/components/Install';
5 | import { InstallationState } from '../../src/ts/reducers/AdminState';
6 | import { getDefaultFormProps } from '../fixtures';
7 |
8 | describe('Install component rendering', () => {
9 | test('InstallationState.none displays the entry form snapshot', () => {
10 | const props: IFormProps = getDefaultFormProps();
11 | props.data = props.data.set('installationState', InstallationState.none);
12 | const component = TestRenderer.create();
13 |
14 | expect(component.toJSON()).toMatchSnapshot();
15 | });
16 |
17 | test('InstallationState.hasAccount displays a followup question about registering a site', () => {
18 | const props: IFormProps = getDefaultFormProps();
19 | props.data = props.data.set('installationState', InstallationState.hasAccount);
20 | const component = TestRenderer.create();
21 |
22 | expect(component.toJSON()).toMatchSnapshot();
23 | });
24 |
25 | test('InstallationState.noAccount displays a instructions for registering an account', () => {
26 | const props: IFormProps = getDefaultFormProps();
27 | props.data = props.data.set('installationState', InstallationState.noAccount);
28 | const component = TestRenderer.create();
29 |
30 | expect(component.toJSON()).toMatchSnapshot();
31 | });
32 |
33 | test('InstallationState.hasSite displays a instructions for installing using an existing site', () => {
34 | const props: IFormProps = getDefaultFormProps();
35 | props.data = props.data.set('installationState', InstallationState.hasSite);
36 | const component = TestRenderer.create();
37 |
38 | expect(component.toJSON()).toMatchSnapshot();
39 | });
40 |
41 | test('InstallationState.noSite displays a instructions for installing using an new site', () => {
42 | const props: IFormProps = getDefaultFormProps();
43 | props.data = props.data.set('installationState', InstallationState.noSite);
44 | const component = TestRenderer.create();
45 |
46 | expect(component.toJSON()).toMatchSnapshot();
47 | });
48 |
49 | test('InstallationState.installed asks to install onto existing site', () => {
50 | const props: IFormProps = getDefaultFormProps();
51 | props.data = props.data.with({
52 | adminOptions: props.data.adminOptions.with({
53 | disqus_forum_url: 'foo',
54 | }),
55 | installationState: InstallationState.installed,
56 | localAdminOptions: props.data.localAdminOptions.with({
57 | disqus_forum_url: 'foo',
58 | }),
59 | });
60 | const component = TestRenderer.create();
61 |
62 | expect(component.toJSON()).toMatchSnapshot();
63 | });
64 |
65 | test('InstallationState.reinstallSite links to the site\'s installation page', () => {
66 | const props: IFormProps = getDefaultFormProps();
67 | props.data = props.data.with({
68 | adminOptions: props.data.adminOptions.with({
69 | disqus_forum_url: 'foo',
70 | }),
71 | installationState: InstallationState.reinstallSite,
72 | localAdminOptions: props.data.localAdminOptions.with({
73 | disqus_forum_url: 'foo',
74 | }),
75 | });
76 | const component = TestRenderer.create();
77 |
78 | expect(component.toJSON()).toMatchSnapshot();
79 | });
80 |
81 | test('Handles cross-site communication', () => {
82 | // tslint:disable:no-string-literal
83 | const mockLocationReload = jest.fn();
84 | const mockLocationObject = window.location.reload = mockLocationReload;
85 |
86 | const mockChildWindowPostMessage = jest.fn();
87 | const mockOpenFunction = window['open'] = jest.fn();
88 |
89 | mockOpenFunction.mockReturnValue({
90 | postMessage: mockChildWindowPostMessage,
91 | });
92 | let postMessageHandler = jest.fn();
93 | const mockEventListenerFunction = window['addEventListener'] = jest.fn(
94 | (type: string, listener: () => void, options: boolean) => {
95 | postMessageHandler = jest.fn(listener);
96 | },
97 | );
98 | // tslint:enable:no-string-literal
99 |
100 | const props: IFormProps = getDefaultFormProps();
101 | props.data = props.data.set('installationState', InstallationState.hasSite);
102 | props.data = props.data.set('adminOptions', props.data.adminOptions.set('disqus_sync_token', 'foo'));
103 | const component = TestRenderer.create();
104 |
105 | const openDisqusButton = component.root.findByProps({children: 'WordPress installation page'});
106 | openDisqusButton.props.onClick();
107 |
108 | // tslint:disable-next-line:max-line-length
109 | const expectedUrl = 'https://disqus.com/profile/login/?next=https%3A%2F%2Fdisqus.com%2Fadmin%2Finstall%2Fplatforms%2Fwordpress%2F';
110 |
111 | expect(mockOpenFunction).toBeCalledWith(expectedUrl);
112 | expect(mockEventListenerFunction).toBeCalledWith('message', expect.anything(), false);
113 |
114 | postMessageHandler({
115 | data: 'installPageReady',
116 | origin: 'https://foo.disqus.com/',
117 | });
118 | const expectedSyncToken = 'https://foo.com/wp-json/disqus/v1/settings foo';
119 |
120 | expect(mockChildWindowPostMessage).toBeCalledWith(expectedSyncToken, 'https://foo.disqus.com/');
121 |
122 | postMessageHandler({
123 | data: 'configurationUpdated',
124 | origin: 'https://foo.disqus.com/',
125 | });
126 |
127 | expect(mockLocationReload).toHaveBeenCalledTimes(1);
128 |
129 | postMessageHandler({
130 | data: 'configurationUpdated',
131 | origin: 'https://foo.com/',
132 | });
133 |
134 | expect(mockLocationReload).toHaveBeenCalledTimes(1);
135 | });
136 | });
137 |
--------------------------------------------------------------------------------
/frontend/tests/components/Message.test.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as TestRenderer from 'react-test-renderer';
3 | import Message from '../../src/ts/components/Message';
4 | import { IMessage } from '../../src/ts/reducers/AdminState';
5 |
6 | describe('Message', () => {
7 | const props: IMessage = {
8 | onDismiss: null,
9 | text: 'Test message',
10 | type: 'error',
11 | };
12 |
13 | test('Includes message content and class name', () => {
14 | const component = TestRenderer.create();
15 |
16 | expect(component).toMatchSnapshot();
17 | });
18 |
19 | test('Dismiss button is rendered with the onDismiss prop', () => {
20 | const onDismiss = jest.fn();
21 | const component = TestRenderer.create();
22 | const root = component.root;
23 | const dismissButton = root.findByType('button');
24 | dismissButton.props.onClick();
25 |
26 | expect(onDismiss).toHaveBeenCalled();
27 | });
28 |
29 | test('Excludes dismiss button is without the onDismiss prop', () => {
30 | const component = TestRenderer.create();
31 | const root = component.root;
32 |
33 | expect(() => {
34 | root.findByType('button');
35 | }).toThrow();
36 | });
37 | });
38 |
--------------------------------------------------------------------------------
/frontend/tests/components/SSOConfigForm.test.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as TestRenderer from 'react-test-renderer';
3 | import { IFormProps } from '../../src/ts/components/FormProps';
4 | import SSOConfigForm from '../../src/ts/components/SSOConfigForm';
5 | import { getDefaultFormProps } from '../fixtures';
6 |
7 | describe('SSOConfigForm component', () => {
8 | test('Renders basic form', () => {
9 | const props: IFormProps = getDefaultFormProps();
10 | const component = TestRenderer.create();
11 |
12 | expect(component.toJSON()).toMatchSnapshot();
13 | });
14 |
15 | test('Renders form with values', () => {
16 | const props: IFormProps = getDefaultFormProps();
17 | props.data = props.data.with({
18 | localAdminOptions: props.data.localAdminOptions.with({
19 | disqus_sso_button: 'https://foo.com/sso.png',
20 | disqus_sso_enabled: true,
21 | }),
22 | });
23 | const component = TestRenderer.create();
24 |
25 | expect(component.toJSON()).toMatchSnapshot();
26 | });
27 |
28 | test('onInputChange prop gets called when values change', () => {
29 | const props: IFormProps = getDefaultFormProps();
30 | const onInputChange = props.onInputChange = jest.fn();
31 | props.data = props.data.with({
32 | localAdminOptions: props.data.localAdminOptions.with({
33 | disqus_sso_button: 'https://foo.com/sso.png',
34 | disqus_sso_enabled: true,
35 | }),
36 | });
37 | const component = TestRenderer.create();
38 | const root = component.root;
39 |
40 | root.findAllByType('input').forEach((input: any) => {
41 | if (input.props.type !== 'submit') {
42 | input.props.onChange.call(null, { foo: 'bar' });
43 | expect(onInputChange).toHaveBeenLastCalledWith(input.props.id, { foo: 'bar' });
44 | }
45 | });
46 | });
47 |
48 | test('Submitting the form calls onSubmitSiteForm prop', () => {
49 | const props: IFormProps = getDefaultFormProps();
50 | const onSubmitSiteForm = props.onSubmitSiteForm = jest.fn();
51 | props.data = props.data.with({
52 | localAdminOptions: props.data.localAdminOptions.with({
53 | disqus_sso_button: 'https://foo.com/sso.png',
54 | disqus_sso_enabled: true,
55 | }),
56 | });
57 | const component = TestRenderer.create();
58 | const root = component.root;
59 |
60 | const form = root.findByType('form');
61 | form.props.onSubmit();
62 |
63 | expect(onSubmitSiteForm).toHaveBeenCalled();
64 | });
65 | });
66 |
--------------------------------------------------------------------------------
/frontend/tests/components/SiteConfigForm.test.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as TestRenderer from 'react-test-renderer';
3 | import { IFormProps } from '../../src/ts/components/FormProps';
4 | import SiteConfigForm from '../../src/ts/components/SiteConfigForm';
5 | import { getDefaultFormProps } from '../fixtures';
6 |
7 | describe('SiteConfigForm component', () => {
8 | test('Renders basic form', () => {
9 | const props: IFormProps = getDefaultFormProps();
10 | const component = TestRenderer.create();
11 |
12 | expect(component.toJSON()).toMatchSnapshot();
13 | });
14 |
15 | test('Renders form with save button unlocked', () => {
16 | const props: IFormProps = getDefaultFormProps();
17 | props.data = props.data.set('isSiteFormLocked', false);
18 | const component = TestRenderer.create();
19 |
20 | expect(component.toJSON()).toMatchSnapshot();
21 | });
22 |
23 | test('Renders form with values', () => {
24 | const props: IFormProps = getDefaultFormProps();
25 | props.data = props.data.with({
26 | localAdminOptions: props.data.localAdminOptions.with({
27 | disqus_admin_access_token: 'qux',
28 | disqus_forum_url: 'foo',
29 | disqus_public_key: 'bar',
30 | disqus_secret_key: 'baz',
31 | }),
32 | });
33 | const component = TestRenderer.create();
34 |
35 | expect(component.toJSON()).toMatchSnapshot();
36 | });
37 |
38 | test('onInputChange prop gets called when values change', () => {
39 | const props: IFormProps = getDefaultFormProps();
40 | const onInputChange = props.onInputChange = jest.fn();
41 | props.data = props.data.with({
42 | localAdminOptions: props.data.localAdminOptions.with({
43 | disqus_admin_access_token: 'qux',
44 | disqus_forum_url: 'foo',
45 | disqus_public_key: 'bar',
46 | disqus_secret_key: 'baz',
47 | }),
48 | });
49 | const component = TestRenderer.create();
50 | const root = component.root;
51 |
52 | root.findAllByType('input').forEach((input: any) => {
53 | input.props.onChange.call(null, { foo: 'bar' });
54 | expect(onInputChange).toHaveBeenLastCalledWith(input.props.id, { foo: 'bar' });
55 | });
56 | });
57 |
58 | test('Submitting the form calls onSubmitSiteForm prop', () => {
59 | const props: IFormProps = getDefaultFormProps();
60 | const onSubmitSiteForm = props.onSubmitSiteForm = jest.fn();
61 | props.data = props.data.with({
62 | isSiteFormLocked: false,
63 | localAdminOptions: props.data.localAdminOptions.with({
64 | disqus_admin_access_token: 'qux',
65 | disqus_forum_url: 'foo',
66 | disqus_public_key: 'bar',
67 | disqus_secret_key: 'baz',
68 | }),
69 | });
70 | const component = TestRenderer.create();
71 | const root = component.root;
72 |
73 | const form = root.findByType('form');
74 | form.props.onSubmit();
75 |
76 | expect(onSubmitSiteForm).toHaveBeenCalled();
77 | });
78 | });
79 |
--------------------------------------------------------------------------------
/frontend/tests/components/SupportDiagnostics.test.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as TestRenderer from 'react-test-renderer';
3 | import SupportDiagnostics from '../../src/ts/components/SupportDiagnostics';
4 | import { getDefaultFormProps } from '../fixtures';
5 |
6 | test('SupportDiagnostics renders a readonly textarea with admin config data', () => {
7 | const component = TestRenderer.create();
8 | const root = component.root;
9 | const textarea = root.findByType('textarea');
10 |
11 | expect(textarea.props.readOnly).toBe(true);
12 | expect(textarea.props.value).toBe(JSON.stringify(getDefaultFormProps(), null, 4));
13 | });
14 |
--------------------------------------------------------------------------------
/frontend/tests/components/SupportLinks.test.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as TestRenderer from 'react-test-renderer';
3 | import SupportLinks from '../../src/ts/components/SupportLinks';
4 |
5 | test('SupportLinks renders with correct links', () => {
6 | const component = TestRenderer.create();
7 |
8 | expect(component).toMatchSnapshot();
9 | });
10 |
--------------------------------------------------------------------------------
/frontend/tests/components/SyncConfigForm.test.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as TestRenderer from 'react-test-renderer';
3 | import { IFormProps } from '../../src/ts/components/FormProps';
4 | import SyncConfigForm from '../../src/ts/components/SyncConfigForm';
5 | import { getDefaultFormProps } from '../fixtures';
6 |
7 | describe('SyncConfigForm component', () => {
8 | test('Renders form with no sync enabled', () => {
9 | const props: IFormProps = getDefaultFormProps();
10 | const component = TestRenderer.create();
11 |
12 | expect(component.toJSON()).toMatchSnapshot();
13 | });
14 |
15 | test('Renders form with disabled sync subscription', () => {
16 | const props: IFormProps = getDefaultFormProps();
17 | props.data = props.data.with({
18 | syncStatus: props.data.syncStatus.with({
19 | subscribed: false,
20 | }),
21 | });
22 | const component = TestRenderer.create();
23 |
24 | expect(component.toJSON()).toMatchSnapshot();
25 | });
26 |
27 | test('Renders form with paused sync subscription', () => {
28 | const props: IFormProps = getDefaultFormProps();
29 | props.data = props.data.with({
30 | syncStatus: props.data.syncStatus.with({
31 | requires_update: true,
32 | subscribed: true,
33 | }),
34 | });
35 | const component = TestRenderer.create();
36 |
37 | expect(component.toJSON()).toMatchSnapshot();
38 | });
39 |
40 | test('Renders form with enabled sync subscription', () => {
41 | const props: IFormProps = getDefaultFormProps();
42 | props.data = props.data.with({
43 | syncStatus: props.data.syncStatus.with({
44 | enabled: true,
45 | subscribed: true,
46 | }),
47 | });
48 | const component = TestRenderer.create();
49 |
50 | expect(component.toJSON()).toMatchSnapshot();
51 | });
52 |
53 | test('Submitting the form calls onSubmitSyncConfigForm prop', () => {
54 | const props: IFormProps = getDefaultFormProps();
55 | const onSubmitSyncConfigForm = props.onSubmitSyncConfigForm = jest.fn();
56 | props.data = props.data.with({
57 | syncStatus: props.data.syncStatus.with({
58 | subscribed: false,
59 | }),
60 | });
61 | const component = TestRenderer.create();
62 | const root = component.root;
63 |
64 | const form = root.findByType('form');
65 | form.props.onSubmit();
66 |
67 | expect(onSubmitSyncConfigForm).toHaveBeenCalled();
68 | });
69 | });
70 |
--------------------------------------------------------------------------------
/frontend/tests/components/SyncTokenForm.test.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as TestRenderer from 'react-test-renderer';
3 | import SyncTokenForm from '../../src/ts/components/SyncTokenForm';
4 | import { getDefaultFormProps } from '../fixtures';
5 |
6 | test('SyncTokenForm renders with correct snapshot', () => {
7 | const component = TestRenderer.create();
8 |
9 | expect(component).toMatchSnapshot();
10 | });
11 |
--------------------------------------------------------------------------------
/frontend/tests/components/WelcomePanel.test.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as TestRenderer from 'react-test-renderer';
3 | import WelcomePanel from '../../src/ts/components/WelcomePanel';
4 |
5 | test('WelcomePanel renders basic layout', () => {
6 | const component = TestRenderer.create();
7 |
8 | expect(component).toMatchSnapshot();
9 | });
10 |
--------------------------------------------------------------------------------
/frontend/tests/components/__snapshots__/AdvancedConfigForm.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`AdvancedConfigForm component Renders basic form 1`] = `
4 |
52 | `;
53 |
54 | exports[`AdvancedConfigForm component Renders form with values 1`] = `
55 |
103 | `;
104 |
--------------------------------------------------------------------------------
/frontend/tests/components/__snapshots__/ExportComments.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`ExportComments component Disables submit button during export 1`] = `
4 |
25 | `;
26 |
27 | exports[`ExportComments component Renders basic form without any export logs 1`] = `
28 |
49 | `;
50 |
51 | exports[`ExportComments component Renders export logs 1`] = `
52 |
132 | `;
133 |
--------------------------------------------------------------------------------
/frontend/tests/components/__snapshots__/HelpResources.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`SupportLinks renders with correct links 1`] = `
4 |
37 | `;
38 |
--------------------------------------------------------------------------------
/frontend/tests/components/__snapshots__/Message.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`Message Includes message content and class name 1`] = `
4 |
7 |
8 | Test message
9 |
10 |
7 | -
10 |
21 |
22 | -
25 |
36 |
37 | -
40 |
51 |
52 |
53 | `;
54 |
--------------------------------------------------------------------------------
/frontend/tests/components/__snapshots__/SyncConfigForm.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`SyncConfigForm component Renders form with disabled sync subscription 1`] = `
4 |
45 | `;
46 |
47 | exports[`SyncConfigForm component Renders form with enabled sync subscription 1`] = `
48 |
89 | `;
90 |
91 | exports[`SyncConfigForm component Renders form with no sync enabled 1`] = `
92 |
133 | `;
134 |
135 | exports[`SyncConfigForm component Renders form with paused sync subscription 1`] = `
136 |
177 | `;
178 |
--------------------------------------------------------------------------------
/frontend/tests/components/__snapshots__/SyncTokenForm.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`SyncTokenForm renders with correct snapshot 1`] = `
4 |
61 | `;
62 |
--------------------------------------------------------------------------------
/frontend/tests/components/__snapshots__/WelcomePanel.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`WelcomePanel renders basic layout 1`] = `
4 |
7 |
10 |
13 | Manage Your Community
14 |
15 |
18 |
21 |
22 | Comments
23 |
24 |
61 |
62 |
65 |
66 | Polls
67 |
68 |
88 |
89 |
92 |
93 | Analytics
94 |
95 |
124 |
125 |
128 |
129 | Settings
130 |
131 |
169 |
170 |
171 |
172 |
59 |
60 |