mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-12-12 16:51:30 -05:00
35 lines
1.3 KiB
React
35 lines
1.3 KiB
React
|
const React = require('react');
|
||
|
const {shallowWithIntl} = require('../../helpers/intl-helpers.jsx');
|
||
|
const Modal = require('../../../src/components/modal/base/modal.jsx');
|
||
|
|
||
|
describe('Modal', () => {
|
||
|
test('Close button not shown when showCloseButton false', () => {
|
||
|
const showClose = true;
|
||
|
const component = shallowWithIntl(
|
||
|
<Modal
|
||
|
showCloseButton={showClose}
|
||
|
/>
|
||
|
);
|
||
|
expect(component.find('div.modal-content-close').exists()).toBe(true);
|
||
|
expect(component.find('img.modal-content-close-img').exists()).toBe(true);
|
||
|
});
|
||
|
test('Close button shown by default', () => {
|
||
|
const component = shallowWithIntl(
|
||
|
<Modal />
|
||
|
);
|
||
|
expect(component.find('div.modal-content-close').exists()).toBe(true);
|
||
|
expect(component.find('img.modal-content-close-img').exists()).toBe(true);
|
||
|
});
|
||
|
|
||
|
test('Close button shown when showCloseButton true', () => {
|
||
|
const showClose = false;
|
||
|
const component = shallowWithIntl(
|
||
|
<Modal
|
||
|
showCloseButton={showClose}
|
||
|
/>
|
||
|
);
|
||
|
expect(component.find('div.modal-content-close').exists()).toBe(false);
|
||
|
expect(component.find('img.modal-content-close-img').exists()).toBe(false);
|
||
|
});
|
||
|
});
|