Multi wIndow Handling

Author: akshayp7

lib/WebActions.ts

@@ -1,7 +1,7 @@
 import fs from 'fs';
 import * as CryptoJS from 'crypto-js';
 import type { Page } from 'playwright';
-import { expect } from '@playwright/test';
+import { BrowserContext, expect } from '@playwright/test';
 import { Workbook } from 'exceljs';
 import { testConfig } from '../testConfig';
 import path from 'path';
@@ -126,6 +126,17 @@ export class WebActions {
         expect(textValue.trim()).toBe(text);
     }
 
+
+    async verifyNewWindowUrl(context: BrowserContext, locator: string, urlText: string): Promise<void> {
+        const [newWindow] = await Promise.all([
+            context.waitForEvent("page"),
+            await this.page.click(locator)
+        ])
+        await newWindow.waitForLoadState("load");
+        expect(newWindow.url()).toContain(urlText);
+        await newWindow.close();
+    }
+
     async verifyElementContainsText(locator: string, text: string): Promise<void> {
         await this.waitForElementAttached(locator);
         await expect(this.page.locator(locator)).toContainText(text);

package.json

@@ -5,7 +5,7 @@
   "main": "index.js",
   "scripts": {
     "test": "npx playwright test",
-    "test:single": "npx playwright test POST.test.ts --project=API",
+    "test:single": "npx playwright test FollowUsMultipleWindow.test.ts --project=Chrome",
     "test:parallel": "npx playwright test --grep @Smoke --project=Chrome",
     "test:serial": "npx playwright test --grep @Smoke --workers=1 --project=Chrome",
     "test:api": "npx playwright test --grep @API --workers=1 --project=Chrome",

pageFactory/objectRepository/MyAccountPageObjects.ts

@@ -1,4 +1,5 @@
 export class MyAccountPageObjects {
     MY_ACCOUNT_HDR_XPATH = `//h1[contains(text(),'My account')]`;
     MY_ACCOUNT_LINKS_XPATH = `//span[contains(text(),'linkName')]`;
+    MY_ACCOUNT_FOLLOW_FB_LINK_XPATH="//span[text()='Facebook']/..";
 }

pageFactory/pageRepository/MyAccountPage.ts

@@ -1,6 +1,6 @@
 import { MyAccountPageObjects } from "@objects/MyAccountPageObjects";
 import { WebActions } from "@lib/WebActions";
-import type { Page } from 'playwright';
+import type { BrowserContext, Page } from 'playwright';
 
 let webActions: WebActions;
 
@@ -21,4 +21,10 @@ export class MyAccountPage {
     async clickOnMyAccountLinks(linkName: string): Promise<void> {
         await webActions.clickElement(this.myAccountPageObjects.MY_ACCOUNT_LINKS_XPATH.replace(`linkName`, linkName));
     }
+
+    async verifyFollowUsFBWindow(context: BrowserContext, urlText: string): Promise<void> {
+        await webActions.verifyNewWindowUrl(context, this.myAccountPageObjects.MY_ACCOUNT_FOLLOW_FB_LINK_XPATH, urlText);
+
+    }
+
 }

playwright.config.ts

@@ -39,7 +39,7 @@ const config: PlaywrightTestConfig = {
         baseURL: testConfig[process.env.ENV],
 
         //Browser Mode
-        headless: false,
+        headless: true,
 
         //Browser height and width
         viewport: { width: 1500, height: 730 },

tests/functional/FollowUsMultipleWindow.test.ts

@@ -0,0 +1,8 @@
+import test from '@lib/BaseTest';
+
+test(`@Smoke Verify Follow Us Facebook new window.`, async ({ context, loginPage, myAccountPage }) => {
+    await loginPage.navigateToURL();
+    await loginPage.loginToApplication();
+    await myAccountPage.verifyMyAccountHeader();
+    await myAccountPage.verifyFollowUsFBWindow(context, "facebook");
+});