diff --git a/test/domains/helpers/DomainStatusIcon.test.tsx b/test/domains/helpers/DomainStatusIcon.test.tsx index 03eadb3c..fc92cb29 100644 --- a/test/domains/helpers/DomainStatusIcon.test.tsx +++ b/test/domains/helpers/DomainStatusIcon.test.tsx @@ -1,20 +1,21 @@ import { shallow, ShallowWrapper } from 'enzyme'; import { UncontrolledTooltip } from 'reactstrap'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { Mock } from 'ts-mockery'; import { faTimes, faCheck, faCircleNotch } from '@fortawesome/free-solid-svg-icons'; import { DomainStatus } from '../../../src/domains/data'; import { DomainStatusIcon } from '../../../src/domains/helpers/DomainStatusIcon'; -import { MediaMatcher } from '../../../src/utils/types'; -import { Mock } from 'ts-mockery'; describe('', () => { + const matchMedia = jest.fn().mockReturnValue(Mock.of({ matches: false })); let wrapper: ShallowWrapper; - const createWrapper = (status: DomainStatus, matchMedia?: MediaMatcher) => { + const createWrapper = (status: DomainStatus) => { wrapper = shallow(); return wrapper; }; + beforeEach(jest.clearAllMocks); afterEach(() => wrapper?.unmount()); it('renders loading icon when status is "validating"', () => { @@ -58,11 +59,12 @@ describe('', () => { }); it.each([ - [ true, 'top-sart' ], + [ true, 'top-start' ], [ false, 'left' ], ])('places the tooltip properly based on query match', (isMobile, expectedPlacement) => { - const mediaMatch = jest.fn().mockReturnValue(Mock.of({ matches: isMobile })); - const wrapper = createWrapper('valid', mediaMatch); + matchMedia.mockReturnValue(Mock.of({ matches: isMobile })); + + const wrapper = createWrapper('valid'); const tooltip = wrapper.find(UncontrolledTooltip); expect(tooltip).toHaveLength(1);