Migrate to more modern toolset (Vite, Vitest, Playwright) + Upgrade dependencies + More Improvements #150
Annotations
10 errors
|
Run tests:
src/lib/__tests__/authorization.test.tsx#L16
TestingLibraryElementError: Unable to find an element with the text: This is very confidential data. 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
aria-live="assertive"
class="z-50 flex flex-col fixed inset-0 space-y-4 items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"
>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<div
class="ml-3 w-0 flex-1 pt-0.5"
>
<p
class="text-sm font-medium text-gray-900"
>
Error
</p>
<p
class="mt-1 text-sm text-gray-500"
>
Network Error
</p>
</div>
<div
class="ml-4 flex-shrink-0 flex"
>
<button
class="bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>
<span
class="sr-only"
>
Close
</span>
<svg
aria-hidden="true"
class="h-5 w-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
Unhandled status:
error
</div>
</div>
</body>
❯ 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/lib/__tests__/authorization.test.tsx:16:17
|
|
Run tests:
src/lib/__tests__/authorization.test.tsx#L36
TestingLibraryElementError: Unable to find an element with the text: You are unauthorized to view this resource. 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
aria-live="assertive"
class="z-50 flex flex-col fixed inset-0 space-y-4 items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"
>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<div
class="ml-3 w-0 flex-1 pt-0.5"
>
<p
class="text-sm font-medium text-gray-900"
>
Error
</p>
<p
class="mt-1 text-sm text-gray-500"
>
Network Error
</p>
</div>
<div
class="ml-4 flex-shrink-0 flex"
>
<button
class="bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>
<span
class="sr-only"
>
Close
</span>
<svg
aria-hidden="true"
class="h-5 w-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-
|
|
Run tests:
src/lib/__tests__/authorization.test.tsx#L48
TestingLibraryElementError: Unable to find an element with the text: This is very confidential data. 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
aria-live="assertive"
class="z-50 flex flex-col fixed inset-0 space-y-4 items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"
>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<div
class="ml-3 w-0 flex-1 pt-0.5"
>
<p
class="text-sm font-medium text-gray-900"
>
Error
</p>
<p
class="mt-1 text-sm text-gray-500"
>
Network Error
</p>
</div>
<div
class="ml-4 flex-shrink-0 flex"
>
<button
class="bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>
<span
class="sr-only"
>
Close
</span>
<svg
aria-hidden="true"
class="h-5 w-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-linecap="rou
|
|
Run tests:
src/lib/__tests__/authorization.test.tsx#L68
TestingLibraryElementError: Unable to find an element with the text: You are unauthorized to view this resource. 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
aria-live="assertive"
class="z-50 flex flex-col fixed inset-0 space-y-4 items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"
>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<div
class="ml-3 w-0 flex-1 pt-0.5"
>
<p
class="text-sm font-medium text-gray-900"
>
Error
</p>
<p
class="mt-1 text-sm text-gray-500"
>
Network Error
</p>
</div>
<div
class="ml-4 flex-shrink-0 flex"
>
<button
class="bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>
<span
class="sr-only"
>
Close
</span>
<svg
aria-hidden="true"
class="h-5 w-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-
|
|
Run tests:
src/features/auth/components/__tests__/LoginForm.test.tsx#L17
AssertionError: expected "spy" to be called 1 times, but got 0 times
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
aria-live="assertive"
class="z-50 flex flex-col fixed inset-0 space-y-4 items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"
>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<div
class="ml-3 w-0 flex-1 pt-0.5"
>
<p
class="text-sm font-medium text-gray-900"
>
Error
</p>
<p
class="mt-1 text-sm text-gray-500"
>
Network Error
</p>
</div>
<div
class="ml-4 flex-shrink-0 flex"
>
<button
class="bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>
<span
class="sr-only"
>
Close
</span>
<svg
aria-hidden="true"
class="h-5 w-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<form
class="space-y-6"
>
<div>
<label
class="block text-sm font-medium text-gray-700"
>
Email Address
<div
class="mt-1"
>
<input
class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
name="email"
type="email"
/>
</div>
</label>
</div>
<div>
<label
class="block text-sm font-medium text-gray-700"
>
Password
<div
class="mt-1"
>
<input
class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-
|
|
Run tests:
src/features/auth/components/__tests__/RegisterForm.test.tsx#L21
AssertionError: expected "spy" to be called 1 times, but got 0 times
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
aria-live="assertive"
class="z-50 flex flex-col fixed inset-0 space-y-4 items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"
>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<div
class="ml-3 w-0 flex-1 pt-0.5"
>
<p
class="text-sm font-medium text-gray-900"
>
Error
</p>
<p
class="mt-1 text-sm text-gray-500"
>
Network Error
</p>
</div>
<div
class="ml-4 flex-shrink-0 flex"
>
<button
class="bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>
<span
class="sr-only"
>
Close
</span>
<svg
aria-hidden="true"
class="h-5 w-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<form
class="space-y-6"
>
<div>
<label
class="block text-sm font-medium text-gray-700"
>
First Name
<div
class="mt-1"
>
<input
class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
name="firstName"
type="text"
/>
</div>
</label>
</div>
<div>
<label
class="block text-sm font-medium text-gray-700"
>
Last Name
<div
class="mt-1"
>
<input
class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder
|
|
Run tests:
src/features/discussions/routes/__tests__/Discussion.test.tsx#L34
TestingLibraryElementError: Unable to find an element with the text: Balanced radical archive. 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
aria-live="assertive"
class="z-50 flex flex-col fixed inset-0 space-y-4 items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"
>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<div
class="ml-3 w-0 flex-1 pt-0.5"
>
<p
class="text-sm font-medium text-gray-900"
>
Error
</p>
<p
class="mt-1 text-sm text-gray-500"
>
Network Error
</p>
</div>
<div
class="ml-4 flex-shrink-0 flex"
>
<button
class="bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>
<span
class="sr-only"
>
Close
</span>
<svg
aria-hidden="true"
class="h-5 w-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
Unhandled status:
error
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
aria-live="assertive"
class="z-50 flex flex-col fixed inset-0 space-y-4 items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"
>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
|
|
Run tests:
src/features/discussions/routes/__tests__/Discussion.test.tsx#L34
TestingLibraryElementError: Unable to find an element with the text: Exclusive fresh-thinking workforce. 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
aria-live="assertive"
class="z-50 flex flex-col fixed inset-0 space-y-4 items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"
>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<div
class="ml-3 w-0 flex-1 pt-0.5"
>
<p
class="text-sm font-medium text-gray-900"
>
Error
</p>
<p
class="mt-1 text-sm text-gray-500"
>
Network Error
</p>
</div>
<div
class="ml-4 flex-shrink-0 flex"
>
<button
class="bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>
<span
class="sr-only"
>
Close
</span>
<svg
aria-hidden="true"
class="h-5 w-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-linecap=
|
|
Run tests:
src/features/discussions/routes/__tests__/Discussion.test.tsx#L34
TestingLibraryElementError: Unable to find an element with the text: Advanced transitional support. 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
aria-live="assertive"
class="z-50 flex flex-col fixed inset-0 space-y-4 items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"
>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<div
class="ml-3 w-0 flex-1 pt-0.5"
>
<p
class="text-sm font-medium text-gray-900"
>
Error
</p>
<p
class="mt-1 text-sm text-gray-500"
>
Network Error
</p>
</div>
<div
class="ml-4 flex-shrink-0 flex"
>
<button
class="bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>
<span
class="sr-only"
>
Close
</span>
<svg
aria-hidden="true"
class="h-5 w-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-linecap="roun
|
|
Run tests:
src/features/discussions/routes/__tests__/Discussions.test.tsx#L22
TestingLibraryElementError: Unable to find an element with the text: /no entries/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>
<div
aria-live="assertive"
class="z-50 flex flex-col fixed inset-0 space-y-4 items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"
>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<div
class="ml-3 w-0 flex-1 pt-0.5"
>
<p
class="text-sm font-medium text-gray-900"
>
Error
</p>
<p
class="mt-1 text-sm text-gray-500"
>
Network Error
</p>
</div>
<div
class="ml-4 flex-shrink-0 flex"
>
<button
class="bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>
<span
class="sr-only"
>
Close
</span>
<svg
aria-hidden="true"
class="h-5 w-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
Unhandled status:
error
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
aria-live="assertive"
class="z-50 flex flex-col fixed inset-0 space-y-4 items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"
>
<div
class="w-full flex flex-col items-center space-y-4 sm:items-end"
>
<div
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
>
<div
aria-label="Error"
class="p-4"
role="alert"
>
<div
class="flex items-start"
>
<div
class="flex-shrink-0"
>
<svg
aria-hidden="true"
class="h-6 w-6 text-red-500"
fill="none"
stroke="currentColor"
|
Loading