fix: Fixed Nav Bar #125
Harsheel12Annotations
4 errors
|
src/components/__tests__/Navbar.test.tsx > Navbar Component > Should render the logo:
web/src/components/__tests__/Navbar.test.tsx#L14
TestingLibraryElementError: Found multiple elements with the alt text: /UADS Logo/i
Here are the matching elements:
Ignored nodes: comments, script, style
<img
alt="UADS Logo"
class="w-[183px] h-[64px]"
src="/src/assets/uads_logo.svg"
/>
Ignored nodes: comments, script, style
<img
alt="UADS Logo"
class="w-[183px] h-[64px]"
src="/src/assets/uads_logo.svg"
/>
(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="max-w-screen h-24 bg-pink relative px-10"
>
<div
class="relative z-10 flex justify-center items-center h-full"
>
<div
class="w-full h-auto flex justify-between items-center select-none"
>
<a
aria-current="page"
class="active"
href="/"
>
<img
alt="UADS Logo"
class="w-[183px] h-[64px]"
src="/src/assets/uads_logo.svg"
/>
</a>
<div
class="hidden lg:flex justify-between text-2xl"
>
<a
aria-current="page"
class="font-raleway px-10 transition-all duration-300 font-bold text-yellow"
href="/"
>
Home
</a>
<a
class="font-raleway px-10 transition-all duration-300 font-bold text-light-pink hover:text-yellow "
href="/about"
>
About
</a>
<a
class="font-raleway px-10 transition-all duration-300 font-bold text-light-pink hover:text-yellow "
href="/events"
>
Events
</a>
<a
class="font-raleway px-10 transition-all duration-300 font-bold text-light-pink hover:text-yellow "
href="/sponsors"
>
Sponsors
</a>
</div>
<div
class="hidden lg:flex text-2xl select-none relative h-full"
>
<a
class="font-raleway w-[183px] py-2 flex justify-center px-4 transition-all duration-300 font-bold text-light-pink hover:text-yellow "
href="/signup"
>
Join
</a>
</div>
<div
class="lg:hidden"
>
<button
aria-label="openMenu"
class="inline-flex items-center justify-center rounded-lg text-light-pink hover:text-yellow"
type="button"
>
<svg
color="pink"
fill="currentColor"
height="30"
stroke="currentColor"
stroke-width="0"
style="color: pink;"
viewBox="0 0 448 512"
width="30"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"
/>
</svg>
</button>
</div>
</div>
</div>
<div
class="lg:hidden fixed top-0 right-0 w-full bg-pink pt-20 pb-4 z-10 flex flex-col items-center transform -translate-y-full transition-transform duration-500 ease-in-out"
>
<button
aria-label="closeMenu"
class="absolute top-7 right-10"
type="button"
>
<svg
color="pink"
fill="currentColor"
height="30"
stroke="currentColor"
stroke-width="0"
style="color: pink;"
viewBox="0 0 352 512"
width="30"
xmln
|
|
src/components/__tests__/Navbar.test.tsx > Navbar Component > Should render all navigation links:
web/src/components/__tests__/Navbar.test.tsx#L35
TestingLibraryElementError: Found multiple elements with the text: /Home/i
Here are the matching elements:
Ignored nodes: comments, script, style
<a
aria-current="page"
class="font-raleway px-10 transition-all duration-300 font-bold text-yellow"
href="/"
>
Home
</a>
Ignored nodes: comments, script, style
<a
aria-current="page"
class="block py-4 bg-pink font-raleway transition-all duration-300 font-bold text-yellow"
href="/"
>
Home
</a>
(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="max-w-screen h-24 bg-pink relative px-10"
>
<div
class="relative z-10 flex justify-center items-center h-full"
>
<div
class="w-full h-auto flex justify-between items-center select-none"
>
<a
aria-current="page"
class="active"
href="/"
>
<img
alt="UADS Logo"
class="w-[183px] h-[64px]"
src="/src/assets/uads_logo.svg"
/>
</a>
<div
class="hidden lg:flex justify-between text-2xl"
>
<a
aria-current="page"
class="font-raleway px-10 transition-all duration-300 font-bold text-yellow"
href="/"
>
Home
</a>
<a
class="font-raleway px-10 transition-all duration-300 font-bold text-light-pink hover:text-yellow "
href="/about"
>
About
</a>
<a
class="font-raleway px-10 transition-all duration-300 font-bold text-light-pink hover:text-yellow "
href="/events"
>
Events
</a>
<a
class="font-raleway px-10 transition-all duration-300 font-bold text-light-pink hover:text-yellow "
href="/sponsors"
>
Sponsors
</a>
</div>
<div
class="hidden lg:flex text-2xl select-none relative h-full"
>
<a
class="font-raleway w-[183px] py-2 flex justify-center px-4 transition-all duration-300 font-bold text-light-pink hover:text-yellow "
href="/signup"
>
Join
</a>
</div>
<div
class="lg:hidden"
>
<button
aria-label="openMenu"
class="inline-flex items-center justify-center rounded-lg text-light-pink hover:text-yellow"
type="button"
>
<svg
color="pink"
fill="currentColor"
height="30"
stroke="currentColor"
stroke-width="0"
style="color: pink;"
viewBox="0 0 448 512"
width="30"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"
/>
</svg>
</button>
</div>
</div>
</div>
<div
class="lg:hidden fixed top-0 right-0 w-full bg-pink pt-20 pb-4 z-10 flex flex-col items-center transform -translate-y-full transition-transform duration-500 ease-in-out"
>
<button
aria-label="closeMenu"
class="absolute top-7 right-10"
type="button"
>
<svg
color="pink"
fill="currentColor"
height="30"
stroke="currentColor"
stroke-width="0"
style="col
|
|
src/pages/__tests__/Home.test.tsx > Home Page Rendering > Should display the Home page title:
web/src/pages/Home.tsx#L20
Error: @mantine/core: MantineProvider was not found in component tree, make sure you have it in your app
❯ Module.useMantineTheme node_modules/@mantine/core/src/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.tsx:11:11
❯ Home src/pages/Home.tsx:20:17
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/react-dom/cjs/react-dom.development.js:25889:20
|
|
BuildApp
Process completed with exit code 1.
|