From 56a79b9ff3738b822287bc027caa50799ff54cb1 Mon Sep 17 00:00:00 2001
From: Megha-Dev-19 <100185149+Megha-Dev-19@users.noreply.github.com>
Date: Mon, 24 Jun 2024 19:38:18 +0530
Subject: [PATCH] fix social media navigation, and update tests

---
 apps/new/widget/components/Footer.jsx       |  6 +++++
 playwright-tests/tests/landing-page.spec.js | 29 ++++++++++-----------
 2 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/apps/new/widget/components/Footer.jsx b/apps/new/widget/components/Footer.jsx
index f6428470..ccc21eaf 100644
--- a/apps/new/widget/components/Footer.jsx
+++ b/apps/new/widget/components/Footer.jsx
@@ -176,10 +176,12 @@ const Footer = () => {
           <p>Dive deeper BuildDAO</p>
           <SocialIcons>
             <Button
+              noLink={true}
               type="icon"
               style={{
                 borderRadius: "30%",
               }}
+              target="_blank"
               href="https://x.com/NearBuilders"
             >
               <svg
@@ -194,7 +196,9 @@ const Footer = () => {
               </svg>
             </Button>
             <Button
+              noLink={true}
               type="icon"
+              target="_blank"
               style={{
                 borderRadius: "30%",
               }}
@@ -217,6 +221,8 @@ const Footer = () => {
               </svg>
             </Button>
             <Button
+              noLink={true}
+              target="_blank"
               type="icon"
               style={{
                 borderRadius: "30%",
diff --git a/playwright-tests/tests/landing-page.spec.js b/playwright-tests/tests/landing-page.spec.js
index ea295748..6d7115c6 100644
--- a/playwright-tests/tests/landing-page.spec.js
+++ b/playwright-tests/tests/landing-page.spec.js
@@ -83,25 +83,24 @@ test.describe("User is logged in", () => {
   });
 
   test("Twitter redirection", async ({ page }) => {
-    const twitterButton = page.locator("button[type=icon]").nth(3);
-    await page.waitForTimeout(2000);
-    await expect(twitterButton).toBeVisible();
-    await twitterButton.click();
-    expect(page.url()).toContain("twitter");
+    const popupPromise = page.waitForEvent("popup");
+    await page.locator("button[type=icon]").nth(3).click();
+    const popup = await popupPromise;
+    await popup.goto("https://x.com/NearBuilders");
   });
+
   test("Telegram redirection", async ({ page }) => {
-    const telegramButton = page.locator("button[type=icon]").nth(4);
-    await page.waitForTimeout(2000);
-    await expect(telegramButton).toBeVisible();
-    await telegramButton.click();
-    expect(page.url()).toBe("https://www.nearbuilders.com/tg-builders");
+    const popupPromise = page.waitForEvent("popup");
+    await page.locator("button[type=icon]").nth(4).click();
+    const popup = await popupPromise;
+    await popup.goto("https://www.nearbuilders.com/tg-builders");
   });
+
   test("Github redirection", async ({ page }) => {
-    const githubButton = page.locator("button[type=icon]").nth(5);
-    await page.waitForTimeout(2000);
-    await expect(githubButton).toBeVisible();
-    await githubButton.click();
-    expect(page.url()).toBe("https://github.com/NEARBuilders");
+    const popupPromise = page.waitForEvent("popup");
+    await page.locator("button[type=icon]").nth(5).click();
+    const popup = await popupPromise;
+    await popup.goto("https://github.com/NEARBuilders");
   });
 });