deps(frontend): bump tailwindcss from 3.4.18 to 4.2.1 #9
Annotations
10 errors and 1 warning
|
src/pages/Admin.test.tsx#L236
TestingLibraryElementError: Unable to find an element with the text: /Dispute Management/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
class="min-h-screen bg-gray-50"
>
<div
class="bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900 text-white"
>
<div
class="max-w-7xl mx-auto px-4 py-6 sm:px-6 lg:px-8"
>
<div
class="flex items-center justify-between"
>
<div
class="flex items-center gap-4"
>
<div
class="w-12 h-12 bg-brand-800 rounded-xl flex items-center justify-center"
>
<svg
class="lucide lucide-shield w-6 h-6"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
/>
</svg>
</div>
<div>
<p
class="text-gray-400 text-sm"
>
Good evening
</p>
<h1
class="text-2xl font-bold"
>
Admin
</h1>
</div>
</div>
<div
class="hidden md:flex items-center gap-4 text-sm"
>
<div
class="flex items-center gap-2 px-3 py-1.5 bg-white/10 rounded-lg"
>
<svg
class="lucide lucide-clock w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<polyline
points="12 6 12 12 16 14"
/>
</svg>
Thu, Feb 26
</div>
</div>
</div>
</div>
</div>
<div
class="bg-white border-b shadow-sm sticky top-0 z-10"
>
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
>
<div
class="flex gap-1 overflow-x-auto py-2 -mx-4 px-4 sm:mx-0 sm:px-0 scrollbar-hide"
>
<button
class="flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium whitespace-nowrap transition-all bg-brand-800 text-white shadow-md"
>
<svg
class="lucide lucide-layout-dashboard w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="9"
rx="1"
width="7"
x="3"
y="3"
/>
<rect
height="5"
rx="1"
width="7"
x="14"
y="3"
|
|
src/pages/Admin.test.tsx#L219
TestingLibraryElementError: Unable to find an element with the text: /Admin Dashboard/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
class="min-h-screen bg-gray-50"
>
<div
class="bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900 text-white"
>
<div
class="max-w-7xl mx-auto px-4 py-6 sm:px-6 lg:px-8"
>
<div
class="flex items-center justify-between"
>
<div
class="flex items-center gap-4"
>
<div
class="w-12 h-12 bg-brand-800 rounded-xl flex items-center justify-center"
>
<svg
class="lucide lucide-shield w-6 h-6"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
/>
</svg>
</div>
<div>
<p
class="text-gray-400 text-sm"
>
Good evening
</p>
<h1
class="text-2xl font-bold"
>
Admin
</h1>
</div>
</div>
<div
class="hidden md:flex items-center gap-4 text-sm"
>
<div
class="flex items-center gap-2 px-3 py-1.5 bg-white/10 rounded-lg"
>
<svg
class="lucide lucide-clock w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<polyline
points="12 6 12 12 16 14"
/>
</svg>
Thu, Feb 26
</div>
</div>
</div>
</div>
</div>
<div
class="bg-white border-b shadow-sm sticky top-0 z-10"
>
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
>
<div
class="flex gap-1 overflow-x-auto py-2 -mx-4 px-4 sm:mx-0 sm:px-0 scrollbar-hide"
>
<button
class="flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium whitespace-nowrap transition-all bg-brand-800 text-white shadow-md"
>
<svg
class="lucide lucide-layout-dashboard w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="9"
rx="1"
width="7"
x="3"
y="3"
/>
<rect
height="5"
rx="1"
width="7"
x="14"
y="3"
|
|
src/pages/Admin.test.tsx#L209
TestingLibraryElementError: Unable to find an element with the text: /Admin Dashboard/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
class="min-h-screen bg-gray-50"
>
<div
class="bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900 text-white"
>
<div
class="max-w-7xl mx-auto px-4 py-6 sm:px-6 lg:px-8"
>
<div
class="flex items-center justify-between"
>
<div
class="flex items-center gap-4"
>
<div
class="w-12 h-12 bg-brand-800 rounded-xl flex items-center justify-center"
>
<svg
class="lucide lucide-shield w-6 h-6"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
/>
</svg>
</div>
<div>
<p
class="text-gray-400 text-sm"
>
Good evening
</p>
<h1
class="text-2xl font-bold"
>
Admin
</h1>
</div>
</div>
<div
class="hidden md:flex items-center gap-4 text-sm"
>
<div
class="flex items-center gap-2 px-3 py-1.5 bg-white/10 rounded-lg"
>
<svg
class="lucide lucide-clock w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<polyline
points="12 6 12 12 16 14"
/>
</svg>
Thu, Feb 26
</div>
</div>
</div>
</div>
</div>
<div
class="bg-white border-b shadow-sm sticky top-0 z-10"
>
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
>
<div
class="flex gap-1 overflow-x-auto py-2 -mx-4 px-4 sm:mx-0 sm:px-0 scrollbar-hide"
>
<button
class="flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium whitespace-nowrap transition-all bg-brand-800 text-white shadow-md"
>
<svg
class="lucide lucide-layout-dashboard w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="9"
rx="1"
width="7"
x="3"
y="3"
/>
<rect
height="5"
rx="1"
width="7"
x="14"
y="3"
|
|
src/pages/Admin.test.tsx#L188
TestingLibraryElementError: Unable to find an element with the text: /Admin Dashboard/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
class="min-h-screen bg-gray-50"
>
<div
class="bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900 text-white"
>
<div
class="max-w-7xl mx-auto px-4 py-6 sm:px-6 lg:px-8"
>
<div
class="flex items-center justify-between"
>
<div
class="flex items-center gap-4"
>
<div
class="w-12 h-12 bg-brand-800 rounded-xl flex items-center justify-center"
>
<svg
class="lucide lucide-shield w-6 h-6"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
/>
</svg>
</div>
<div>
<p
class="text-gray-400 text-sm"
>
Good evening
</p>
<h1
class="text-2xl font-bold"
>
Admin
</h1>
</div>
</div>
<div
class="hidden md:flex items-center gap-4 text-sm"
>
<div
class="flex items-center gap-2 px-3 py-1.5 bg-white/10 rounded-lg"
>
<svg
class="lucide lucide-clock w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<polyline
points="12 6 12 12 16 14"
/>
</svg>
Thu, Feb 26
</div>
</div>
</div>
</div>
</div>
<div
class="bg-white border-b shadow-sm sticky top-0 z-10"
>
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
>
<div
class="flex gap-1 overflow-x-auto py-2 -mx-4 px-4 sm:mx-0 sm:px-0 scrollbar-hide"
>
<button
class="flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium whitespace-nowrap transition-all bg-brand-800 text-white shadow-md"
>
<svg
class="lucide lucide-layout-dashboard w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="9"
rx="1"
width="7"
x="3"
y="3"
/>
<rect
height="5"
rx="1"
width="7"
x="14"
y="3"
|
|
src/pages/Admin.test.tsx#L170
TestingLibraryElementError: Unable to find an element with the text: /Admin Dashboard/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
class="min-h-screen bg-gray-50"
>
<div
class="bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900 text-white"
>
<div
class="max-w-7xl mx-auto px-4 py-6 sm:px-6 lg:px-8"
>
<div
class="flex items-center justify-between"
>
<div
class="flex items-center gap-4"
>
<div
class="w-12 h-12 bg-brand-800 rounded-xl flex items-center justify-center"
>
<svg
class="lucide lucide-shield w-6 h-6"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
/>
</svg>
</div>
<div>
<p
class="text-gray-400 text-sm"
>
Good evening
</p>
<h1
class="text-2xl font-bold"
>
Admin
</h1>
</div>
</div>
<div
class="hidden md:flex items-center gap-4 text-sm"
>
<div
class="flex items-center gap-2 px-3 py-1.5 bg-white/10 rounded-lg"
>
<svg
class="lucide lucide-clock w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<polyline
points="12 6 12 12 16 14"
/>
</svg>
Thu, Feb 26
</div>
</div>
</div>
</div>
</div>
<div
class="bg-white border-b shadow-sm sticky top-0 z-10"
>
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
>
<div
class="flex gap-1 overflow-x-auto py-2 -mx-4 px-4 sm:mx-0 sm:px-0 scrollbar-hide"
>
<button
class="flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium whitespace-nowrap transition-all bg-brand-800 text-white shadow-md"
>
<svg
class="lucide lucide-layout-dashboard w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="9"
rx="1"
width="7"
x="3"
y="3"
/>
<rect
height="5"
rx="1"
width="7"
x="14"
y="3"
|
|
src/pages/Admin.test.tsx#L158
TestingLibraryElementError: Unable to find an element with the text: /Admin Dashboard/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
class="min-h-screen bg-gray-50"
>
<div
class="bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900 text-white"
>
<div
class="max-w-7xl mx-auto px-4 py-6 sm:px-6 lg:px-8"
>
<div
class="flex items-center justify-between"
>
<div
class="flex items-center gap-4"
>
<div
class="w-12 h-12 bg-brand-800 rounded-xl flex items-center justify-center"
>
<svg
class="lucide lucide-shield w-6 h-6"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
/>
</svg>
</div>
<div>
<p
class="text-gray-400 text-sm"
>
Good evening
</p>
<h1
class="text-2xl font-bold"
>
Admin
</h1>
</div>
</div>
<div
class="hidden md:flex items-center gap-4 text-sm"
>
<div
class="flex items-center gap-2 px-3 py-1.5 bg-white/10 rounded-lg"
>
<svg
class="lucide lucide-clock w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<polyline
points="12 6 12 12 16 14"
/>
</svg>
Thu, Feb 26
</div>
</div>
</div>
</div>
</div>
<div
class="bg-white border-b shadow-sm sticky top-0 z-10"
>
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
>
<div
class="flex gap-1 overflow-x-auto py-2 -mx-4 px-4 sm:mx-0 sm:px-0 scrollbar-hide"
>
<button
class="flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium whitespace-nowrap transition-all bg-brand-800 text-white shadow-md"
>
<svg
class="lucide lucide-layout-dashboard w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="9"
rx="1"
width="7"
x="3"
y="3"
/>
<rect
height="5"
rx="1"
width="7"
x="14"
y="3"
|
|
src/pages/Admin.test.tsx#L146
TestingLibraryElementError: Unable to find an element with the text: /Admin Dashboard/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
class="min-h-screen bg-gray-50"
>
<div
class="bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900 text-white"
>
<div
class="max-w-7xl mx-auto px-4 py-6 sm:px-6 lg:px-8"
>
<div
class="flex items-center justify-between"
>
<div
class="flex items-center gap-4"
>
<div
class="w-12 h-12 bg-brand-800 rounded-xl flex items-center justify-center"
>
<svg
class="lucide lucide-shield w-6 h-6"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
/>
</svg>
</div>
<div>
<p
class="text-gray-400 text-sm"
>
Good evening
</p>
<h1
class="text-2xl font-bold"
>
Admin
</h1>
</div>
</div>
<div
class="hidden md:flex items-center gap-4 text-sm"
>
<div
class="flex items-center gap-2 px-3 py-1.5 bg-white/10 rounded-lg"
>
<svg
class="lucide lucide-clock w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<polyline
points="12 6 12 12 16 14"
/>
</svg>
Thu, Feb 26
</div>
</div>
</div>
</div>
</div>
<div
class="bg-white border-b shadow-sm sticky top-0 z-10"
>
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
>
<div
class="flex gap-1 overflow-x-auto py-2 -mx-4 px-4 sm:mx-0 sm:px-0 scrollbar-hide"
>
<button
class="flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium whitespace-nowrap transition-all bg-brand-800 text-white shadow-md"
>
<svg
class="lucide lucide-layout-dashboard w-4 h-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
height="9"
rx="1"
width="7"
x="3"
y="3"
/>
<rect
height="5"
rx="1"
width="7"
x="14"
y="3"
|
|
src/components/EditRequestDialog.test.tsx#L223
TestingLibraryElementError: Unable to find an accessible element with the role "checkbox"
Here are the accessible roles:
dialog:
Name "Edit Job":
<div
aria-describedby="radix-:r4u:"
aria-labelledby="radix-:r4t:"
class="fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg max-w-lg"
data-state="open"
id="radix-:r4s:"
role="dialog"
style="pointer-events: auto;"
tabindex="-1"
/>
--------------------------------------------------
heading:
Name "Edit Job":
<h2
class="font-semibold tracking-tight text-xl"
id="radix-:r4t:"
/>
--------------------------------------------------
textbox:
Name "Title":
<input
class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm mt-1.5"
id="title"
maxlength="100"
placeholder="What do you need?"
value="Need a drill"
/>
Name "Description":
<textarea
class="flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm mt-1.5 min-h-[120px] resize-none"
id="description"
maxlength="1000"
placeholder="Describe what you need in detail..."
/>
--------------------------------------------------
button:
Name "Improve with AI":
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border shadow-sm h-9 px-4 py-2 text-sm border-green-200 bg-green-50/50 hover:bg-green-100 text-green-700 hover:text-green-800 mt-2"
type="button"
/>
Name "":
<button
class="absolute -top-1.5 -right-1.5 w-6 h-6 bg-red-500 text-white rounded-full flex items-center justify-center hover:bg-red-600 transition-colors"
type="button"
/>
Name "":
<button
class="aspect-square border-2 border-dashed border-gray-200 rounded-lg flex items-center justify-center hover:border-gray-300 hover:bg-gray-50 transition-colors"
type="button"
/>
Name "Cancel":
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2 flex-1"
type="button"
/>
Name "Save Changes":
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 text-primary-foreground shadow h-9 px-4 py-2 flex-1 bg-brand-800 hover:bg-brand-900"
type="submit"
/>
Name "Close":
<button
class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus
|
|
src/components/EditRequestDialog.test.tsx#L146
TestingLibraryElementError: Unable to find an element with the text: /nationwide/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
data-scroll-locked="1"
style="pointer-events: none;"
>
<span
aria-hidden="true"
data-aria-hidden="true"
data-radix-focus-guard=""
style="outline: none; opacity: 0; position: fixed; pointer-events: none;"
tabindex="0"
/>
<div
aria-hidden="true"
data-aria-hidden="true"
/>
<div
aria-hidden="true"
class="fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
data-aria-hidden="true"
data-state="open"
style="pointer-events: auto;"
/>
<div
aria-describedby="radix-:r2m:"
aria-labelledby="radix-:r2l:"
class="fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg max-w-lg"
data-state="open"
id="radix-:r2k:"
role="dialog"
style="pointer-events: auto;"
tabindex="-1"
>
<div
class="flex flex-col space-y-1.5 text-center sm:text-left"
>
<h2
class="font-semibold tracking-tight text-xl"
id="radix-:r2l:"
>
Edit Job
</h2>
</div>
<form
class="space-y-5"
>
<div>
<label
class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-sm font-medium"
for="title"
>
Title
</label>
<input
class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm mt-1.5"
id="title"
maxlength="100"
placeholder="What do you need?"
value="Need a drill"
/>
</div>
<div>
<label
class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-sm font-medium"
for="description"
>
Description
</label>
<textarea
class="flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm mt-1.5 min-h-[120px] resize-none"
id="description"
maxlength="1000"
placeholder="Describe what you need in detail..."
>
Looking for a power drill for weekend project
</textarea>
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border shadow-sm h-9 px-4 py-2 text-sm border-green-200 bg-green-50/50 hover:bg-green-100 text-green-700 hover:text-green-800 mt-2"
type="button"
>
<svg
class="lucide lucide-sparkles w-4 h-4 mr-2"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
wid
|
|
src/components/EditRequestDialog.test.tsx#L124
TestingLibraryElementError: Unable to find a label with the text of: /your budget/i
Ignored nodes: comments, script, style
<body
data-scroll-locked="1"
style="pointer-events: none;"
>
<span
aria-hidden="true"
data-aria-hidden="true"
data-radix-focus-guard=""
style="outline: none; opacity: 0; position: fixed; pointer-events: none;"
tabindex="0"
/>
<div
aria-hidden="true"
data-aria-hidden="true"
/>
<div
aria-hidden="true"
class="fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
data-aria-hidden="true"
data-state="open"
style="pointer-events: auto;"
/>
<div
aria-describedby="radix-:r1u:"
aria-labelledby="radix-:r1t:"
class="fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg max-w-lg"
data-state="open"
id="radix-:r1s:"
role="dialog"
style="pointer-events: auto;"
tabindex="-1"
>
<div
class="flex flex-col space-y-1.5 text-center sm:text-left"
>
<h2
class="font-semibold tracking-tight text-xl"
id="radix-:r1t:"
>
Edit Job
</h2>
</div>
<form
class="space-y-5"
>
<div>
<label
class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-sm font-medium"
for="title"
>
Title
</label>
<input
class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm mt-1.5"
id="title"
maxlength="100"
placeholder="What do you need?"
value="Need a drill"
/>
</div>
<div>
<label
class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-sm font-medium"
for="description"
>
Description
</label>
<textarea
class="flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm mt-1.5 min-h-[120px] resize-none"
id="description"
maxlength="1000"
placeholder="Describe what you need in detail..."
>
Looking for a power drill for weekend project
</textarea>
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border shadow-sm h-9 px-4 py-2 text-sm border-green-200 bg-green-50/50 hover:bg-green-100 text-green-700 hover:text-green-800 mt-2"
type="button"
>
<svg
class="lucide lucide-sparkles w-4 h-4 mr-2"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962
|
|
|
The logs for this run have expired and are no longer available.
Loading