2021-02-14 19:33:01 +03:00
|
|
|
import { shallow, ShallowWrapper } from 'enzyme';
|
|
|
|
import { Mock } from 'ts-mockery';
|
2021-08-15 19:21:36 +03:00
|
|
|
import { DropdownItem } from 'reactstrap';
|
2021-12-25 12:49:12 +03:00
|
|
|
import { ShortUrlCreationSettings as ShortUrlsSettings, Settings } from '../../src/settings/reducers/settings';
|
|
|
|
import { ShortUrlCreationSettings } from '../../src/settings/ShortUrlCreationSettings';
|
2022-03-05 16:04:01 +03:00
|
|
|
import { FormText } from '../../src/utils/FormText';
|
2021-02-14 19:33:01 +03:00
|
|
|
import ToggleSwitch from '../../src/utils/ToggleSwitch';
|
2021-08-15 19:13:13 +03:00
|
|
|
import { DropdownBtn } from '../../src/utils/DropdownBtn';
|
2021-02-14 19:33:01 +03:00
|
|
|
|
2021-12-25 12:49:12 +03:00
|
|
|
describe('<ShortUrlCreationSettings />', () => {
|
2021-02-14 19:33:01 +03:00
|
|
|
let wrapper: ShallowWrapper;
|
|
|
|
const setShortUrlCreationSettings = jest.fn();
|
2021-12-25 12:49:12 +03:00
|
|
|
const createWrapper = (shortUrlCreation?: ShortUrlsSettings) => {
|
2021-02-14 19:33:01 +03:00
|
|
|
wrapper = shallow(
|
2021-12-25 12:49:12 +03:00
|
|
|
<ShortUrlCreationSettings
|
2021-02-14 19:33:01 +03:00
|
|
|
settings={Mock.of<Settings>({ shortUrlCreation })}
|
|
|
|
setShortUrlCreationSettings={setShortUrlCreationSettings}
|
|
|
|
/>,
|
|
|
|
);
|
|
|
|
|
|
|
|
return wrapper;
|
|
|
|
};
|
|
|
|
|
|
|
|
afterEach(() => wrapper?.unmount());
|
|
|
|
afterEach(jest.clearAllMocks);
|
|
|
|
|
|
|
|
it.each([
|
|
|
|
[{ validateUrls: true }, true ],
|
|
|
|
[{ validateUrls: false }, false ],
|
|
|
|
[ undefined, false ],
|
2021-08-15 19:13:13 +03:00
|
|
|
])('URL validation switch is toggled if option is true', (shortUrlCreation, expectedChecked) => {
|
2021-02-14 19:33:01 +03:00
|
|
|
const wrapper = createWrapper(shortUrlCreation);
|
2021-10-14 00:10:22 +03:00
|
|
|
const urlValidationToggle = wrapper.find(ToggleSwitch).first();
|
2021-02-14 19:33:01 +03:00
|
|
|
|
2021-10-14 00:10:22 +03:00
|
|
|
expect(urlValidationToggle.prop('checked')).toEqual(expectedChecked);
|
2021-02-14 19:33:01 +03:00
|
|
|
});
|
|
|
|
|
2021-08-15 19:13:13 +03:00
|
|
|
it.each([
|
2021-10-14 00:10:22 +03:00
|
|
|
[{ forwardQuery: true }, true ],
|
|
|
|
[{ forwardQuery: false }, false ],
|
|
|
|
[{}, true ],
|
|
|
|
])('forward query switch is toggled if option is true', (shortUrlCreation, expectedChecked) => {
|
|
|
|
const wrapper = createWrapper({ validateUrls: true, ...shortUrlCreation });
|
|
|
|
const forwardQueryToggle = wrapper.find(ToggleSwitch).last();
|
|
|
|
|
|
|
|
expect(forwardQueryToggle.prop('checked')).toEqual(expectedChecked);
|
|
|
|
});
|
|
|
|
|
|
|
|
it.each([
|
|
|
|
[{ validateUrls: true }, 'Validate URL checkbox will be checked' ],
|
|
|
|
[{ validateUrls: false }, 'Validate URL checkbox will be unchecked' ],
|
|
|
|
[ undefined, 'Validate URL checkbox will be unchecked' ],
|
2021-08-15 19:13:13 +03:00
|
|
|
])('shows expected helper text for URL validation', (shortUrlCreation, expectedText) => {
|
|
|
|
const wrapper = createWrapper(shortUrlCreation);
|
2022-03-05 16:04:01 +03:00
|
|
|
const validateUrlText = wrapper.find(FormText).first();
|
2021-08-15 19:13:13 +03:00
|
|
|
|
2021-10-14 00:10:22 +03:00
|
|
|
expect(validateUrlText.text()).toContain(expectedText);
|
|
|
|
});
|
|
|
|
|
|
|
|
it.each([
|
|
|
|
[{ forwardQuery: true }, 'Forward query params on redirect checkbox will be checked' ],
|
|
|
|
[{ forwardQuery: false }, 'Forward query params on redirect checkbox will be unchecked' ],
|
|
|
|
[{}, 'Forward query params on redirect checkbox will be checked' ],
|
|
|
|
])('shows expected helper text for query forwarding', (shortUrlCreation, expectedText) => {
|
|
|
|
const wrapper = createWrapper({ validateUrls: true, ...shortUrlCreation });
|
2022-03-05 16:04:01 +03:00
|
|
|
const forwardQueryText = wrapper.find(FormText).at(1);
|
2021-10-14 00:10:22 +03:00
|
|
|
|
|
|
|
expect(forwardQueryText.text()).toContain(expectedText);
|
2021-08-15 19:13:13 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
it.each([
|
2021-12-25 12:49:12 +03:00
|
|
|
[ { tagFilteringMode: 'includes' } as ShortUrlsSettings, 'Suggest tags including input', 'including' ],
|
2021-08-15 19:13:13 +03:00
|
|
|
[
|
2021-12-25 12:49:12 +03:00
|
|
|
{ tagFilteringMode: 'startsWith' } as ShortUrlsSettings,
|
2021-08-15 19:13:13 +03:00
|
|
|
'Suggest tags starting with input',
|
|
|
|
'starting with',
|
|
|
|
],
|
|
|
|
[ undefined, 'Suggest tags starting with input', 'starting with' ],
|
|
|
|
])('shows expected texts for tags suggestions', (shortUrlCreation, expectedText, expectedHint) => {
|
|
|
|
const wrapper = createWrapper(shortUrlCreation);
|
2022-03-05 16:04:01 +03:00
|
|
|
const hintText = wrapper.find(FormText).last();
|
2021-08-15 19:13:13 +03:00
|
|
|
const dropdown = wrapper.find(DropdownBtn);
|
|
|
|
|
|
|
|
expect(dropdown.prop('text')).toEqual(expectedText);
|
|
|
|
expect(hintText.text()).toContain(expectedHint);
|
|
|
|
});
|
|
|
|
|
2021-10-14 00:10:22 +03:00
|
|
|
it.each([[ true ], [ false ]])('invokes setShortUrlCreationSettings when URL validation toggle value changes', (validateUrls) => {
|
2021-02-14 19:33:01 +03:00
|
|
|
const wrapper = createWrapper();
|
2021-10-14 00:10:22 +03:00
|
|
|
const urlValidationToggle = wrapper.find(ToggleSwitch).first();
|
2021-02-14 19:33:01 +03:00
|
|
|
|
|
|
|
expect(setShortUrlCreationSettings).not.toHaveBeenCalled();
|
2021-10-14 00:10:22 +03:00
|
|
|
urlValidationToggle.simulate('change', validateUrls);
|
2021-02-14 19:33:01 +03:00
|
|
|
expect(setShortUrlCreationSettings).toHaveBeenCalledWith({ validateUrls });
|
|
|
|
});
|
|
|
|
|
2021-10-14 00:10:22 +03:00
|
|
|
it.each([[ true ], [ false ]])('invokes setShortUrlCreationSettings when forward query toggle value changes', (forwardQuery) => {
|
|
|
|
const wrapper = createWrapper();
|
|
|
|
const urlValidationToggle = wrapper.find(ToggleSwitch).last();
|
|
|
|
|
|
|
|
expect(setShortUrlCreationSettings).not.toHaveBeenCalled();
|
|
|
|
urlValidationToggle.simulate('change', forwardQuery);
|
|
|
|
expect(setShortUrlCreationSettings).toHaveBeenCalledWith(expect.objectContaining({ forwardQuery }));
|
|
|
|
});
|
|
|
|
|
2021-08-15 19:13:13 +03:00
|
|
|
it('invokes setShortUrlCreationSettings when dropdown value changes', () => {
|
|
|
|
const wrapper = createWrapper();
|
|
|
|
const firstDropdownItem = wrapper.find(DropdownItem).first();
|
|
|
|
const secondDropdownItem = wrapper.find(DropdownItem).last();
|
2021-02-14 19:33:01 +03:00
|
|
|
|
2021-08-15 19:13:13 +03:00
|
|
|
expect(setShortUrlCreationSettings).not.toHaveBeenCalled();
|
|
|
|
|
|
|
|
firstDropdownItem.simulate('click');
|
|
|
|
expect(setShortUrlCreationSettings).toHaveBeenCalledWith(expect.objectContaining(
|
|
|
|
{ tagFilteringMode: 'startsWith' },
|
|
|
|
));
|
|
|
|
|
|
|
|
secondDropdownItem.simulate('click');
|
|
|
|
expect(setShortUrlCreationSettings).toHaveBeenCalledWith(expect.objectContaining(
|
|
|
|
{ tagFilteringMode: 'includes' },
|
|
|
|
));
|
2021-02-14 19:33:01 +03:00
|
|
|
});
|
|
|
|
});
|