Implement Customer Management #550
niyibi250Annotations
4 errors and 1 warning
|
src/__test__/popular/MostPopular.test.tsx > MostPopular Component > renders the MostPopular component with products:
src/__test__/popular/MostPopular.test.tsx#L122
TestingLibraryElementError: Unable to find an element with the text: $100. 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=" flex flex-col mb-6"
>
<div
class="flex justify-between"
>
<div
class="hover:scale-105"
>
<p
class="font-semibold text-xl"
>
Most Popular
</p>
<p
class="mb-4 border-b-primary border-b-4 pb-4"
/>
</div>
<div
class="flex h-fit w-fit mt-2"
>
<button
class="hover:scale-125 cursor-pointer"
type="button"
>
<img
alt="Left Arrow Icon"
src="/src/assets/icons/Left-Arrow.svg"
/>
</button>
<button
class="hover:scale-125 cursor-pointer"
type="button"
>
<img
alt="Right Arrow Icon"
src="/src/assets/icons/Right-Arrow.svg"
/>
</button>
</div>
</div>
<div
class=" grid gap-y-2"
>
<a
class=" flex flex-row hover:scale-105 hover:translate-y-0.5 hover:translate-x-0.5"
href="product-details/1"
>
<div
class=" flex flex-row items-center justify-center h-20 w-20 "
>
<img
alt="Sample Product 1"
class=" max-h-20 max-w-20 rounded"
src="/src/assets/iphone1.png"
/>
</div>
<div
class=" flex flex-col justify-between py-2 pl-1"
>
<div>
<h3
class=" font-[600] text-lg"
>
Sample Product 1
</h3>
</div>
<div
class=" flex flex-row"
>
<p
class="text-redBg font-medium text-base"
>
$
80
</p>
<p
class=" text-redBg pl-2 line-through opacity-60 text-sm"
>
$ 100
</p>
</div>
</div>
</a>
<a
class=" flex flex-row hover:scale-105 hover:translate-y-0.5 hover:translate-x-0.5"
href="product-details/2"
>
<div
class=" flex flex-row items-center justify-center h-20 w-20 "
>
<img
alt="Sample Product 2"
class=" max-h-20 max-w-20 rounded"
src="/src/assets/iphone2.png"
/>
</div>
<div
class=" flex flex-col justify-between py-2 pl-1"
>
<div>
<h3
class=" font-[600] text-lg"
>
Sample Product 2
</h3>
</div>
<div
class=" flex flex-row"
>
<p
class="text-redBg font-medium text-base"
>
$
160
</p>
<p
class=" text-redBg pl-2 line-through opacity-60 text-sm"
>
$ 200
</p>
</div>
</div>
</a>
<a
class=" flex flex-row hover:scale-105 hover:translate-y-0.5 hover:translate-x-0.5"
href="product-details/3"
>
<div
class=" flex flex-row items-center justify-center h-20 w-20 "
>
<img
alt="Sample Product 3"
class=" max-h-20 max-w-20 rounded"
src="/src/assets/iphone3.png"
/>
</div>
<div
class=" flex flex-col justify-between py-2 pl-1"
>
<div>
<h3
class=" font-[600] text-lg"
|
|
src/__test__/popular/MostRecent.test.tsx > MostRecent Component > renders the MostRecent component with products sorted by updatedAt:
src/__test__/popular/MostRecent.test.tsx#L129
TestingLibraryElementError: Unable to find an element with the text: $300. 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=" flex flex-col mb-6"
>
<div
class="flex justify-between"
>
<div
class="hover:scale-105"
>
<p
class="font-semibold text-xl"
>
Recent Products
</p>
<p
class="mb-4 border-b-primary border-b-4 pb-4"
/>
</div>
<div
class="flex h-fit w-fit mt-2"
>
<button
class="hover:scale-125 cursor-pointer"
type="button"
>
<img
alt="Left Arrow Icon"
src="/src/assets/icons/Left-Arrow.svg"
/>
</button>
<button
class="hover:scale-125 cursor-pointer"
type="button"
>
<img
alt="Right Arrow Icon"
src="/src/assets/icons/Right-Arrow.svg"
/>
</button>
</div>
</div>
<div
class=" grid gap-y-2"
>
<a
class=" flex flex-row hover:scale-105 hover:translate-y-0.5 hover:translate-x-0.5"
href="product-details/1"
>
<div
class=" flex flex-row items-center justify-center h-20 w-20 "
>
<img
alt="Sample Product 1"
class=" max-h-20 max-w-20 rounded"
src="/src/assets/iphone1.png"
/>
</div>
<div
class=" flex flex-col justify-between py-2 pl-1"
>
<div>
<h3
class=" font-[600] text-lg"
>
Sample Product 1
</h3>
</div>
<div
class=" flex flex-row"
>
<p
class="text-redBg font-medium text-base"
>
$
80
</p>
<p
class=" text-redBg pl-2 line-through opacity-60 text-sm"
>
$ 100
</p>
</div>
</div>
</a>
<a
class=" flex flex-row hover:scale-105 hover:translate-y-0.5 hover:translate-x-0.5"
href="product-details/2"
>
<div
class=" flex flex-row items-center justify-center h-20 w-20 "
>
<img
alt="Sample Product 2"
class=" max-h-20 max-w-20 rounded"
src="/src/assets/iphone2.png"
/>
</div>
<div
class=" flex flex-col justify-between py-2 pl-1"
>
<div>
<h3
class=" font-[600] text-lg"
>
Sample Product 2
</h3>
</div>
<div
class=" flex flex-row"
>
<p
class="text-redBg font-medium text-base"
>
$
160
</p>
<p
class=" text-redBg pl-2 line-through opacity-60 text-sm"
>
$ 200
</p>
</div>
</div>
</a>
<a
class=" flex flex-row hover:scale-105 hover:translate-y-0.5 hover:translate-x-0.5"
href="product-details/3"
>
<div
class=" flex flex-row items-center justify-center h-20 w-20 "
>
<img
alt="Sample Product 3"
class=" max-h-20 max-w-20 rounded"
src="/src/assets/iphone3.png"
/>
</div>
<div
class=" flex flex-col justify-between py-2 pl-1"
>
<div>
<h3
class=" font-[600] text-lg"
|
|
src/__test__/popular/MostSelling.test.tsx > MostSelling Component > renders the MostSelling component with products:
src/__test__/popular/MostSelling.test.tsx#L126
TestingLibraryElementError: Unable to find an element with the text: $100. 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=" flex flex-col mb-6"
>
<div
class="flex justify-between"
>
<div
class="hover:scale-105"
>
<p
class="font-semibold text-xl"
>
Most Selling
</p>
<p
class="mb-4 border-b-primary border-b-4 pb-4"
/>
</div>
<div
class="flex h-fit w-fit mt-2"
>
<button
class="hover:scale-125 cursor-pointer"
type="button"
>
<img
alt="Left Arrow Icon"
src="/src/assets/icons/Left-Arrow.svg"
/>
</button>
<button
class="hover:scale-125 cursor-pointer"
type="button"
>
<img
alt="Right Arrow Icon"
src="/src/assets/icons/Right-Arrow.svg"
/>
</button>
</div>
</div>
<div
class=" grid gap-y-2"
>
<a
class=" flex flex-row hover:scale-105 hover:translate-y-0.5 hover:translate-x-0.5"
href="product-details/1"
>
<div
class=" flex flex-row items-center justify-center h-20 w-20 "
>
<img
alt="Sample Product 1"
class=" max-h-20 max-w-20 rounded"
src="/src/assets/iphone1.png"
/>
</div>
<div
class=" flex flex-col justify-between py-2 pl-1"
>
<div>
<h3
class=" font-[600] text-lg"
>
Sample Product 1
</h3>
</div>
<div
class=" flex flex-row"
>
<p
class="text-redBg font-medium text-base"
>
$
80
</p>
<p
class=" text-redBg pl-2 line-through opacity-60 text-sm"
>
$ 100
</p>
</div>
</div>
</a>
<a
class=" flex flex-row hover:scale-105 hover:translate-y-0.5 hover:translate-x-0.5"
href="product-details/2"
>
<div
class=" flex flex-row items-center justify-center h-20 w-20 "
>
<img
alt="Sample Product 2"
class=" max-h-20 max-w-20 rounded"
src="/src/assets/iphone2.png"
/>
</div>
<div
class=" flex flex-col justify-between py-2 pl-1"
>
<div>
<h3
class=" font-[600] text-lg"
>
Sample Product 2
</h3>
</div>
<div
class=" flex flex-row"
>
<p
class="text-redBg font-medium text-base"
>
$
160
</p>
<p
class=" text-redBg pl-2 line-through opacity-60 text-sm"
>
$ 200
</p>
</div>
</div>
</a>
<a
class=" flex flex-row hover:scale-105 hover:translate-y-0.5 hover:translate-x-0.5"
href="product-details/3"
>
<div
class=" flex flex-row items-center justify-center h-20 w-20 "
>
<img
alt="Sample Product 3"
class=" max-h-20 max-w-20 rounded"
src="/src/assets/iphone3.png"
/>
</div>
<div
class=" flex flex-col justify-between py-2 pl-1"
>
<div>
<h3
class=" font-[600] text-lg"
|
|
build (20.x)
Process completed with exit code 1.
|
|
build (20.x)
The following actions uses Node.js version which is deprecated and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|