feat: adds events section changes

Author: EspiraMarvin

e2e/events.spec.ts

@@ -6,22 +6,20 @@ test.beforeEach(async ({ page }) => {
 
 
 test.describe('Test if see more link is clickable', () => {
-  test('should show react dev community page', async ({ page }) => {
-    test.slow();
-    const linkName = await page.locator('div.see-more-div')
-    await linkName.click();    
-    const title = await page.locator('div.name').nth(1)
-    await expect(title).toBeTruthy();
+  test('should navigate to the correct URL when See More is clicked', async ({
+    page,
+  }) => {
+    const [newPage] = await Promise.all([
+      page.waitForEvent('popup'),
+      page.locator('#events >> text="See More"').click()
+    ]);
+    await expect(newPage).toHaveURL(
+      'https://kommunity.com/reactjs-developer-community-kenya-reactdevske/events'
+    );
   });
+
 });
 
 
-test.describe('Test if see more link exists', () => {
-  test('should show See More', async ({ page }) => {
-    await page.waitForNavigation();
-    const linkName = page.locator('div.see-more-div');
-    await expect(linkName).toBeTruthy();
 
-  });
-});