fix: Show header on global error

[suejung-sentry]

Description

Closes codecov/engineering-team#2460

[codecov]

❌ 33 Tests Failed:

Tests completed	Failed	Passed	Skipped
4703	33	4670	0

View the top 3 failed tests by shortest run time

src/layouts/SidebarLayout/SidebarLayout.test.tsx SidebarLayout > it renders the content with default styles > renders the sidebar

Stack Traces | 0.0038s run time

Error: No QueryClient set, use QueryClientProvider to set one
 ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
 ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
 ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
 ❯ Module.useUser .../services/user/useUser.ts:434:32
 ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
 ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
 ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

src/layouts/SidebarLayout/SidebarLayout.test.tsx SidebarLayout > it renders with children > renders the sidebar

Stack Traces | 0.00385s run time

Error: No QueryClient set, use QueryClientProvider to set one
 ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
 ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
 ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
 ❯ Module.useUser .../services/user/useUser.ts:434:32
 ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
 ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
 ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

src/layouts/SidebarLayout/SidebarLayout.test.tsx SidebarLayout > it renders the content with custom styles > renders the sidebar

Stack Traces | 0.004s run time

Error: No QueryClient set, use QueryClientProvider to set one
 ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
 ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
 ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
 ❯ Module.useUser .../services/user/useUser.ts:434:32
 ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
 ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
 ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

To view individual test run time comparison to the main branch, go to the Test Analytics Dashboard

[codecov-qa]

❌ 31 Tests Failed:

Tests completed	Failed	Passed	Skipped
3257	31	3226	0

View the top 3 failed tests by shortest run time

src/layouts/SidebarLayout/SidebarLayout.test.tsx SidebarLayout > it renders the content with default styles > renders the sidebar

Stack Traces | 0.0038s run time

Error: No QueryClient set, use QueryClientProvider to set one
 ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
 ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
 ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
 ❯ Module.useUser .../services/user/useUser.ts:434:32
 ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
 ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
 ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

src/layouts/SidebarLayout/SidebarLayout.test.tsx SidebarLayout > it renders with children > renders the sidebar

Stack Traces | 0.00385s run time

Error: No QueryClient set, use QueryClientProvider to set one
 ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
 ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
 ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
 ❯ Module.useUser .../services/user/useUser.ts:434:32
 ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
 ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
 ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

src/layouts/SidebarLayout/SidebarLayout.test.tsx SidebarLayout > it renders the content with custom styles > renders the sidebar

Stack Traces | 0.004s run time

Error: No QueryClient set, use QueryClientProvider to set one
 ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
 ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
 ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
 ❯ Module.useUser .../services/user/useUser.ts:434:32
 ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
 ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
 ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

To view individual test run time comparison to the main branch, go to the Test Analytics Dashboard

[codecov-staging]

❌ 31 Tests Failed:

Tests completed	Failed	Passed	Skipped
3890	31	3859	0

View the top 3 failed tests by shortest run time

src/layouts/SidebarLayout/SidebarLayout.test.tsx SidebarLayout > it renders the content with default styles > renders the sidebar

Stack Traces | 0.0038s run time

Error: No QueryClient set, use QueryClientProvider to set one
 ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
 ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
 ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
 ❯ Module.useUser .../services/user/useUser.ts:434:32
 ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
 ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
 ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

src/layouts/SidebarLayout/SidebarLayout.test.tsx SidebarLayout > it renders with children > renders the sidebar

Stack Traces | 0.00385s run time

Error: No QueryClient set, use QueryClientProvider to set one
 ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
 ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
 ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
 ❯ Module.useUser .../services/user/useUser.ts:434:32
 ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
 ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
 ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

src/layouts/SidebarLayout/SidebarLayout.test.tsx SidebarLayout > it renders the content with custom styles > renders the sidebar

Stack Traces | 0.004s run time

Error: No QueryClient set, use QueryClientProvider to set one
 ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
 ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
 ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
 ❯ Module.useUser .../services/user/useUser.ts:434:32
 ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
 ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
 ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

To view individual test run time comparison to the main branch, go to the Test Analytics Dashboard

[codecov-public-qa]

Test Failures Detected: Due to failing tests, we cannot provide coverage reports at this time.

❌ Failed Test Results:

Completed 3257 tests with 31 failed, 3226 passed and 0 skipped.

View the full list of failed tests

RepoPage

