Hero Section of Landing Page #25 #41
ambroisegithubAnnotations
2 errors and 1 warning
|
src/__test__/App.test.tsx > App > Renders Welcome to Dynamites E-commerce:
src/__test__/App.test.tsx#L8
TestingLibraryElementError: Found multiple elements with the role "paragraph"
Here are the matching elements:
Ignored nodes: comments, script, style
<p
class="text-[40px] font-extrabold"
>
The Best Place To
</p>
Ignored nodes: comments, script, style
<p
class="text-[40px] font-extrabold"
>
Find And Buyer
</p>
Ignored nodes: comments, script, style
<p
class="text-[40px] font-extrabold"
>
<span
class="mr-2"
>
Amazing
</span>
<span
class="text-[#15ABFF]"
>
Product
</span>
</p>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="App"
>
<header>
<div
class="pl-10"
>
Nav Bar
</div>
</header>
<main
class=""
>
<div
class="w-full h-auto border border-slate-300 p-10"
>
<div
class="w-full h-auto flex flex-row border border-slate-400 p-5 gap-10"
>
<div
class="w-1/2 h-auto border border-slate-400"
>
<h2
class="text-[#171A1F] text-[18px] mb-4"
>
Absolutely hot collections🔥
</h2>
<div
class=""
>
<p
class="text-[40px] font-extrabold"
>
The Best Place To
</p>
<p
class="text-[40px] font-extrabold"
>
Find And Buyer
</p>
<p
class="text-[40px] font-extrabold"
>
<span
class="mr-2"
>
Amazing
</span>
<span
class="text-[#15ABFF]"
>
Product
</span>
</p>
</div>
<a
class="bg-[#6D31ED] w-[125px] text-white p-3 outline-none rounded-md bg-primary text-white px-6 py-3 rounded-md flex justify-center items-center gap-2 text-sm hover:text-gray-200 hover:shadow-lg hover:scale-105 transition-all duration-300 ease-in-out"
href="/"
rel="noopener noreferrer"
type="submit"
>
Shop now!
</a>
</div>
<div
class="w-1/2 h-auto border border-slate-400"
>
<img
alt="Hello Image"
src="/src/assets/welcome.jpg"
/>
</div>
</div>
</div>
</main>
<div
class="pl-10"
>
Front Footer
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ getElementError node_modules/@testing-library/dom/dist/query-helpers.js:20:35
❯ getMultipleElementsFoundError node_modules/@testing-library/dom/dist/query-helpers.js:23:10
❯ node_modules/@testing-library/dom/dist/query-helpers.js:55:13
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/__test__/App.test.tsx:8:19
|
|
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/.
|