forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-15 03:53:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Created common Dropdown component for style consistency

Browse Source
This commit is contained in:
Alejandro Celaya
2020-12-25 10:29:25 +01:00
parent 81d24432a9
commit 6be3a1223f
7 changed files with 92 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
test/domains/DomainSelector.test.tsx
View File

@@ -1,9 +1,10 @@
import { shallow, ShallowWrapper } from 'enzyme';
import { Mock } from 'ts-mockery';
import { DropdownItem, DropdownMenu, InputGroup } from 'reactstrap';
import { DropdownItem, InputGroup } from 'reactstrap';
import { DomainSelector } from '../../src/domains/DomainSelector';
import { DomainsList } from '../../src/domains/reducers/domainsList';
import { ShlinkDomain } from '../../src/api/types';
import { Dropdown } from '../../src/utils/Dropdown';
describe('<DomainSelector />', () => {
let wrapper: ShallowWrapper;
@@ -23,7 +24,7 @@ describe('<DomainSelector />', () => {
it('shows dropdown by default', () => {
const input = wrapper.find(InputGroup);
const dropdown = wrapper.find(DropdownMenu);
const dropdown = wrapper.find(Dropdown);
expect(input).toHaveLength(0);
expect(dropdown).toHaveLength(1);
@@ -33,10 +34,10 @@ describe('<DomainSelector />', () => {
it('allows to toggle between dropdown and input', () => {
wrapper.find(DropdownItem).last().simulate('click');
expect(wrapper.find(InputGroup)).toHaveLength(1);
expect(wrapper.find(DropdownMenu)).toHaveLength(0);
expect(wrapper.find(Dropdown)).toHaveLength(0);
wrapper.find('.domains-dropdown__back-btn').simulate('click');
expect(wrapper.find(InputGroup)).toHaveLength(0);
expect(wrapper.find(DropdownMenu)).toHaveLength(1);
expect(wrapper.find(Dropdown)).toHaveLength(1);
});
});