Feat: Implement landing page navbar component #21 #39
jkarenziAnnotations
2 errors and 1 warning
|
src/__test__/App.test.tsx > App > Renders Welcome to Dynamites E-commerce:
src/__test__/App.test.tsx#L8
TestingLibraryElementError: Unable to find an accessible element with the role "paragraph"
Here are the accessible roles:
img:
Name "":
<img
class="md:hidden"
height="20"
src="/hamburger.png"
width="20"
/>
Name "":
<img
src="/logo.png"
/>
Name "":
<img
height="15"
src="/down.png"
width="15"
/>
Name "":
<img
src="/cart.png"
/>
Name "":
<img
src="/heart.png"
/>
Name "":
<img
class="w-full h-full object-cover"
src="/avatar.jpg"
/>
Name "":
<img
height="15"
src="/down.png"
width="15"
/>
--------------------------------------------------
heading:
Name "Dynamites":
<h2
class="text-custom-black font-bold"
/>
Name "Amanda Green":
<h2
class="text-custom-black"
/>
--------------------------------------------------
navigation:
Name "":
<nav
class="xs:hidden md:flex items-center h-full"
/>
--------------------------------------------------
link:
Name "Home":
<a
class="border-b-[2px] border-custom-purple text-custom-purple h-full flex items-center justify-center pl-4 pr-8"
href="/"
/>
Name "Shop":
<a
class="text-custom-grey h-full flex items-center justify-center pl-4 pr-8"
href="/shop"
/>
Name "About Us":
<a
class="text-custom-grey h-full flex items-center justify-center pl-4 pr-8"
href="/about"
/>
Name "Contact":
<a
class="h-full flex items-center justify-center"
href="/contact"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="relative flex items-center justify-between w-full h-16 px-8 shadow-sm"
>
<img
class="md:hidden"
height="20"
src="/hamburger.png"
width="20"
/>
<div
class="flex items-center gap-2"
>
<img
src="/logo.png"
/>
<h2
class="text-custom-black font-bold"
>
Dynamites
</h2>
</div>
<nav
class="xs:hidden md:flex items-center h-full"
>
<a
class="border-b-[2px] border-custom-purple text-custom-purple h-full flex items-center justify-center pl-4 pr-8"
href="/"
>
Home
</a>
<a
class="text-custom-grey h-full flex items-center justify-center pl-4 pr-8"
href="/shop"
>
Shop
</a>
<a
class="text-custom-grey h-full flex items-center justify-center pl-4 pr-8"
href="/about"
>
About Us
</a>
<div
class="text-custom-grey flex items-center gap-2 h-full pl-4 pr-8"
>
<a
class="h-full flex items-center justify-center"
href="/contact"
>
Contact
</a>
<img
height="15"
src="/down.png"
width="15"
/>
</div>
</nav>
<div
class="flex items-center gap-8"
>
<div
class="flex items-center gap-4"
>
<div
class="relative"
>
<img
src="/cart.png"
/>
<div
class="flex items-center justify-center w-4 h-4 rounded-full bg-red-700 text-white absolute right-[-0.3rem] top-[-0.2rem] text-sm"
>
5
</div>
</div>
<img
src="/heart.png"
/>
</div>
<div
class="xs:hidden md:flex items-center gap-2"
>
<div
class="w-8 h-8 rounded-full overflow-hidden"
>
<img
class="w-full h-full object-cover"
src="/avatar.jpg"
/>
</div>
<h2
class="text-custom-black"
>
Amanda Green
</h2>
<img
height="15"
src="/down.png"
width="15"
/>
</div>
</div>
</
|
|
build (20.x)
Process completed with exit code 1.
|
|
build (20.x)
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|