Implement "Add Product" Functionality in Vendor Dashboard #369
ambroisegithubAnnotations
4 errors and 1 warning
|
src/__test__/dashBoard/addProductByVendor.test.tsx > AddProducts > handles form submission successfully:
src/__test__/dashBoard/addProductByVendor.test.tsx#L79
TestingLibraryElementError: Unable to find an element with the text: + Add Tag. 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>
<form
action="#"
>
<p
class="text-[#6B7280] text-[22px]"
>
Create new product
</p>
<div
class="w-full border border-slate-100 p-2 bg-[#171A1F] flex flex-col justify-between gap-10 md:flex-row lg:flex-row"
>
<div
class="border border-slate-700 p-2 flex flex-1 flex-row"
>
<div
class="border border-slate-700 p-2 flex-1 flex-col"
>
<div
class="border border-slate-700 p-3"
>
<div
class="flex flex-row w-full items-center gap-3 pb-3"
>
<p
class="text-[#323743] text-[18px] font-bold"
>
General Information
</p>
<img
alt="CheckImage"
src="/src/assets/Check.png"
/>
</div>
<div
class="flex flex-col p-1 mb-3"
>
<label
class="text-[#424856] text-[14px] font-bold"
for="Product Names"
>
Product Names is required
</label>
<div
class="flex flex-col gap-2 w-full group"
>
<label
class="text-md font-medium"
for="name"
/>
<div
class="undefined relative bg-grayLight text-black duration-100 outline-none justify-between flex items-center gap-2 px-3 w-full rounded-md font-light group-hover:border-grayDark"
>
<input
class="w-full h-full bg-transparent py-3 outline-none"
id="name"
name="name"
placeholder="Casual Button-Down Shirt"
type="text"
value=""
/>
</div>
</div>
</div>
<div
class="flex flex-col p-1 mb-3"
>
<label
class="text-[#424856] text-[14px] font-bold"
for="name"
>
Category Id
</label>
<div
class="flex flex-col gap-2 w-full group"
>
<label
class="text-md font-medium"
for="categoryId"
/>
<div
class="undefined relative bg-grayLight text-black duration-100 outline-none justify-between flex items-center gap-2 px-3 w-full rounded-md font-light group-hover:border-grayDark"
>
<input
class="w-full h-full bg-transparent py-3 outline-none"
id="categoryId"
name="categoryId"
placeholder="Category Id"
type="text"
value=""
/>
</div>
</div>
</div>
<div
class="flex flex-col gap-5 lg:flx-row md:flex-row "
>
<div
class="flex flex-col w-full p-1 mb-3 lg:w-1/2 md:w-1/2"
>
<label
class="text-[#424856] text-[14px] font-bold mb-2"
for="ProductCategory1"
>
Type
</label>
<select
class="text-black text-xs md:text-sm duration-150 w-full outline-none rounded-md border-[1px] group-ho
|
|
src/__test__/dashBoard/addProductByVendor.test.tsx > AddProducts > adds and removes tags:
src/__test__/dashBoard/addProductByVendor.test.tsx#L187
TestingLibraryElementError: Unable to find an element with the text: + Add Tag. 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>
<form
action="#"
>
<p
class="text-[#6B7280] text-[22px]"
>
Create new product
</p>
<div
class="w-full border border-slate-100 p-2 bg-[#171A1F] flex flex-col justify-between gap-10 md:flex-row lg:flex-row"
>
<div
class="border border-slate-700 p-2 flex flex-1 flex-row"
>
<div
class="border border-slate-700 p-2 flex-1 flex-col"
>
<div
class="border border-slate-700 p-3"
>
<div
class="flex flex-row w-full items-center gap-3 pb-3"
>
<p
class="text-[#323743] text-[18px] font-bold"
>
General Information
</p>
<img
alt="CheckImage"
src="/src/assets/Check.png"
/>
</div>
<div
class="flex flex-col p-1 mb-3"
>
<label
class="text-[#424856] text-[14px] font-bold"
for="Product Names"
>
Product Names is required
</label>
<div
class="flex flex-col gap-2 w-full group"
>
<label
class="text-md font-medium"
for="name"
/>
<div
class="undefined relative bg-grayLight text-black duration-100 outline-none justify-between flex items-center gap-2 px-3 w-full rounded-md font-light group-hover:border-grayDark"
>
<input
class="w-full h-full bg-transparent py-3 outline-none"
id="name"
name="name"
placeholder="Casual Button-Down Shirt"
type="text"
value=""
/>
</div>
</div>
</div>
<div
class="flex flex-col p-1 mb-3"
>
<label
class="text-[#424856] text-[14px] font-bold"
for="name"
>
Category Id
</label>
<div
class="flex flex-col gap-2 w-full group"
>
<label
class="text-md font-medium"
for="categoryId"
/>
<div
class="undefined relative bg-grayLight text-black duration-100 outline-none justify-between flex items-center gap-2 px-3 w-full rounded-md font-light group-hover:border-grayDark"
>
<input
class="w-full h-full bg-transparent py-3 outline-none"
id="categoryId"
name="categoryId"
placeholder="Category Id"
type="text"
value=""
/>
</div>
</div>
</div>
<div
class="flex flex-col gap-5 lg:flx-row md:flex-row "
>
<div
class="flex flex-col w-full p-1 mb-3 lg:w-1/2 md:w-1/2"
>
<label
class="text-[#424856] text-[14px] font-bold mb-2"
for="ProductCategory1"
>
Type
</label>
<select
class="text-black text-xs md:text-sm duration-150 w-full outline-none rounded-md border-[1px] group-ho
|
|
src/__test__/dashBoard/addProductByVendor.test.tsx > AddProducts > should handle form submission successfully:
src/__test__/dashBoard/addProductByVendor.test.tsx#L222
TestingLibraryElementError: Unable to find an element with the text: + Add Tag. 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>
<form
action="#"
>
<p
class="text-[#6B7280] text-[22px]"
>
Create new product
</p>
<div
class="w-full border border-slate-100 p-2 bg-[#171A1F] flex flex-col justify-between gap-10 md:flex-row lg:flex-row"
>
<div
class="border border-slate-700 p-2 flex flex-1 flex-row"
>
<div
class="border border-slate-700 p-2 flex-1 flex-col"
>
<div
class="border border-slate-700 p-3"
>
<div
class="flex flex-row w-full items-center gap-3 pb-3"
>
<p
class="text-[#323743] text-[18px] font-bold"
>
General Information
</p>
<img
alt="CheckImage"
src="/src/assets/Check.png"
/>
</div>
<div
class="flex flex-col p-1 mb-3"
>
<label
class="text-[#424856] text-[14px] font-bold"
for="Product Names"
>
Product Names is required
</label>
<div
class="flex flex-col gap-2 w-full group"
>
<label
class="text-md font-medium"
for="name"
/>
<div
class="undefined relative bg-grayLight text-black duration-100 outline-none justify-between flex items-center gap-2 px-3 w-full rounded-md font-light group-hover:border-grayDark"
>
<input
class="w-full h-full bg-transparent py-3 outline-none"
id="name"
name="name"
placeholder="Casual Button-Down Shirt"
type="text"
value=""
/>
</div>
</div>
</div>
<div
class="flex flex-col p-1 mb-3"
>
<label
class="text-[#424856] text-[14px] font-bold"
for="name"
>
Category Id
</label>
<div
class="flex flex-col gap-2 w-full group"
>
<label
class="text-md font-medium"
for="categoryId"
/>
<div
class="undefined relative bg-grayLight text-black duration-100 outline-none justify-between flex items-center gap-2 px-3 w-full rounded-md font-light group-hover:border-grayDark"
>
<input
class="w-full h-full bg-transparent py-3 outline-none"
id="categoryId"
name="categoryId"
placeholder="Category Id"
type="text"
value=""
/>
</div>
</div>
</div>
<div
class="flex flex-col gap-5 lg:flx-row md:flex-row "
>
<div
class="flex flex-col w-full p-1 mb-3 lg:w-1/2 md:w-1/2"
>
<label
class="text-[#424856] text-[14px] font-bold mb-2"
for="ProductCategory1"
>
Type
</label>
<select
class="text-black text-xs md:text-sm duration-150 w-full outline-none rounded-md border-[1px] group-ho
|
|
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/
|