Add first accessibility tests

test/common/MainHeader.test.tsx

@@ -3,11 +3,13 @@ import { fromPartial } from '@total-typescript/shoehorn';
 import { createMemoryHistory } from 'history';
 import { Router } from 'react-router-dom';
 import { MainHeaderFactory } from '../../src/common/MainHeader';
+import { checkAccessibility } from '../__helpers__/accessibility';
 import { renderWithEvents } from '../__helpers__/setUpTest';
 
 describe('<MainHeader />', () => {
   const MainHeader = MainHeaderFactory(fromPartial({
-    ServersDropdown: () => <>ServersDropdown</>,
+    // Fake this component as a li, as it gets rendered inside a ul
+    ServersDropdown: () => <li>ServersDropdown</li>,
   }));
   const setUp = (pathname = '') => {
     const history = createMemoryHistory();
@@ -20,6 +22,8 @@ describe('<MainHeader />', () => {
     );
   };
 
+  it('passes a11y checks', () => checkAccessibility(setUp()));
+
   it('renders ServersDropdown', () => {
     setUp();
     expect(screen.getByText('ServersDropdown')).toBeInTheDocument();