fix(test): add appropriate selector to check for 'WHAT WE DO' content

Author: alvyynm

src/pages/landingPage/sections/WhatWeDo.jsx

@@ -25,7 +25,7 @@ function WhatWeDoCard({ card, index }) {
   const { title, description, image, link } = card;
   return (
     <div
-      className={`border bg-white p-2 w-full rounded-2xl md:rounded-[20px] ${
+      className={`border bg-white p-2 w-full rounded-2xl md:rounded-[20px] what-we-do-content ${
         index === 0 && "lg:col-span-2"
       }`}
     >

tests/pages/landing-page.spec.js

@@ -43,7 +43,7 @@ test.describe("Landing page tests", () => {
 
   test("Check 'WHAT WE DO' section title and content", async ({ page }) => {
     // eslint-disable-next-line quotes
-    const whatWeDoSection = page.locator('text="WHAT WE DO"');
+    const whatWeDoSection = page.locator('text="what we do"');
     await expect(whatWeDoSection).toBeVisible();
 
     const whatWeDoContent = page.locator(".what-we-do-content");