• Class name: RepoPage there is no repo data renders not found
  Test name: RepoPage there is no repo data renders not found
  
  

  Error: Unable to find an element with the text: /not found/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div />
  </body>
      at waitForWrapper (.../gazebo/gazebo/node_modules/@.../dom/dist/wait-for.js:163:27)
      at findByText (.../gazebo/gazebo/node_modules/@.../dom/dist/query-helpers.js:86:32)
      at Object.<anonymous> (.../pages/RepoPage/RepoPage.spec.tsx:317:37)
      at Promise.then.completed (.../gazebo/gazebo/node_modules/jest-circus/build/utils.js:391:28)
      at new Promise (<anonymous>)
      at callAsyncCircusFn (.../gazebo/gazebo/node_modules/jest-circus/build/utils.js:316:10)
      at _callCircusTest (.../gazebo/gazebo/node_modules/jest-circus/build/run.js:218:40)
      at processTicksAndRejections (node:internal/process/task_queues:95:5)
      at _runTest (.../gazebo/gazebo/node_modules/jest-circus/build/run.js:155:3)
      at _runTestsForDescribeBlock (.../gazebo/gazebo/node_modules/jest-circus/build/run.js:66:9)
      at _runTestsForDescribeBlock (.../gazebo/gazebo/node_modules/jest-circus/build/run.js:60:9)
      at _runTestsForDescribeBlock (.../gazebo/gazebo/node_modules/jest-circus/build/run.js:60:9)
      at run (.../gazebo/gazebo/node_modules/jest-circus/build/run.js:25:3)
      at runAndTransformResultsToJestFormat (.../gazebo/gazebo/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:170:21)
      at jestAdapter (.../gazebo/gazebo/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:68:19)
      at runTestInternal (.../gazebo/gazebo/node_modules/jest-runner/build/runTest.js:389:16)
      at runTest (.../gazebo/gazebo/node_modules/jest-runner/build/runTest.js:475:34)
      at Object.worker (.../gazebo/gazebo/node_modules/jest-runner/build/testWorker.js:133:12)

src/layouts/SidebarLayout/SidebarLayout.test.tsx

• Class name: src/layouts/SidebarLayout/SidebarLayout.test.tsx
  Test name: SidebarLayout > it renders the content with custom styles > renders the sidebar
  
  

  Error: No QueryClient set, use QueryClientProvider to set one
   ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
   ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
   ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
   ❯ Module.useUser .../services/user/useUser.ts:434:32
   ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
   ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
   ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
   ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
   ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
   ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

• Class name: src/layouts/SidebarLayout/SidebarLayout.test.tsx
  Test name: SidebarLayout > it renders the content with default styles > renders the sidebar
  
  

  Error: No QueryClient set, use QueryClientProvider to set one
   ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
   ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
   ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
   ❯ Module.useUser .../services/user/useUser.ts:434:32
   ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
   ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
   ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
   ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
   ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
   ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

• Class name: src/layouts/SidebarLayout/SidebarLayout.test.tsx
  Test name: SidebarLayout > it renders with children > renders the content of the page (children)
  
  

  Error: No QueryClient set, use QueryClientProvider to set one
   ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
   ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
   ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
   ❯ Module.useUser .../services/user/useUser.ts:434:32
   ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
   ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
   ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
   ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
   ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
   ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

• Class name: src/layouts/SidebarLayout/SidebarLayout.test.tsx
  Test name: SidebarLayout > it renders with children > renders the sidebar
  
  

  Error: No QueryClient set, use QueryClientProvider to set one
   ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
   ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
   ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
   ❯ Module.useUser .../services/user/useUser.ts:434:32
   ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
   ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
   ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
   ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
   ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
   ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

• Class name: src/layouts/SidebarLayout/SidebarLayout.test.tsx
  Test name: SidebarLayout > it renders with no children > renders the sidebar
  
  

  Error: No QueryClient set, use QueryClientProvider to set one
   ❯ useQueryClient node_modules/@.../react-query/src/QueryClientProvider.tsx:49:5
   ❯ useBaseQuery node_modules/@.../build/lib/useBaseQuery.mjs:12:23
   ❯ Module.useQuery node_modules/@.../react-query/src/useQuery.ts:140:3
   ❯ Module.useUser .../services/user/useUser.ts:434:32
   ❯ Module.useUserAccessGate .../BaseLayout/hooks/useUserAccessGate.js:43:7
   ❯ NetworkErrorBoundary .../shared/NetworkErrorBoundary/NetworkErrorBoundary.jsx:129:19
   ❯ renderWithHooks .../react-dom/cjs/react-dom.development.js:15486:18
   ❯ mountIndeterminateComponent .../react-dom/cjs/react-dom.development.js:20103:13
   ❯ beginWork .../react-dom/cjs/react-dom.development.js:21626:16
   ❯ beginWork$1 .../react-dom/cjs/react-dom.development.js:27465:14

