import { shallow, ShallowWrapper } from 'enzyme'; import { Mock } from 'ts-mockery'; import { Button, UncontrolledTooltip } from 'reactstrap'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faBan as forbiddenIcon, faEdit as editIcon } from '@fortawesome/free-solid-svg-icons'; import { ShlinkDomainRedirects } from '../../src/api/types'; import { DomainRow } from '../../src/domains/DomainRow'; import { ReachableServer, SelectedServer } from '../../src/servers/data'; import { Domain } from '../../src/domains/data'; describe('', () => { let wrapper: ShallowWrapper; const createWrapper = (domain: Domain, selectedServer = Mock.all()) => { wrapper = shallow( , ); return wrapper; }; afterEach(() => wrapper?.unmount()); it.each([ [ Mock.of({ domain: '', isDefault: true }), undefined, 1, 1, 'defaultDomainBtn' ], [ Mock.of({ domain: '', isDefault: false }), undefined, 0, 0, undefined ], [ Mock.of({ domain: 'foo.com', isDefault: true }), undefined, 1, 1, 'defaultDomainBtn' ], [ Mock.of({ domain: 'foo.bar.com', isDefault: true }), undefined, 1, 1, 'defaultDomainBtn' ], [ Mock.of({ domain: 'foo.baz', isDefault: false }), undefined, 0, 0, undefined ], [ Mock.of({ domain: 'foo.baz', isDefault: true }), Mock.of({ version: '2.10.0' }), 1, 0, undefined, ], [ Mock.of({ domain: 'foo.baz', isDefault: true }), Mock.of({ version: '2.9.0' }), 1, 1, 'defaultDomainBtn', ], [ Mock.of({ domain: 'foo.baz', isDefault: false }), Mock.of({ version: '2.9.0' }), 0, 0, undefined, ], [ Mock.of({ domain: 'foo.baz', isDefault: false }), Mock.of({ version: '2.10.0' }), 0, 0, undefined, ], ])('shows proper components based on provided domain and selectedServer', ( domain, selectedServer, expectedDefaultDomainIcons, expectedDisabledComps, expectedDomainId, ) => { const wrapper = createWrapper(domain, selectedServer); const defaultDomainComp = wrapper.find('td').first().find('DefaultDomain'); const disabledBtn = wrapper.find(Button).findWhere((btn) => !!btn.prop('disabled')); const tooltip = wrapper.find(UncontrolledTooltip); const button = wrapper.find(Button); const icon = wrapper.find(FontAwesomeIcon); expect(defaultDomainComp).toHaveLength(expectedDefaultDomainIcons); expect(disabledBtn).toHaveLength(expectedDisabledComps); expect(button.prop('disabled')).toEqual(expectedDisabledComps > 0); expect(icon.prop('icon')).toEqual(expectedDisabledComps > 0 ? forbiddenIcon : editIcon); expect(tooltip).toHaveLength(expectedDisabledComps); if (expectedDisabledComps > 0) { expect(tooltip.prop('target')).toEqual(expectedDomainId); } }); it.each([ [ undefined, 3 ], [ Mock.of(), 3 ], [ Mock.of({ baseUrlRedirect: 'foo' }), 2 ], [ Mock.of({ invalidShortUrlRedirect: 'foo' }), 2 ], [ Mock.of({ baseUrlRedirect: 'foo', regular404Redirect: 'foo' }), 1 ], [ Mock.of( { baseUrlRedirect: 'foo', regular404Redirect: 'foo', invalidShortUrlRedirect: 'foo' }, ), 0, ], ])('shows expected redirects', (redirects, expectedNoRedirects) => { const wrapper = createWrapper(Mock.of({ domain: '', isDefault: true, redirects })); const noRedirects = wrapper.find('Nr'); const cells = wrapper.find('td'); expect(noRedirects).toHaveLength(expectedNoRedirects); redirects?.baseUrlRedirect && expect(cells.at(1).html()).toContain(redirects.baseUrlRedirect); redirects?.regular404Redirect && expect(cells.at(2).html()).toContain(redirects.regular404Redirect); redirects?.invalidShortUrlRedirect && expect(cells.at(3).html()).toContain(redirects.invalidShortUrlRedirect); }); });