Database #62
crespoferAnnotations
2 errors
|
build
Process completed with exit code 1.
|
|
src/__tests__/App.test.tsx > full app rendering:
calc-frontend/src/App/AuthContext.tsx#L18
TestingLibraryElementError: Unable to find an accessible element with the role "link" and name "Calc Visualizer"
Here are the accessible roles:
heading:
Name "Unexpected Application Error!":
<h2 />
Name "useAuth must be used within an AuthProvider":
<h3
style="font-style: italic;"
/>
--------------------------------------------------
paragraph:
Name "":
<p />
Name "":
<p />
--------------------------------------------------
code:
Name "":
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
/>
Name "":
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<h2>
Unexpected Application Error!
</h2>
<h3
style="font-style: italic;"
>
useAuth must be used within an AuthProvider
</h3>
<pre
style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
>
Error: useAuth must be used within an AuthProvider
at useAuth (/home/runner/work/calc-visualizer/calc-visualizer/calc-frontend/src/App/AuthContext.tsx:18:15)
at Home (/home/runner/work/calc-visualizer/calc-visualizer/calc-frontend/src/pages/Home.tsx:7:23)
at renderWithHooks (/home/runner/work/calc-visualizer/calc-visualizer/calc-frontend/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
at mountIndeterminateComponent (/home/runner/work/calc-visualizer/calc-visualizer/calc-frontend/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
at beginWork (/home/runner/work/calc-visualizer/calc-visualizer/calc-frontend/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
at beginWork$1 (/home/runner/work/calc-visualizer/calc-visualizer/calc-frontend/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
at performUnitOfWork (/home/runner/work/calc-visualizer/calc-visualizer/calc-frontend/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
at workLoopSync (/home/runner/work/calc-visualizer/calc-visualizer/calc-frontend/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
at renderRootSync (/home/runner/work/calc-visualizer/calc-visualizer/calc-frontend/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
at recoverFromConcurrentError (/home/runner/work/calc-visualizer/calc-visualizer/calc-frontend/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
</pre>
<p>
💿 Hey developer 👋
</p>
<p>
You can provide a way better UX than this when your app throws errors by providing your own
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
ErrorBoundary
</code>
or
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
errorElement
</code>
prop on your route.
</p>
</div>
</body>
❯ useAuth src/App/AuthContext.tsx:18:15
❯ Home src/pages/Home.tsx:7:23
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/__tests__/App.test.tsx:20:26
|