Move shlink-web-component tests to their own folder

shlink-web-component/test/domains/helpers/DomainStatusIcon.test.tsx

@@ -0,0 +1,31 @@
+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('<DomainStatusIcon />', () => {
+  const matchMedia = vi.fn().mockReturnValue(fromPartial<MediaQueryList>({ matches: false }));
+  const setUp = (status: DomainStatus) => renderWithEvents(
+    <DomainStatusIcon status={status} matchMedia={matchMedia} />,
+  );
+
+  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();
+  });
+});