PLT-5755: Infrastructure for Component Testing. (#5814)
This migrates the existing webapp tests to using Jest and Enzyme. The infrastructure is put in place for React component testing, and a few simple example component tests are implemented. This also adds snapshot testing of components, coverage checking for the webapp (although that is not yet integrated to Coveralls), and the ability to run npm run test:watch to automatically re-run affected tests when working on the webapp codebase.
Этот коммит содержится в:
George Goldberg
коммит произвёл
Christopher Speller
Christopher Speller
родитель
c6ded1dbfd
Коммит
7d449e0556
@@ -0,0 +1,334 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`components/AboutBuildModal should match snapshot for enterprise edition 1`] = `
|
||||
<Modal
|
||||
animation={true}
|
||||
autoFocus={true}
|
||||
backdrop={true}
|
||||
bsClass="modal"
|
||||
dialogClassName="about-modal"
|
||||
dialogComponentClass={[Function]}
|
||||
enforceFocus={true}
|
||||
keyboard={true}
|
||||
manager={
|
||||
ModalManager {
|
||||
"containers": Array [],
|
||||
"data": Array [],
|
||||
"handleContainerOverflow": true,
|
||||
"hideSiblingNodes": true,
|
||||
"modals": Array [],
|
||||
}
|
||||
}
|
||||
onHide={[Function]}
|
||||
renderBackdrop={[Function]}
|
||||
restoreFocus={true}
|
||||
show={true}
|
||||
>
|
||||
<ModalHeader
|
||||
aria-label="Close"
|
||||
bsClass="modal-header"
|
||||
closeButton={true}
|
||||
>
|
||||
<ModalTitle
|
||||
bsClass="modal-title"
|
||||
componentClass="h4"
|
||||
>
|
||||
<FormattedMessage
|
||||
defaultMessage="About Mattermost"
|
||||
id="about.title"
|
||||
values={Object {}}
|
||||
/>
|
||||
</ModalTitle>
|
||||
</ModalHeader>
|
||||
<ModalBody
|
||||
bsClass="modal-body"
|
||||
componentClass="div"
|
||||
>
|
||||
<div
|
||||
className="about-modal__content"
|
||||
>
|
||||
<div
|
||||
className="about-modal__logo"
|
||||
>
|
||||
<span
|
||||
className="icon"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "<svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'> <style type='text/css'> .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#222222;} </style> <g id='XMLID_1_'> <g id='XMLID_3_'> <path id='XMLID_4_' class='st0' d='M396.9,47.7l2.6,53.1c43,47.5,60,114.8,38.6,178.1c-32,94.4-137.4,144.1-235.4,110.9 S51.1,253.1,83,158.7C104.5,95.2,159.2,52,222.5,40.5l34.2-40.4C150-2.8,49.3,63.4,13.3,169.9C-31,300.6,39.1,442.5,169.9,486.7 s272.6-25.8,316.9-156.6C522.7,223.9,483.1,110.3,396.9,47.7z'/> </g> <path id='XMLID_2_' class='st0' d='M335.6,204.3l-1.8-74.2l-1.5-42.7l-1-37c0,0,0.2-17.8-0.4-22c-0.1-0.9-0.4-1.6-0.7-2.2 c0-0.1-0.1-0.2-0.1-0.3c0-0.1-0.1-0.2-0.1-0.2c-0.7-1.2-1.8-2.1-3.1-2.6c-1.4-0.5-2.9-0.4-4.2,0.2c0,0-0.1,0-0.1,0 c-0.2,0.1-0.3,0.1-0.4,0.2c-0.6,0.3-1.2,0.7-1.8,1.3c-3,3-13.7,17.2-13.7,17.2l-23.2,28.8l-27.1,33l-46.5,57.8 c0,0-21.3,26.6-16.6,59.4s29.1,48.7,48,55.1c18.9,6.4,48,8.5,71.6-14.7C336.4,238.4,335.6,204.3,335.6,204.3z'/> </g> </svg>",
|
||||
}
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<h3
|
||||
className="about-modal__title"
|
||||
>
|
||||
Mattermost
|
||||
|
||||
<FormattedMessage
|
||||
defaultMessage="Enterprise Edition"
|
||||
id="about.teamEditiont1"
|
||||
values={Object {}}
|
||||
/>
|
||||
</h3>
|
||||
<p
|
||||
className="about-modal__subtitle padding-bottom"
|
||||
>
|
||||
<FormattedMessage
|
||||
defaultMessage="Modern communication from behind your firewall."
|
||||
id="about.enterpriseEditionSt"
|
||||
values={Object {}}
|
||||
/>
|
||||
</p>
|
||||
<div
|
||||
className="form-group less"
|
||||
>
|
||||
<div>
|
||||
<FormattedMessage
|
||||
defaultMessage="Version:"
|
||||
id="about.version"
|
||||
values={Object {}}
|
||||
/>
|
||||
<span
|
||||
id="versionString"
|
||||
>
|
||||
3.6.0 (3.6.2)
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<FormattedMessage
|
||||
defaultMessage="Database:"
|
||||
id="about.database"
|
||||
values={Object {}}
|
||||
/>
|
||||
Postgres
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="about-modal__footer"
|
||||
>
|
||||
<div>
|
||||
<FormattedMessage
|
||||
defaultMessage="Learn more about Enterprise Edition at "
|
||||
id="about.enterpriseEditionLearn"
|
||||
values={Object {}}
|
||||
/>
|
||||
<a
|
||||
href="http://about.mattermost.com/"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
about.mattermost.com
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
className="form-group about-modal__copyright"
|
||||
>
|
||||
<FormattedMessage
|
||||
defaultMessage="Copyright 2016 Mattermost, Inc. All rights reserved"
|
||||
id="about.copyright"
|
||||
values={Object {}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="about-modal__hash form-group padding-top x2"
|
||||
>
|
||||
<p>
|
||||
<FormattedMessage
|
||||
defaultMessage="Build Hash:"
|
||||
id="about.hash"
|
||||
values={Object {}}
|
||||
/>
|
||||
|
||||
abcdef1234567890
|
||||
<br />
|
||||
<FormattedMessage
|
||||
defaultMessage="EE Build Hash:"
|
||||
id="about.hashee"
|
||||
values={Object {}}
|
||||
/>
|
||||
|
||||
0123456789abcdef
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage
|
||||
defaultMessage="Build Date:"
|
||||
id="about.date"
|
||||
values={Object {}}
|
||||
/>
|
||||
|
||||
21 January 2017
|
||||
</p>
|
||||
</div>
|
||||
</ModalBody>
|
||||
</Modal>
|
||||
`;
|
||||
|
||||
exports[`components/AboutBuildModal should match snapshot for team edition 1`] = `
|
||||
<Modal
|
||||
animation={true}
|
||||
autoFocus={true}
|
||||
backdrop={true}
|
||||
bsClass="modal"
|
||||
dialogClassName="about-modal"
|
||||
dialogComponentClass={[Function]}
|
||||
enforceFocus={true}
|
||||
keyboard={true}
|
||||
manager={
|
||||
ModalManager {
|
||||
"containers": Array [],
|
||||
"data": Array [],
|
||||
"handleContainerOverflow": true,
|
||||
"hideSiblingNodes": true,
|
||||
"modals": Array [],
|
||||
}
|
||||
}
|
||||
onHide={[Function]}
|
||||
renderBackdrop={[Function]}
|
||||
restoreFocus={true}
|
||||
show={true}
|
||||
>
|
||||
<ModalHeader
|
||||
aria-label="Close"
|
||||
bsClass="modal-header"
|
||||
closeButton={true}
|
||||
>
|
||||
<ModalTitle
|
||||
bsClass="modal-title"
|
||||
componentClass="h4"
|
||||
>
|
||||
<FormattedMessage
|
||||
defaultMessage="About Mattermost"
|
||||
id="about.title"
|
||||
values={Object {}}
|
||||
/>
|
||||
</ModalTitle>
|
||||
</ModalHeader>
|
||||
<ModalBody
|
||||
bsClass="modal-body"
|
||||
componentClass="div"
|
||||
>
|
||||
<div
|
||||
className="about-modal__content"
|
||||
>
|
||||
<div
|
||||
className="about-modal__logo"
|
||||
>
|
||||
<span
|
||||
className="icon"
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "<svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'> <style type='text/css'> .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#222222;} </style> <g id='XMLID_1_'> <g id='XMLID_3_'> <path id='XMLID_4_' class='st0' d='M396.9,47.7l2.6,53.1c43,47.5,60,114.8,38.6,178.1c-32,94.4-137.4,144.1-235.4,110.9 S51.1,253.1,83,158.7C104.5,95.2,159.2,52,222.5,40.5l34.2-40.4C150-2.8,49.3,63.4,13.3,169.9C-31,300.6,39.1,442.5,169.9,486.7 s272.6-25.8,316.9-156.6C522.7,223.9,483.1,110.3,396.9,47.7z'/> </g> <path id='XMLID_2_' class='st0' d='M335.6,204.3l-1.8-74.2l-1.5-42.7l-1-37c0,0,0.2-17.8-0.4-22c-0.1-0.9-0.4-1.6-0.7-2.2 c0-0.1-0.1-0.2-0.1-0.3c0-0.1-0.1-0.2-0.1-0.2c-0.7-1.2-1.8-2.1-3.1-2.6c-1.4-0.5-2.9-0.4-4.2,0.2c0,0-0.1,0-0.1,0 c-0.2,0.1-0.3,0.1-0.4,0.2c-0.6,0.3-1.2,0.7-1.8,1.3c-3,3-13.7,17.2-13.7,17.2l-23.2,28.8l-27.1,33l-46.5,57.8 c0,0-21.3,26.6-16.6,59.4s29.1,48.7,48,55.1c18.9,6.4,48,8.5,71.6-14.7C336.4,238.4,335.6,204.3,335.6,204.3z'/> </g> </svg>",
|
||||
}
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<h3
|
||||
className="about-modal__title"
|
||||
>
|
||||
Mattermost
|
||||
|
||||
<FormattedMessage
|
||||
defaultMessage="Team Edition"
|
||||
id="about.teamEditiont0"
|
||||
values={Object {}}
|
||||
/>
|
||||
</h3>
|
||||
<p
|
||||
className="about-modal__subtitle padding-bottom"
|
||||
>
|
||||
<FormattedMessage
|
||||
defaultMessage="All your team communication in one place, instantly searchable and accessible anywhere."
|
||||
id="about.teamEditionSt"
|
||||
values={Object {}}
|
||||
/>
|
||||
</p>
|
||||
<div
|
||||
className="form-group less"
|
||||
>
|
||||
<div>
|
||||
<FormattedMessage
|
||||
defaultMessage="Version:"
|
||||
id="about.version"
|
||||
values={Object {}}
|
||||
/>
|
||||
<span
|
||||
id="versionString"
|
||||
>
|
||||
3.6.0 (3.6.2)
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<FormattedMessage
|
||||
defaultMessage="Database:"
|
||||
id="about.database"
|
||||
values={Object {}}
|
||||
/>
|
||||
Postgres
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="about-modal__footer"
|
||||
>
|
||||
<div>
|
||||
<FormattedMessage
|
||||
defaultMessage="Join the Mattermost community at "
|
||||
id="about.teamEditionLearn"
|
||||
values={Object {}}
|
||||
/>
|
||||
<a
|
||||
href="http://www.mattermost.org/"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
mattermost.org
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
className="form-group about-modal__copyright"
|
||||
>
|
||||
<FormattedMessage
|
||||
defaultMessage="Copyright 2016 Mattermost, Inc. All rights reserved"
|
||||
id="about.copyright"
|
||||
values={Object {}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="about-modal__hash form-group padding-top x2"
|
||||
>
|
||||
<p>
|
||||
<FormattedMessage
|
||||
defaultMessage="Build Hash:"
|
||||
id="about.hash"
|
||||
values={Object {}}
|
||||
/>
|
||||
|
||||
abcdef1234567890
|
||||
<br />
|
||||
<FormattedMessage
|
||||
defaultMessage="EE Build Hash:"
|
||||
id="about.hashee"
|
||||
values={Object {}}
|
||||
/>
|
||||
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage
|
||||
defaultMessage="Build Date:"
|
||||
id="about.date"
|
||||
values={Object {}}
|
||||
/>
|
||||
|
||||
21 January 2017
|
||||
</p>
|
||||
</div>
|
||||
</ModalBody>
|
||||
</Modal>
|
||||
`;
|
||||
@@ -0,0 +1,27 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`components/SpinnerButton should match snapshot with children 1`] = `
|
||||
<button
|
||||
className="btn btn-primary"
|
||||
>
|
||||
<span
|
||||
id="child1"
|
||||
/>
|
||||
<span
|
||||
id="child2"
|
||||
/>
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`components/SpinnerButton should match snapshot with required props 1`] = `
|
||||
<button
|
||||
className="btn btn-primary"
|
||||
/>
|
||||
`;
|
||||
|
||||
exports[`components/SpinnerButton should match snapshot with spinning 1`] = `
|
||||
<img
|
||||
className="spinner-button__gif"
|
||||
src={Object {}}
|
||||
/>
|
||||
`;
|
||||
129
webapp/tests/components/about_build_modal.test.jsx
Обычный файл
129
webapp/tests/components/about_build_modal.test.jsx
Обычный файл
@@ -0,0 +1,129 @@
|
||||
// Copyright (c) 2017 Mattermost, Inc. All Rights Reserved.
|
||||
// See License.txt for license information.
|
||||
|
||||
import React from 'react';
|
||||
import {shallow} from 'enzyme';
|
||||
import {mountWithIntl} from 'tests/helpers/intl-test-helper.jsx';
|
||||
|
||||
import AboutBuildModal from 'components/about_build_modal.jsx';
|
||||
import {Modal} from 'react-bootstrap';
|
||||
|
||||
describe('components/AboutBuildModal', () => {
|
||||
afterEach(() => {
|
||||
global.window.mm_config = null;
|
||||
global.window.mm_license = null;
|
||||
});
|
||||
|
||||
test('should match snapshot for enterprise edition', () => {
|
||||
global.window.mm_config = {
|
||||
BuildEnterpriseReady: 'true',
|
||||
Version: '3.6.0',
|
||||
BuildNumber: '3.6.2',
|
||||
SQLDriverName: 'Postgres',
|
||||
BuildHash: 'abcdef1234567890',
|
||||
BuildHashEnterprise: '0123456789abcdef',
|
||||
BuildDate: '21 January 2017'
|
||||
};
|
||||
|
||||
global.window.mm_license = {
|
||||
isLicensed: 'true',
|
||||
Company: 'Mattermost Inc'
|
||||
};
|
||||
|
||||
const wrapper = shallow(
|
||||
<AboutBuildModal
|
||||
show={true}
|
||||
onModalDismissed={null}
|
||||
/>
|
||||
);
|
||||
expect(wrapper).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('should match snapshot for team edition', () => {
|
||||
global.window.mm_config = {
|
||||
BuildEnterpriseReady: 'false',
|
||||
Version: '3.6.0',
|
||||
BuildNumber: '3.6.2',
|
||||
SQLDriverName: 'Postgres',
|
||||
BuildHash: 'abcdef1234567890',
|
||||
BuildDate: '21 January 2017'
|
||||
};
|
||||
|
||||
global.window.mm_license = null;
|
||||
|
||||
const wrapper = shallow(
|
||||
<AboutBuildModal
|
||||
show={true}
|
||||
onModalDismissed={null}
|
||||
/>
|
||||
);
|
||||
expect(wrapper).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('should hide the build number if it is the same as the version number', () => {
|
||||
global.window.mm_config = {
|
||||
BuildEnterpriseReady: 'false',
|
||||
Version: '3.6.0',
|
||||
BuildNumber: '3.6.0',
|
||||
SQLDriverName: 'Postgres',
|
||||
BuildHash: 'abcdef1234567890',
|
||||
BuildDate: '21 January 2017'
|
||||
};
|
||||
|
||||
global.window.mm_license = null;
|
||||
|
||||
const wrapper = shallow(
|
||||
<AboutBuildModal
|
||||
show={true}
|
||||
onModalDismissed={null}
|
||||
/>
|
||||
);
|
||||
expect(wrapper.find('#versionString').text()).toBe(' 3.6.0');
|
||||
});
|
||||
|
||||
test('should show the build number if it is the different from the version number', () => {
|
||||
global.window.mm_config = {
|
||||
BuildEnterpriseReady: 'false',
|
||||
Version: '3.6.0',
|
||||
BuildNumber: '3.6.2',
|
||||
SQLDriverName: 'Postgres',
|
||||
BuildHash: 'abcdef1234567890',
|
||||
BuildDate: '21 January 2017'
|
||||
};
|
||||
|
||||
global.window.mm_license = null;
|
||||
|
||||
const wrapper = shallow(
|
||||
<AboutBuildModal
|
||||
show={true}
|
||||
onModalDismissed={null}
|
||||
/>
|
||||
);
|
||||
expect(wrapper.find('#versionString').text()).toBe(' 3.6.0\u00a0 (3.6.2)');
|
||||
});
|
||||
|
||||
test('should call onModalDismissed callback when the modal is hidden', (done) => {
|
||||
global.window.mm_config = {
|
||||
BuildEnterpriseReady: 'false',
|
||||
Version: '3.6.0',
|
||||
BuildNumber: '3.6.2',
|
||||
SQLDriverName: 'Postgres',
|
||||
BuildHash: 'abcdef1234567890',
|
||||
BuildDate: '21 January 2017'
|
||||
};
|
||||
|
||||
global.window.mm_license = null;
|
||||
|
||||
function onHide() {
|
||||
done();
|
||||
}
|
||||
|
||||
const wrapper = mountWithIntl(
|
||||
<AboutBuildModal
|
||||
show={true}
|
||||
onModalDismissed={onHide}
|
||||
/>
|
||||
);
|
||||
wrapper.find(Modal).first().props().onHide();
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,31 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`components/backstage/components/BackstageHeader should match snapshot with children 1`] = `
|
||||
<div
|
||||
className="backstage-header"
|
||||
>
|
||||
<h1>
|
||||
<div>
|
||||
Child 1
|
||||
</div>
|
||||
<span
|
||||
className="backstage-header__divider"
|
||||
>
|
||||
<i
|
||||
className="fa fa-angle-right"
|
||||
/>
|
||||
</span>
|
||||
<div>
|
||||
Child 2
|
||||
</div>
|
||||
</h1>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`components/backstage/components/BackstageHeader should match snapshot without children 1`] = `
|
||||
<div
|
||||
className="backstage-header"
|
||||
>
|
||||
<h1 />
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,26 @@
|
||||
// Copyright (c) 2017 Mattermost, Inc. All Rights Reserved.
|
||||
// See License.txt for license information.
|
||||
|
||||
import React from 'react';
|
||||
import {shallow} from 'enzyme';
|
||||
|
||||
import BackstageHeader from 'components/backstage/components/backstage_header.jsx';
|
||||
|
||||
describe('components/backstage/components/BackstageHeader', () => {
|
||||
test('should match snapshot without children', () => {
|
||||
const wrapper = shallow(
|
||||
<BackstageHeader/>
|
||||
);
|
||||
expect(wrapper).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('should match snapshot with children', () => {
|
||||
const wrapper = shallow(
|
||||
<BackstageHeader>
|
||||
<div>{'Child 1'}</div>
|
||||
<div>{'Child 2'}</div>
|
||||
</BackstageHeader>
|
||||
);
|
||||
expect(wrapper).toMatchSnapshot();
|
||||
});
|
||||
});
|
||||
53
webapp/tests/components/spinner_button.test.jsx
Обычный файл
53
webapp/tests/components/spinner_button.test.jsx
Обычный файл
@@ -0,0 +1,53 @@
|
||||
// Copyright (c) 2017 Mattermost, Inc. All Rights Reserved.
|
||||
// See License.txt for license information.
|
||||
|
||||
import React from 'react';
|
||||
import {shallow, mount} from 'enzyme';
|
||||
|
||||
import SpinnerButton from 'components/spinner_button.jsx';
|
||||
|
||||
describe('components/SpinnerButton', () => {
|
||||
test('should match snapshot with required props', () => {
|
||||
const wrapper = shallow(
|
||||
<SpinnerButton
|
||||
spinning={false}
|
||||
/>
|
||||
);
|
||||
expect(wrapper).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('should match snapshot with spinning', () => {
|
||||
const wrapper = shallow(
|
||||
<SpinnerButton
|
||||
spinning={true}
|
||||
/>
|
||||
);
|
||||
expect(wrapper).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('should match snapshot with children', () => {
|
||||
const wrapper = shallow(
|
||||
<SpinnerButton
|
||||
spinning={false}
|
||||
>
|
||||
<span id='child1'/>
|
||||
<span id='child2'/>
|
||||
</SpinnerButton>
|
||||
);
|
||||
expect(wrapper).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('should handle onClick', (done) => {
|
||||
function onClick() {
|
||||
done();
|
||||
}
|
||||
|
||||
const wrapper = mount(
|
||||
<SpinnerButton
|
||||
spinning={false}
|
||||
onClick={onClick}
|
||||
/>
|
||||
);
|
||||
wrapper.find('button').first().props().onClick();
|
||||
});
|
||||
});
|
||||
16
webapp/tests/components/suggestion/suggestion_box.test.jsx
Обычный файл
16
webapp/tests/components/suggestion/suggestion_box.test.jsx
Обычный файл
@@ -0,0 +1,16 @@
|
||||
// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
|
||||
// See License.txt for license information.
|
||||
|
||||
import SuggestionBox from 'components/suggestion/suggestion_box.jsx';
|
||||
|
||||
describe('components/SuggestionBox', function() {
|
||||
test('findOverlap', () => {
|
||||
expect(SuggestionBox.findOverlap('', 'blue')).toBe('');
|
||||
expect(SuggestionBox.findOverlap('red', '')).toBe('');
|
||||
expect(SuggestionBox.findOverlap('red', 'blue')).toBe('');
|
||||
expect(SuggestionBox.findOverlap('red', 'dog')).toBe('d');
|
||||
expect(SuggestionBox.findOverlap('red', 'education')).toBe('ed');
|
||||
expect(SuggestionBox.findOverlap('red', 'reduce')).toBe('red');
|
||||
expect(SuggestionBox.findOverlap('black', 'ack')).toBe('ack');
|
||||
});
|
||||
});
|
||||
Ссылка в новой задаче
Block a user