Added react testing library and add test for DomainDropdown

test/domains/helpers/DomainDropdown.test.tsx

@@ -0,0 +1,85 @@
+import { fireEvent, render, screen, waitForElementToBeRemoved } from '@testing-library/react';
+import { Mock } from 'ts-mockery';
+import { MemoryRouter } from 'react-router-dom';
+import { DomainDropdown } from '../../../src/domains/helpers/DomainDropdown';
+import { Domain } from '../../../src/domains/data';
+import { ReachableServer, SelectedServer } from '../../../src/servers/data';
+import { SemVer } from '../../../src/utils/helpers/version';
+
+describe('<DomainDropdown />', () => {
+  const editDomainRedirects = jest.fn().mockResolvedValue(undefined);
+  const setUp = (domain?: Domain, selectedServer?: SelectedServer) => render(
+    <MemoryRouter>
+      <DomainDropdown
+        domain={domain ?? Mock.all<Domain>()}
+        selectedServer={selectedServer ?? Mock.all<SelectedServer>()}
+        editDomainRedirects={editDomainRedirects}
+      />
+    </MemoryRouter>,
+  );
+
+  afterEach(jest.clearAllMocks);
+
+  it('renders expected menu items', () => {
+    setUp();
+
+    expect(screen.queryByText('Visit stats')).not.toBeInTheDocument();
+    expect(screen.getByText('Edit redirects')).toBeInTheDocument();
+  });
+
+  it.each([
+    [true, '_DEFAULT'],
+    [false, ''],
+  ])('points first link to the proper section', (isDefault, expectedLink) => {
+    setUp(
+      Mock.of<Domain>({ domain: 'foo.com', isDefault }),
+      Mock.of<ReachableServer>({ version: '3.1.0', id: '123' }),
+    );
+
+    expect(screen.getByText('Visit stats')).toHaveAttribute('href', `/server/123/domain/foo.com${expectedLink}/visits`);
+  });
+
+  it.each([
+    [true, '2.9.0' as SemVer, false],
+    [true, '2.10.0' as SemVer, true],
+    [false, '2.9.0' as SemVer, true],
+  ])('allows editing certain the domains', (isDefault, serverVersion, canBeEdited) => {
+    setUp(
+      Mock.of<Domain>({ domain: 'foo.com', isDefault }),
+      Mock.of<ReachableServer>({ version: serverVersion, id: '123' }),
+    );
+
+    if (canBeEdited) {
+      expect(screen.getByText('Edit redirects')).not.toHaveAttribute('disabled');
+    } else {
+      expect(screen.getByText('Edit redirects')).toHaveAttribute('disabled');
+    }
+  });
+
+  it.each([
+    ['foo.com'],
+    ['bar.org'],
+    ['baz.net'],
+  ])('displays modal when editing redirects', async (domain) => {
+    setUp(Mock.of<Domain>({ domain, isDefault: false }));
+
+    expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
+    expect(screen.queryByRole('form')).not.toBeInTheDocument();
+    fireEvent.click(screen.getByText('Edit redirects'));
+    expect(await screen.findByRole('dialog')).toBeInTheDocument();
+
+    expect(editDomainRedirects).not.toHaveBeenCalled();
+    fireEvent.click(screen.getByText('Save'));
+    expect(editDomainRedirects).toHaveBeenCalledWith(domain, expect.anything());
+
+    await waitForElementToBeRemoved(() => screen.queryByRole('dialog'));
+  });
+
+  it('displays dropdown when clicked', async () => {
+    setUp();
+
+    expect(screen.queryByRole('menu')).not.toBeInTheDocument();
+    fireEvent.click(screen.getByRole('button', { expanded: false }));
+    expect(await screen.findByRole('menu')).toBeInTheDocument();
+  });
+});