import { screen } from '@testing-library/react'; import { fromPartial } from '@total-typescript/shoehorn'; import type { DomainStatus } from '../../../src/domains/data'; import { DomainStatusIcon } from '../../../src/domains/helpers/DomainStatusIcon'; import { renderWithEvents } from '../../__helpers__/setUpTest'; describe('', () => { const matchMedia = vi.fn().mockReturnValue(fromPartial({ matches: false })); const setUp = (status: DomainStatus) => renderWithEvents( , ); it.each([ ['validating' as DomainStatus], ['invalid' as DomainStatus], ['valid' as DomainStatus], ])('renders expected icon and tooltip when status is not validating', (status) => { const { container } = setUp(status); expect(container.firstChild).toMatchSnapshot(); }); it.each([ ['invalid' as DomainStatus], ['valid' as DomainStatus], ])('renders proper tooltip based on state', async (status) => { const { container, user } = setUp(status); container.firstElementChild && await user.hover(container.firstElementChild); expect(await screen.findByRole('tooltip')).toMatchSnapshot(); }); });