104 checkout page #526
niyobernAnnotations
3 errors and 1 warning
|
src/__test__/navbar.test.tsx > Navbar Component > displays cart item count:
src/__test__/navbar.test.tsx#L121
TestingLibraryElementError: Unable to find an element with the text: /5/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="relative flex items-center justify-between w-full h-16 shadow-sm"
>
<svg
class="lg:hidden ml-8"
color="#424856"
fill="none"
height="20"
stroke="currentColor"
stroke-width="0"
style="color: rgb(66, 72, 86);"
viewBox="0 0 15 15"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<title>
hamburger
</title>
<path
clip-rule="evenodd"
d="M1.5 3C1.22386 3 1 3.22386 1 3.5C1 3.77614 1.22386 4 1.5 4H13.5C13.7761 4 14 3.77614 14 3.5C14 3.22386 13.7761 3 13.5 3H1.5ZM1 7.5C1 7.22386 1.22386 7 1.5 7H13.5C13.7761 7 14 7.22386 14 7.5C14 7.77614 13.7761 8 13.5 8H1.5C1.22386 8 1 7.77614 1 7.5ZM1 11.5C1 11.2239 1.22386 11 1.5 11H13.5C13.7761 11 14 11.2239 14 11.5C14 11.7761 13.7761 12 13.5 12H1.5C1.22386 12 1 11.7761 1 11.5Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
<div
class="flex items-center gap-2 md:ml-8"
>
<img
alt="logo"
src="/logo.png"
/>
<h2
class="text-textBlack font-bold"
>
Dynamites
</h2>
</div>
<nav
class="xs:hidden lg:flex items-center h-full"
>
<a
class="border-b-[2px] border-primary text-primary h-full flex items-center justify-center pl-4 pr-8"
href="/"
>
Home
</a>
<a
class="text-grey h-full flex items-center justify-center pl-4 pr-8"
href="/shop"
>
Shop
</a>
<a
class="text-grey h-full flex items-center justify-center pl-4 pr-8"
href="/about"
>
About Us
</a>
<div
class="text-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>
<svg
color="#424856"
fill="currentColor"
height="15"
stroke="currentColor"
stroke-width="0"
style="color: rgb(66, 72, 86);"
viewBox="0 0 448 512"
width="15"
xmlns="http://www.w3.org/2000/svg"
>
<title>
contact
</title>
<path
d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"
/>
</svg>
</div>
</nav>
<div
class="flex items-center gap-8 mr-8"
>
<div
class="flex items-center gap-4"
>
<a
class="relative"
href="/cart"
>
<svg
color="#424856"
fill="none"
height="20"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
style="color: rgb(66, 72, 86);"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cart
</title>
<circle
cx="8"
cy="21"
r="1"
/>
<circle
cx="19"
cy="21"
r="1"
/>
<path
d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"
/>
</svg>
<div
class="flex items-center justify-center w-4 h-
|
|
src/__test__/navbar.test.tsx > Navbar Component > renders profile options on avatar click:
src/features/Cart/cartSlice.tsx#L154
TypeError: Cannot read properties of undefined (reading 'cartItems')
❯ Module.selectCartItems src/features/Cart/cartSlice.tsx:154:70
❯ src/components/Navbar.tsx:21:5
❯ node_modules/react-redux/src/hooks/useSelector.ts:182:28
❯ memoizedSelector node_modules/use-sync-external-store/cjs/use-sync-external-store-with-selector.development.js:78:30
❯ getSnapshotWithSelector node_modules/use-sync-external-store/cjs/use-sync-external-store-with-selector.development.js:133:14
❯ mountSyncExternalStore node_modules/react-dom/cjs/react-dom.development.js:15980:20
❯ Object.useSyncExternalStore node_modules/react-dom/cjs/react-dom.development.js:16908:14
❯ useSyncExternalStore node_modules/react/cjs/react.development.js:1676:21
❯ useSyncExternalStoreWithSelector node_modules/use-sync-external-store/cjs/use-sync-external-store-with-selector.development.js:144:15
❯ Module.useSelector2 node_modules/react-redux/src/hooks/useSelector.ts:249:27
|
|
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/
|