Home Page is added and updated existing test with assertions

Author: letzautomate

pages/BasePage.ts

@@ -65,6 +65,7 @@ export class BasePage {
 
     async isElementVisible(locator: Locator): Promise<boolean> {
         try {
+            logger.info(`Verifying the visibility of locator: ${locator.toString()}`);
             return await locator.isVisible();
         } catch {
             return false;

pages/HomePage.ts

@@ -0,0 +1,38 @@
+import { Page, Locator } from '@playwright/test'
+import { BasePage } from '../pages/BasePage'
+import { AllureHelper } from '../utils/allureHelper'
+
+export class HomePage extends BasePage{
+
+    protected readonly page: Page;
+
+    private txtProductLink(productName: string) :Locator {
+        return this.page.locator(`text="${productName}"`)
+    }
+
+
+    constructor(page: Page) {
+        super();
+        this.page = page;
+    }
+
+    async verifyLoginIsSuccessful() {
+        const currentUrl = this.page.url();
+        if(currentUrl.includes('inventory')) {
+             AllureHelper.stepCheck("Login is Successful")
+        } else {
+            AllureHelper.stepCheck("Login is unsuccssful", 'failed', true)
+        }
+        
+    }
+
+    async verifyProductExists(productName: string) {
+        const isAvailable = await this.isElementVisible(this.txtProductLink(`${productName}`));
+        if (isAvailable) {
+            AllureHelper.stepCheck("Product With the Name Exists")
+        } else {
+            AllureHelper.stepCheck("Product with the Name Does not Exist", 'failed', true)
+        }
+    }
+
+}

pages/LoginPage.ts

@@ -28,16 +28,10 @@ export class LoginPage extends BasePage {
         this.page = page;
     }
 
-    async login(username: string, password: string) {
-        await this.txtUserName.fill(username);
-        await this.txtPassword.fill(password);
-        const enabled = await this.btnLogin.isEnabled();
-        if (enabled){
-            await AllureHelper.stepCheck(`Login Button is Enabled`);
-        } else {
-            await AllureHelper.stepCheck('Login Button is not Enabled', 'passed', true)
-        }
-        await this.btnLogin.click();
+    async login(userName: string, password: string) {
+        await this.enterText(this.txtUserName, userName);
+        await this.enterText(this.txtPassword, password);
+        await this.clickElement(this.btnLogin);
     }
 
 

playwright.config.ts

@@ -2,6 +2,7 @@ import { defineConfig } from '@playwright/test';
 
 export default defineConfig({
   testDir: './tests',
+  workers: 2,
   retries: 1,
   timeout: 30000,
   reporter: [['list'],['allure-playwright'],['html', { open: 'never' }]], 

tests/ui/login.spec.ts

@@ -1,18 +1,27 @@
 import { test, expect } from '../setup';
 import { LoginPage } from '../../pages/LoginPage'
+import { HomePage } from '../../pages/HomePage'
 
 
-test.describe('@smoke', () => {
+test.describe.parallel('@smoke', () => {
+  
   test('Valid Login 1', async ({ page }) => {
   const loginPage = new LoginPage(page);
+  const homePage = new HomePage(page);
   await loginPage.goto();
-  await loginPage.login("standard_user", "secret_sauce")
+  await loginPage.login("standard_user", "secret_sauce");
+  await homePage.verifyLoginIsSuccessful();
+
+  
   });
 
   test('Valid Login 2', async ({ page }) => {
   const loginPage = new LoginPage(page);
+  const homePage = new HomePage(page);
   await loginPage.goto();
-  await loginPage.login("standard_user", "secret_sauce")
+  await loginPage.login("standard_user", "secret_sauce");
+  await homePage.verifyProductExists("Sauce Labs Backpack");
+  
   });
 
 })

utils/allureHelper.ts

@@ -0,0 +1,19 @@
+import { allure } from 'allure-playwright';
+import { logger } from './logger';
+
+type AllureStatus = 'passed' | 'failed' | 'broken' | 'skipped' | 'info' | 'warning';
+
+export class AllureHelper {
+  static async stepCheck(
+    message: string,
+    status: AllureStatus = 'info',
+    shouldStop = false
+  ): Promise<void> {
+    await allure.step(`[${status.toUpperCase()}] ${message}`, async () => {
+      logger.info(`[${status.toUpperCase()}] ${message}`);
+      if (['failed', 'broken'].includes(status) && shouldStop) {
+        throw new Error(`❌ Test stopped: ${message}`);
+      }
+    });
+  }
+}