scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-17 00:21:20 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Update tests

Browse source 
Tests needed to be updated after wrapping the MuteModal component in the Intl HOC.
This commit is contained in:
Chris Garrity 2020-12-11 08:45:29 -05:00
parent 929e670d8f
commit 015f036e93
1 changed files with 23 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
test/unit/components/mute-modal.test.jsx
View file

@ -6,52 +6,60 @@ import Modal from '../../../src/components/modal/base/modal';
describe('MuteModalTest', () => {
const defaultMessages = {
commentType: 'comment.type.disrespectful',
muteStepHeader: 'comment.disrespectful.header',
muteStepContent: 'comment.disrespectful.content'
};
test('Mute Modal rendering', () => {
const component = shallowWithIntl(
<MuteModal />
);
<MuteModal muteModalMessages={defaultMessages} />
).dive();
expect(component.find('div.mute-modal-header').exists()).toEqual(true);
});
test('Mute Modal only shows next button on initial step', () => {
const component = mountWithIntl(
<MuteModal />
<MuteModal muteModalMessages={defaultMessages} />
);
expect(component.find('div.mute-nav').exists()).toEqual(true);
expect(component.find('button.next-button').exists()).toEqual(true);
expect(component.find('button.next-button').getElements()[0].props.onClick)
.toEqual(component.instance().handleNext);
.toEqual(component.find('MuteModal').instance().handleNext);
expect(component.find('button.close-button').exists()).toEqual(false);
expect(component.find('button.back-button').exists()).toEqual(false);
});
test('Mute Modal shows back & close button on last step', () => {
const component = mountWithIntl(
<MuteModal />
<MuteModal muteModalMessages={defaultMessages} />
);
// Step 1 is the last step.
component.instance().setState({step: 1});
component.find('MuteModal').instance()
.setState({step: 1});
component.update();
expect(component.find('div.mute-nav').exists()).toEqual(true);
expect(component.find('button.next-button').exists()).toEqual(false);
expect(component.find('button.back-button').exists()).toEqual(true);
expect(component.find('button.back-button').getElements()[0].props.onClick)
.toEqual(component.instance().handlePrevious);
.toEqual(component.find('MuteModal').instance().handlePrevious);
expect(component.find('button.close-button').exists()).toEqual(true);
expect(component.find('button.close-button').getElements()[0].props.onClick)
.toEqual(component.instance().props.onRequestClose);
.toEqual(component.find('MuteModal').instance().props.onRequestClose);
});
test('Mute modal sends correct props to Modal', () => {
const closeFn = jest.fn();
const component = shallowWithIntl(
<MuteModal
muteModalMessages={defaultMessages}
onRequestClose={closeFn}
/>
);
).dive();
const modal = component.find(Modal);
expect(modal).toHaveLength(1);
expect(modal.props().showCloseButton).toBe(false);
@ -64,9 +72,10 @@ describe('MuteModalTest', () => {
const closeFn = jest.fn();
const component = shallowWithIntl(
<MuteModal
muteModalMessages={defaultMessages}
onRequestClose={closeFn}
/>
);
).dive();
expect(component.instance().state.step).toBe(0);
component.instance().handleNext();
expect(component.instance().state.step).toBe(1);
@ -74,8 +83,8 @@ describe('MuteModalTest', () => {
test('Mute modal handle previous step', () => {
const component = shallowWithIntl(
<MuteModal />
);
<MuteModal muteModalMessages={defaultMessages} />
).dive();
component.instance().setState({step: 1});
component.instance().handlePrevious();
@ -84,8 +93,8 @@ describe('MuteModalTest', () => {
test('Mute modal handle previous step stops at 0', () => {
const component = shallowWithIntl(
<MuteModal />
);
<MuteModal muteModalMessages={defaultMessages} />
).dive();
component.instance().setState({step: 0});
component.instance().handlePrevious();
expect(component.instance().state.step).toBe(0);