added dependencies to get rid of yarn install warnings, updated Reque…

…st Access URL, added id locators on LandingSplash.vue
aasimsyed · May 2, 2024 · 6e156ed · 6e156ed
1 parent 69d8286
commit 6e156ed
Show file tree

Hide file tree

Showing 6 changed files with 1,581 additions and 1,414 deletions.
diff --git a/frontend/components/landing/LandingSplash.vue b/frontend/components/landing/LandingSplash.vue
@@ -4,6 +4,7 @@
   >
     <div class="flex justify-center">
       <h1
+        id="landing-splash-header"
         class="w-10/12 text-center font-display text-3xl font-bold leading-snug sm:text-4xl sm:leading-snug md:max-w-lg md:text-5xl md:leading-snug lg:font-bold xl:max-w-2xl xl:text-6xl xl:leading-snug"
       >
         {{ $t("components.landing-splash.header") }}
@@ -26,6 +27,7 @@
     </div>
     <div class="flex justify-center rounded-md">
       <BtnRouteExternal
+        id="request-access"
         :cta="true"
         label="components.btn-route-external.request-access"
         :linkTo="REQUEST_ACCESS_URL"

diff --git a/frontend/package.json b/frontend/package.json
@@ -50,19 +50,23 @@
     "@popperjs/core": "^2.11.8",
     "@somushq/vue3-friendly-captcha": "^1.0.2",
     "@types/geojson": "^7946.0.14",
+    "@unocss/reset": ">=0.50.0-0",
     "axios": "^1.6.8",
     "dotenv": "^16.4.5",
     "eslint-config-prettier": "^9.0.0",
     "floating-vue": "^2.0.0",
     "maplibre-gl": "^4.0.0",
     "nuxt-mail": "^5.0.1",
     "pinia": "^2.1.6",
+    "playwright-core": "^1.43.1",
+    "postcss": "^8.4.21",
     "qrcode": "^1.5.3",
     "qrcode.vue": "^3.4.1",
     "reduced-motion": "^1.0.4",
     "swiper": "^11.1.0",
     "tailwind-scrollbar": "^3.1.0",
     "tailwindcss": "^3.4.3",
+    "unocss": ">=0.50.0-0",
     "uuid": "^9.0.1",
     "v-calendar": "^3.1.1",
     "vue-socials": "^2.0.5",

diff --git a/frontend/tests/page-objects/BasePage.ts b/frontend/tests/page-objects/BasePage.ts
@@ -11,6 +11,10 @@ export default abstract class BasePage {
     this.pageURL = pageURL;
   }
 
+  public static readonly urls = {
+    REQUEST_ACCESS_URL: "https://app.formbricks.com/s/clvn9ywe21css8wqpt1hee57a",
+  };
+
   public get getPage(): Page {
     return this.page;
   }

diff --git a/frontend/tests/page-objects/LandingPage.ts b/frontend/tests/page-objects/LandingPage.ts
@@ -3,8 +3,8 @@ import BasePage from "./BasePage";
 
 export default class LandingPage extends BasePage {
   public static readonly locators = {
-    LANDING_SPLASH: '//*[@id="__nuxt"]/div[2]/div[3]/div[1]/div[1]/h1',
-    REQUEST_ACCESS_LINK: 'a[href*="tally.so/r/nprxbq"]',
+    LANDING_SPLASH: "#landing-splash-header",
+    REQUEST_ACCESS_LINK: "#request-access",
     GET_ACTIVE_LINK: 'a[href*="docs/get-active"]',
     GET_ORGANIZED_LINK: 'a[href*="docs/get-organized"]',
     GROW_ORGANIZATION_LINK: 'a[href*="docs/grow-organization"]',

diff --git a/frontend/tests/specs/landing-page.spec.ts b/frontend/tests/specs/landing-page.spec.ts
@@ -36,7 +36,7 @@ test.describe("Landing Page", () => {
       "REQUEST_ACCESS_LINK"
     );
     expect(await requestAccessLink.getAttribute("href")).toBe(
-      "https://tally.so/r/nprxbq"
+      LandingPage.urls.REQUEST_ACCESS_URL
     );
   });