src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > user is able to recover from error > user clicks on reset button > renders a things are good
  
  

  TestingLibraryElementError: Unable to find an element with the text: Return to previous page. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:536:37

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 401 error > renders a please login
  
  

  TestingLibraryElementError: Unable to find an element with the text: /Please log in/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:152:38

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 401 error > renders return to previous page button
  
  

  TestingLibraryElementError: Unable to find an element with the text: Return to previous page. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:178:41

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 401 error > renders the detail from data
  
  

  TestingLibraryElementError: Unable to find an element with the text: /not authenticated/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:165:45

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 401 error > sends metric to sentry
  
  

  AssertionError: expected "spy" to be called with arguments: [ …(3) ]
  
  Received: 
  
  
  
  Number of calls: 0
  
  
  Ignored nodes: comments, script, style
  <html>
    <head />
    <body>
      <div>
        <div>
          <div>
            <label
              for="text"
            >
              Text
            </label>
            <input
              id="text"
              type="text"
            />
          </div>
          <div>
            Oh no
          </div>
          <button>
            Go back
          </button>
          <div>
            <p>
              Custom Error has been thrown
            </p>
          </div>
        </div>
      </div>
    </body>
  </html>
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:192:42
   ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@.../dom/dist/config.js:47:12
   ❯ checkCallback node_modules/@.../dom/dist/wait-for.js:124:77
   ❯ Timeout.checkRealTimersCallback node_modules/@.../dom/dist/wait-for.js:118:16

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 403 error > renders a Unauthorized
  
  

  TestingLibraryElementError: Unable to find an element with the text: /Unauthorized/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:211:41

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 403 error > renders return to previous page button
  
  

  TestingLibraryElementError: Unable to find an element with the text: Return to previous page. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:237:35

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 403 error > renders the detail from data
  
  

  TestingLibraryElementError: Unable to find an element with the text: /you not admin/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:224:35

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 403 error > sends metric to sentry
  
  

  AssertionError: expected "spy" to be called with arguments: [ …(3) ]
  
  Received: 
  
  
  
  Number of calls: 0
  
  
  Ignored nodes: comments, script, style
  <html>
    <head />
    <body>
      <div>
        <div>
          <div>
            <label
              for="text"
            >
              Text
            </label>
            <input
              id="text"
              type="text"
            />
          </div>
          <div>
            Oh no
          </div>
          <button>
            Go back
          </button>
          <div>
            <p>
              Custom Error has been thrown
            </p>
          </div>
        </div>
      </div>
    </body>
  </html>
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:251:42
   ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@.../dom/dist/config.js:47:12
   ❯ checkCallback node_modules/@.../dom/dist/wait-for.js:124:77
   ❯ Timeout.checkRealTimersCallback node_modules/@.../dom/dist/wait-for.js:118:16

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 404 error > sends metric to sentry
  
  

  AssertionError: expected "spy" to be called with arguments: [ …(3) ]
  
  Received: 
  
  
  
  Number of calls: 0
  
  
  Ignored nodes: comments, script, style
  <html>
    <head />
    <body>
      <div>
        <div>
          <div>
            <label
              for="text"
            >
              Text
            </label>
            <input
              id="text"
              type="text"
            />
          </div>
          <div>
            Oh no
          </div>
          <button>
            Go back
          </button>
          <div>
            <p>
              Custom Error has been thrown
            </p>
          </div>
        </div>
      </div>
    </body>
  </html>
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:327:42
   ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@.../dom/dist/config.js:47:12
   ❯ checkCallback node_modules/@.../dom/dist/wait-for.js:124:77
   ❯ Timeout.checkRealTimersCallback node_modules/@.../dom/dist/wait-for.js:118:16

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 404 error > when not running in self-hosted mode > renders a Not found
  
  

  TestingLibraryElementError: Unable to find an element with the text: /Not found/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:271:39

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 404 error > when not running in self-hosted mode > renders return to previous page button
  
  

  TestingLibraryElementError: Unable to find an element with the text: Return to previous page. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:284:37

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 404 error > when running in self hosted mode > renders a Not found
  
  

  TestingLibraryElementError: Unable to find an element with the text: /Please see/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:299:40

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 404 error > when running in self hosted mode > renders return to previous page button
  
  

  TestingLibraryElementError: Unable to find an element with the text: Return to previous page. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:312:37

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 429 error > renders a Rate limit exceeded error
  
  

  TestingLibraryElementError: Unable to find an element with the text: /Rate limit exceeded/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:347:22

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 429 error > renders return to login button
  
  

  TestingLibraryElementError: Unable to find an element with the text: Return to login. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:368:35

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 429 error > sends metric to sentry
  
  

  AssertionError: expected "spy" to be called with arguments: [ …(3) ]
  
  Received: 
  
  
  
  Number of calls: 0
  
  
  Ignored nodes: comments, script, style
  <html>
    <head />
    <body>
      <div>
        <div>
          <div>
            <label
              for="text"
            >
              Text
            </label>
            <input
              id="text"
              type="text"
            />
          </div>
          <div>
            Oh no
          </div>
          <button>
            Go back
          </button>
          <div>
            <p>
              Custom Error has been thrown
            </p>
          </div>
        </div>
      </div>
    </body>
  </html>
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:394:42
   ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@.../dom/dist/config.js:47:12
   ❯ checkCallback node_modules/@.../dom/dist/wait-for.js:124:77
   ❯ Timeout.checkRealTimersCallback node_modules/@.../dom/dist/wait-for.js:118:16

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 500 error > sends metric to sentry
  
  

  AssertionError: expected "spy" to be called with arguments: [ …(3) ]
  
  Received: 
  
  
  
  Number of calls: 0
  
  
  Ignored nodes: comments, script, style
  <html>
    <head />
    <body>
      <div>
        <div>
          <div>
            <label
              for="text"
            >
              Text
            </label>
            <input
              id="text"
              type="text"
            />
          </div>
          <div>
            Oh no
          </div>
          <button>
            Go back
          </button>
          <div>
            <p>
              Custom Error has been thrown
            </p>
          </div>
        </div>
      </div>
    </body>
  </html>
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:470:42
   ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@.../dom/dist/config.js:47:12
   ❯ checkCallback node_modules/@.../dom/dist/wait-for.js:124:77
   ❯ Timeout.checkRealTimersCallback node_modules/@.../dom/dist/wait-for.js:118:16

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 500 error > when not running in self-hosted mode > renders a Server error
  
  

  TestingLibraryElementError: Unable to find an element with the text: /Server error/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:414:42

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 500 error > when not running in self-hosted mode > renders return to previous page button
  
  

  TestingLibraryElementError: Unable to find an element with the text: Return to previous page. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:427:37

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 500 error > when running in self-hosted mode > renders a Server error
  
  

  TestingLibraryElementError: Unable to find an element with the text: /Please see/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:442:40

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has a 500 error > when running in self-hosted mode > renders return to previous page button
  
  

  TestingLibraryElementError: Unable to find an element with the text: Return to previous page. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:455:37

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has an UnauthenticatedError GraphQL error > renders a Not found
  
  

  TestingLibraryElementError: Unable to find an element with the text: /Please log in/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:489:34

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has an UnauthenticatedError GraphQL error > renders return to previous page button
  
  

  TestingLibraryElementError: Unable to find an element with the text: Return to previous page. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
  
  Ignored nodes: comments, script, style
  <body>
    <div>
      <div>
        <div>
          <label
            for="text"
          >
            Text
          </label>
          <input
            id="text"
            type="text"
          />
        </div>
        <div>
          Oh no
        </div>
        <button>
          Go back
        </button>
        <div>
          <p>
            Custom Error has been thrown
          </p>
        </div>
      </div>
    </div>
  </body>
   ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
   ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:502:35

• Class name: src/layouts/shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx
  Test name: NetworkErrorBoundary > when the children component has an UnauthenticatedError GraphQL error > sends metric to sentry
  
  

  AssertionError: expected "spy" to be called with arguments: [ …(3) ]
  
  Received: 
  
  
  
  Number of calls: 0
  
  
  Ignored nodes: comments, script, style
  <html>
    <head />
    <body>
      <div>
        <div>
          <div>
            <label
              for="text"
            >
              Text
            </label>
            <input
              id="text"
              type="text"
            />
          </div>
          <div>
            Oh no
          </div>
          <button>
            Go back
          </button>
          <div>
            <p>
              Custom Error has been thrown
            </p>
          </div>
        </div>
      </div>
    </body>
  </html>
   ❯ .../shared/NetworkErrorBoundary/NetworkErrorBoundary.test.jsx:516:42
   ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@.../dom/dist/config.js:47:12
   ❯ checkCallback node_modules/@.../dom/dist/wait-for.js:124:77
   ❯ Timeout.checkRealTimersCallback node_modules/@.../dom/dist/wait-for.js:118:16