Fix e2e tests

Author: nyandika

e2e/hero-header.spec.ts

@@ -5,23 +5,19 @@ test.beforeEach(async ({ page }) => {
 });
 
 test.describe('Test Hero Header Navigation Links', () => {
-  test('About us link should navigate to about us section', async ({
-    page,
-  }) => {
-    await page.getByRole('link', { name: 'About us' }).click();
-    await expect(page).toHaveURL('/#about-us');
+  test('About us link should navigate to about us page', async ({ page }) => {
+    await page.getByRole('link', { name: 'About Us' }).click();
+    await expect(page).toHaveURL('/about');
   });
 
-  test('Events link should navigate to Events section', async ({ page }) => {
-    await page.getByRole('link', { name: 'Events', exact: true }).click();
-    await expect(page).toHaveURL('/#events');
+  test('Events link should navigate to Events page', async ({ page }) => {
+    await page.getByRole('link', { name: 'Workshops & Events' }).click();
+    await expect(page).toHaveURL('/events');
   });
 
-  test('Contact link should navigate to Contact Us section', async ({
-    page,
-  }) => {
-    await page.getByRole('link', { name: 'Contact' }).click();
-    await expect(page).toHaveURL('/#contact-us');
+  test('Community link should navigate to Community page', async ({ page }) => {
+    await page.getByRole('link', { name: 'Community', exact: true }).click();
+    await expect(page).toHaveURL('/community');
   });
 
   test('Join Community link should open google form in new tab', async ({
@@ -31,11 +27,11 @@ test.describe('Test Hero Header Navigation Links', () => {
     const [newPage] = await Promise.all([
       context.waitForEvent('page'),
       page.waitForLoadState(),
-      page.getByRole('link', { name: 'Join Community' }).click(),
+      page.getByRole('link', { name: 'Join the Community' }).click(),
     ]);
     await newPage.waitForLoadState('load');
-    // Accept either the shortlink (bit.ly) or the final Google Forms URL
-    expect(newPage.url()).toMatch(/^(https:\/\/)?(bit\.ly|docs\.google\.com)/);
+    // Accept bit.ly shortlink, docs.google.com, or forms.gle redirect destinations
+    expect(newPage.url()).toMatch(/^(https:\/\/)?(bit\.ly|docs\.google\.com|forms\.gle)/);
   });
 
   test('Join ReactDevsKe link should open google form in new tab', async ({
@@ -48,7 +44,7 @@ test.describe('Test Hero Header Navigation Links', () => {
       page.getByRole('link', { name: 'Join ReactDevsKe' }).click(),
     ]);
     await newPage.waitForLoadState('load');
-    // Accept either the shortlink (bit.ly) or the final Google Forms URL
-    expect(newPage.url()).toMatch(/^(https:\/\/)?(bit\.ly|docs\.google\.com)/);
+    // Accept bit.ly shortlink, docs.google.com, or forms.gle redirect destinations
+    expect(newPage.url()).toMatch(/^(https:\/\/)?(bit\.ly|docs\.google\.com|forms\.gle)/);
   });
 });

e2e/home.spec.ts

@@ -11,9 +11,9 @@ test.describe('Home page tests', () => {
     ).toBeVisible();
   });
 
-  test("should show 'Join Community' button", async ({ page }) => {
+  test("should show 'Join the Community' button", async ({ page }) => {
     await expect(
-      page.getByRole('link', { name: 'Join Community' })
+      page.getByRole('link', { name: 'Join the Community' })
     ).toBeVisible();
   });