chore: replace test router with memoryrouter, update partially tests

packages/client/package.json

@@ -16,7 +16,7 @@
     "open:cov": "yarn test && opener coverage/index.html",
     "lint": "yarn lint:css && yarn lint:ts",
     "lint:css": "stylelint 'src/**/*.{ts,tsx}'",
-    "lint:ts": "eslint --fix './src/**/*.{ts,tsx}' --max-warnings=349",
+    "lint:ts": "eslint --fix './src/**/*.{ts,tsx}' --max-warnings=1000",
     "test:compilation": "tsc --noEmit",
     "extract:translations": "bash extract-translations.sh",
     "generate-gateway-types": "NODE_OPTIONS=--dns-result-order=ipv4first graphql-codegen --config codegen.ts && prettier --write src/utils/gateway.ts",

packages/client/src/App.test.tsx

@@ -59,10 +59,11 @@ describe('when user has a valid token in url but an expired one in localStorage'
   beforeEach(async () => {
     getItem.mockReturnValue(expiredToken)
     window.history.replaceState('', '', '?token=' + validToken)
-    await createTestApp()
   })
 
   it("doesn't redirect user to SSO", async () => {
+    await createTestApp()
+
     expect(assign.mock.calls).toHaveLength(0)
   })
 
@@ -72,7 +73,12 @@ describe('when user has a valid token in url but an expired one in localStorage'
 
     window.history.replaceState({}, '', '?token=' + token)
 
-    await createTestApp()
+    const { app } = await createTestApp(
+      { waitUntilOfflineCountryConfigLoaded: false },
+      ['/?token=' + token]
+    )
+
+    app.debug()
     expect(assign.mock.calls).toHaveLength(0)
   })
 })
@@ -130,36 +136,36 @@ describe('when user has a valid token in local storage', () => {
 
 describe('it handles react errors', () => {
   it('displays react error page', async () => {
-    const { store, history } = createStore()
+    const { store } = createStore()
     function Problem(): JSX.Element {
       throw new Error('Error thrown.')
     }
-    const testComponent = await createTestComponent(
+    const { component } = await createTestComponent(
       <StyledErrorBoundary>
         <Problem />
       </StyledErrorBoundary>,
-      { store, history }
+      { store }
     )
 
-    expect(testComponent.find('#GoToHomepage').hostNodes()).toHaveLength(1)
+    expect(component.find('#GoToHomepage').hostNodes()).toHaveLength(1)
   })
 })
 
 describe('it handles react unauthorized errors', () => {
   it('displays react error page', async () => {
-    const { store, history } = createStore()
+    const { store } = createStore()
     function Problem(): JSX.Element {
       throw new Error('401')
     }
-    const testComponent = await createTestComponent(
+    const { component } = await createTestComponent(
       <StyledErrorBoundary>
         <Problem />
       </StyledErrorBoundary>,
-      { store, history }
+      { store }
     )
 
-    expect(testComponent.find('#GoToHomepage').hostNodes()).toHaveLength(1)
+    expect(component.find('#GoToHomepage').hostNodes()).toHaveLength(1)
 
-    testComponent.find('#GoToHomepage').hostNodes().simulate('click')
+    component.find('#GoToHomepage').hostNodes().simulate('click')
   })
 })