UADS-53 feat: Integrated CMS with Execs and About Page #50
Harsheel12Annotations
10 errors
|
src/components/__tests__/EventCard.test.tsx > Event Card Component > Renders the EventCard component with correct details:
web/src/components/__tests__/EventCard.test.tsx#L17
TestingLibraryElementError: Unable to find an element with the text: 4. 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="w-96 flex flex-col bg-pink rounded-3xl overflow-hidden"
>
<div
class="relative h-3/5 group"
>
<img
alt="Background Image"
class="w-full h-full object-cover"
/>
<div
class="absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white text-2xl font-bold opacity-0 cursor-pointer group-hover:opacity-100 transition-opacity duration-300"
>
Passed
</div>
</div>
<div
class="flex-grow flex rounded-b-3xl"
>
<div
class="w-1/3 bg-white rounded-bl-3xl flex flex-col justify-center items-center font-raleway text-black font-bold p-2"
>
<p
class="text-xl"
>
April
</p>
<p
class="text-3xl"
>
1
</p>
</div>
<div
class="bg-pink w-2/3 rounded-br-3xl py-2 px-5 text-light-pink flex flex-col"
>
<h4
class="font-bold text-xl"
/>
<p
class="text-md"
>
Come and meet your fellow peers and connect with each other
</p>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/components/__tests__/EventCard.test.tsx:17:17
|
|
src/pages/__tests__/About.test.tsx > Responsive Design > Should display 1 column for exec titles in extra small screens (Phone view):
web/src/pages/__tests__/About.test.tsx#L87
TestingLibraryElementError: Unable to find an element by: [data-testid="execTitleContainer"]
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 py-2 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>
<img
alt="background"
class="h-full absolute top-0 right-0"
src="/src/assets/brownBackground.png"
/>
</div>
<div
class="max-w-screen h-auto bg-light-pink overflow-hidden"
>
<div
class="w-full h-auto md:min-h-[500px] px-6 md:px-14 py-4 flex flex-col md:flex-row justify-between items-center"
>
<div
class="w-full md:w-1/2 text-brown font-bold mb-10 md:mb-0"
data-testid="aboutSection"
>
<h1
class="text-3xl mb-10"
>
About Us
</h1>
<p>
Welcome to the sweetest corner of the University of Auckland – the Dessert Society!
</p>
<br />
<p>
Whether you're a baker, connoisseur, or simply love sweets, you'll find a home with us.
</p>
<br />
<p>
Explore classic recipes to innovative creations through our events, workshops, and gatherings. Join us on a delightful jour
|
|
src/pages/__tests__/About.test.tsx > Responsive Design > Should display 2 columns for exec titles in small screens (sm):
web/src/pages/__tests__/About.test.tsx#L96
TestingLibraryElementError: Unable to find an element by: [data-testid="execTitleContainer"]
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 py-2 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>
<img
alt="background"
class="h-full absolute top-0 right-0"
src="/src/assets/brownBackground.png"
/>
</div>
<div
class="max-w-screen h-auto bg-light-pink overflow-hidden"
>
<div
class="w-full h-auto md:min-h-[500px] px-6 md:px-14 py-4 flex flex-col md:flex-row justify-between items-center"
>
<div
class="w-full md:w-1/2 text-brown font-bold mb-10 md:mb-0"
data-testid="aboutSection"
>
<h1
class="text-3xl mb-10"
>
About Us
</h1>
<p>
Welcome to the sweetest corner of the University of Auckland – the Dessert Society!
</p>
<br />
<p>
Whether you're a baker, connoisseur, or simply love sweets, you'll find a home with us.
</p>
<br />
<p>
Explore classic recipes to innovative creations through our events, workshops, and gatherings. Join us on a delightful jour
|
|
src/pages/__tests__/About.test.tsx > Responsive Design > Should display 3 columns for exec titles in medium screens (md):
web/src/pages/__tests__/About.test.tsx#L105
TestingLibraryElementError: Unable to find an element by: [data-testid="execTitleContainer"]
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 py-2 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>
<img
alt="background"
class="h-full absolute top-0 right-0"
src="/src/assets/brownBackground.png"
/>
</div>
<div
class="max-w-screen h-auto bg-light-pink overflow-hidden"
>
<div
class="w-full h-auto md:min-h-[500px] px-6 md:px-14 py-4 flex flex-col md:flex-row justify-between items-center"
>
<div
class="w-full md:w-1/2 text-brown font-bold mb-10 md:mb-0"
data-testid="aboutSection"
>
<h1
class="text-3xl mb-10"
>
About Us
</h1>
<p>
Welcome to the sweetest corner of the University of Auckland – the Dessert Society!
</p>
<br />
<p>
Whether you're a baker, connoisseur, or simply love sweets, you'll find a home with us.
</p>
<br />
<p>
Explore classic recipes to innovative creations through our events, workshops, and gatherings. Join us on a delightful jour
|
|
src/pages/__tests__/About.test.tsx > Responsive Design > Should display 4 columns for exec titles in large and above screens (lg, xl, 2xl):
web/src/pages/__tests__/About.test.tsx#L114
TestingLibraryElementError: Unable to find an element by: [data-testid="execTitleContainer"]
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 py-2 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>
<img
alt="background"
class="h-full absolute top-0 right-0"
src="/src/assets/brownBackground.png"
/>
</div>
<div
class="max-w-screen h-auto bg-light-pink overflow-hidden"
>
<div
class="w-full h-auto md:min-h-[500px] px-6 md:px-14 py-4 flex flex-col md:flex-row justify-between items-center"
>
<div
class="w-full md:w-1/2 text-brown font-bold mb-10 md:mb-0"
data-testid="aboutSection"
>
<h1
class="text-3xl mb-10"
>
About Us
</h1>
<p>
Welcome to the sweetest corner of the University of Auckland – the Dessert Society!
</p>
<br />
<p>
Whether you're a baker, connoisseur, or simply love sweets, you'll find a home with us.
</p>
<br />
<p>
Explore classic recipes to innovative creations through our events, workshops, and gatherings. Join us on a delightful jour
|
|
src/pages/__tests__/About.test.tsx > Responsive Design > Should display 1 column for exec cards in extra small screens (Phone view):
web/src/pages/__tests__/About.test.tsx#L123
TestingLibraryElementError: Unable to find an element by: [data-testid="execCardContainer"]
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 py-2 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>
<img
alt="background"
class="h-full absolute top-0 right-0"
src="/src/assets/brownBackground.png"
/>
</div>
<div
class="max-w-screen h-auto bg-light-pink overflow-hidden"
>
<div
class="w-full h-auto md:min-h-[500px] px-6 md:px-14 py-4 flex flex-col md:flex-row justify-between items-center"
>
<div
class="w-full md:w-1/2 text-brown font-bold mb-10 md:mb-0"
data-testid="aboutSection"
>
<h1
class="text-3xl mb-10"
>
About Us
</h1>
<p>
Welcome to the sweetest corner of the University of Auckland – the Dessert Society!
</p>
<br />
<p>
Whether you're a baker, connoisseur, or simply love sweets, you'll find a home with us.
</p>
<br />
<p>
Explore classic recipes to innovative creations through our events, workshops, and gatherings. Join us on a delightful journ
|
|
src/pages/__tests__/About.test.tsx > Responsive Design > Should display 2 columns for exec cards in small screens (sm):
web/src/pages/__tests__/About.test.tsx#L132
TestingLibraryElementError: Unable to find an element by: [data-testid="execCardContainer"]
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 py-2 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>
<img
alt="background"
class="h-full absolute top-0 right-0"
src="/src/assets/brownBackground.png"
/>
</div>
<div
class="max-w-screen h-auto bg-light-pink overflow-hidden"
>
<div
class="w-full h-auto md:min-h-[500px] px-6 md:px-14 py-4 flex flex-col md:flex-row justify-between items-center"
>
<div
class="w-full md:w-1/2 text-brown font-bold mb-10 md:mb-0"
data-testid="aboutSection"
>
<h1
class="text-3xl mb-10"
>
About Us
</h1>
<p>
Welcome to the sweetest corner of the University of Auckland – the Dessert Society!
</p>
<br />
<p>
Whether you're a baker, connoisseur, or simply love sweets, you'll find a home with us.
</p>
<br />
<p>
Explore classic recipes to innovative creations through our events, workshops, and gatherings. Join us on a delightful journ
|
|
src/pages/__tests__/About.test.tsx > Responsive Design > Should display 3 columns for exec cards in medium screens (md):
web/src/pages/__tests__/About.test.tsx#L141
TestingLibraryElementError: Unable to find an element by: [data-testid="execCardContainer"]
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 py-2 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>
<img
alt="background"
class="h-full absolute top-0 right-0"
src="/src/assets/brownBackground.png"
/>
</div>
<div
class="max-w-screen h-auto bg-light-pink overflow-hidden"
>
<div
class="w-full h-auto md:min-h-[500px] px-6 md:px-14 py-4 flex flex-col md:flex-row justify-between items-center"
>
<div
class="w-full md:w-1/2 text-brown font-bold mb-10 md:mb-0"
data-testid="aboutSection"
>
<h1
class="text-3xl mb-10"
>
About Us
</h1>
<p>
Welcome to the sweetest corner of the University of Auckland – the Dessert Society!
</p>
<br />
<p>
Whether you're a baker, connoisseur, or simply love sweets, you'll find a home with us.
</p>
<br />
<p>
Explore classic recipes to innovative creations through our events, workshops, and gatherings. Join us on a delightful journ
|
|
src/pages/__tests__/About.test.tsx > Responsive Design > Should display 4 columns for exec cards in large and above screens (lg, xl, 2xl):
web/src/pages/__tests__/About.test.tsx#L150
TestingLibraryElementError: Unable to find an element by: [data-testid="execCardContainer"]
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 py-2 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>
<img
alt="background"
class="h-full absolute top-0 right-0"
src="/src/assets/brownBackground.png"
/>
</div>
<div
class="max-w-screen h-auto bg-light-pink overflow-hidden"
>
<div
class="w-full h-auto md:min-h-[500px] px-6 md:px-14 py-4 flex flex-col md:flex-row justify-between items-center"
>
<div
class="w-full md:w-1/2 text-brown font-bold mb-10 md:mb-0"
data-testid="aboutSection"
>
<h1
class="text-3xl mb-10"
>
About Us
</h1>
<p>
Welcome to the sweetest corner of the University of Auckland – the Dessert Society!
</p>
<br />
<p>
Whether you're a baker, connoisseur, or simply love sweets, you'll find a home with us.
</p>
<br />
<p>
Explore classic recipes to innovative creations through our events, workshops, and gatherings. Join us on a delightful journ
|
|
src/pages/__tests__/Event.test.tsx > Event Page > Should render event cards based on initial data:
web/src/pages/__tests__/Event.test.tsx#L47
TestingLibraryElementError: Unable to find an element with the text: Meet and Greet. 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="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 py-2 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>
<img
alt="background"
class="h-full absolute top-0 right-0"
src="/src/assets/brownBackground.png"
/>
</div>
<div
class="max-w-screen h-auto bg-light-pink py-8 px-4 sm:px-8"
>
<div
class="w-full h-auto mb-10 flex flex-col"
>
<div
class="flex justify-between items-center"
>
<h1
class="text-3xl sm:text-4xl md:text-5xl font-bold font-raleway text-brown"
data-testid="eventsTitle"
>
Events
</h1>
<div
class="items-end"
>
<img
alt="Cupcake"
class="h-16 sm:h-20 md:h-24"
src="/src/assets/cupcake.svg"
/>
</div>
</div>
<div
class="w-full flex justify-center"
>
<
|