forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-06-01 18:16:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed tests after bootstrap 5 update

Browse Source
This commit is contained in:
Alejandro Celaya
2022-03-07 16:27:25 +01:00
parent 6346f82a0a
commit dcfb5ab054
10 changed files with 35 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
test/settings/RealTimeUpdatesSettings.test.tsx
View File

@@ -1,12 +1,14 @@
import { shallow, ShallowWrapper } from 'enzyme';
import { Mock } from 'ts-mockery';
import { Input } from 'reactstrap';
import { FormText } from '../../src/utils/forms/FormText';
import {
RealTimeUpdatesSettings as RealTimeUpdatesSettingsOptions,
Settings,
} from '../../src/settings/reducers/settings';
import RealTimeUpdatesSettings from '../../src/settings/RealTimeUpdatesSettings';
import ToggleSwitch from '../../src/utils/ToggleSwitch';
import { LabeledFormGroup } from '../../src/utils/forms/LabeledFormGroup';
describe('<RealTimeUpdatesSettings />', () => {
const toggleRealTimeUpdates = jest.fn();
@@ -32,31 +34,31 @@ describe('<RealTimeUpdatesSettings />', () => {
it('renders enabled real time updates as expected', () => {
const wrapper = createWrapper({ enabled: true });
const toggle = wrapper.find(ToggleSwitch);
const label = wrapper.find('label');
const label = wrapper.find(LabeledFormGroup);
const input = wrapper.find(Input);
const small = wrapper.find('small');
const formText = wrapper.find(FormText);
expect(toggle.prop('checked')).toEqual(true);
expect(toggle.html()).toContain('processed');
expect(toggle.html()).not.toContain('ignored');
expect(label.prop('className')).toEqual('');
expect(label.prop('labelClassName')).not.toContain('text-muted');
expect(input.prop('disabled')).toEqual(false);
expect(small).toHaveLength(2);
expect(formText).toHaveLength(2);
});
it('renders disabled real time updates as expected', () => {
const wrapper = createWrapper({ enabled: false });
const toggle = wrapper.find(ToggleSwitch);
const label = wrapper.find('label');
const label = wrapper.find(LabeledFormGroup);
const input = wrapper.find(Input);
const small = wrapper.find('small');
const formText = wrapper.find(FormText);
expect(toggle.prop('checked')).toEqual(false);
expect(toggle.html()).not.toContain('processed');
expect(toggle.html()).toContain('ignored');
expect(label.prop('className')).toEqual('text-muted');
expect(label.prop('labelClassName')).toContain('text-muted');
expect(input.prop('disabled')).toEqual(true);
expect(small).toHaveLength(1);
expect(formText).toHaveLength(1);
});
it.each([
@@ -79,11 +81,11 @@ describe('<RealTimeUpdatesSettings />', () => {
it.each([[ undefined ], [ 0 ]])('shows expected children when interval is 0 or undefined', (interval) => {
const wrapper = createWrapper({ enabled: true, interval });
const span = wrapper.find('span');
const small = wrapper.find('small').at(1);
const formText = wrapper.find(FormText).at(1);
const input = wrapper.find(Input);
expect(span).toHaveLength(0);
expect(small.html()).toContain('Updates will be reflected in the UI as soon as they happen.');
expect(formText.html()).toContain('Updates will be reflected in the UI as soon as they happen.');
expect(input.prop('value')).toEqual('');
});