Added accessibility library and minor fixed

- implemented the Axe library in framework
- minor fixes and cleanup

Author: Sumit JAGOTA

.gitignore

@@ -5,3 +5,4 @@ node_modules/
 allure-results/
 allure-report/
 html-report/
+practice.ts

base_fwk/common/CommonScenario.ts

@@ -1,3 +1,4 @@
+import AxeBuilder from "@axe-core/playwright";
 import { test, expect, Page, TestInfo } from "@playwright/test";
 export class CommonScenario {
     private myMap = new Map<string, string>();
@@ -26,4 +27,14 @@ export class CommonScenario {
     getValue(key: string) {
         return this.myMap.get(key);
     }
+
+    async a11yAnalysis() {
+        const accessibilityScanResults = await new AxeBuilder({ page: this.page }).analyze(); // 4
+        const issues = accessibilityScanResults.violations.length;
+        console.log("a11y issues found: " + issues);
+        await this.testinfo.attach('accessibility-scan-results', {
+            body: JSON.stringify(accessibilityScanResults, null, 2),
+            contentType: 'application/json'
+        });
+    }
 }

package-lock.json

@@ -17,6 +17,7 @@
   "license": "ISC",
   "devDependencies": {
     "@playwright/test": "^1.29",
-    "allure-playwright": "^2.0.0-beta.20"
+    "allure-playwright": "^2.0.0-beta.20",
+    "@axe-core/playwright": "4.6.0"
   }
 }

package.json

@@ -6,10 +6,8 @@ import { locators } from "./DashBoardLocators";
 export class DashboardPage extends CommonPage {
     constructor(public page: Page, readonly scenario: CommonScenario) {
         super(page, scenario);
-        this.page = page;
-        this.scenario = scenario;
     }
-
+ 
     async searchProductAddCart(productName, testInfo) {
         const product = await this.page.locator(locators.products, { hasText: productName });
         const addCartButton = await product.locator("button", { hasText: " Add To Cart" });

pageObjects/DashBoardPage/DashBoardPage.ts

@@ -1,3 +1,4 @@
+import AxeBuilder from "@axe-core/playwright";
 import { expect, Page, } from "@playwright/test";
 import { CommonPage } from "../../base_fwk/common/CommonPage";
 import { CommonScenario } from "../../base_fwk/common/CommonScenario";
@@ -12,6 +13,7 @@ export class LoginPage extends CommonPage {
   async goTo() {
     await this.page.goto(testData.qa);
     await this.page.waitForLoadState("domcontentloaded");
+    await this.scenario.a11yAnalysis();
   }
 
   async validLogin(username, password) {

pageObjects/LoginPage/LoginPage.ts

@@ -29,7 +29,7 @@ const config: PlaywrightTestConfig = {
   /* Retry on CI only */
   retries: process.env.CI ? 2 : 0,
   /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : 2,
+  workers: process.env.CI ? 1 : 3,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: [
     ['dot'],

playwright.config.ts

@@ -1,3 +1,4 @@
+import AxeBuilder from "@axe-core/playwright";
 import test, { expect } from "../base_fwk/fixtures/baseTest"
 import { OrdersReviewPage } from "../pageObjects/OrdersReviewPage/OrdersReviewPage";
 //import { POManager } from "../pageObjects/POManager"
@@ -8,28 +9,8 @@ import { testData } from "./testData";
 test.describe('two tests', () => {
   console.log("in describe from spec file");
   test("first playwright test12", async ({ page, context, browser, loginPage, dashboardPage, cartPage, ordersReviewPage, ordersHistoryPage }) => {
-    // test("first playwright test12", async ({ }) => {
-    // test("first playwright test12", async ({ page }) => {
     console.log("test start")
-    // await page.goto('https://example.com');
-
-
-
-    // await page.route("https://rahulshettyacademy.com/api/ecom/product/get-all-products", async (route) => {
-    //   //console.log("<<"  + route.request().postData())
-    //   const response = await route.fetch();
-    //   const json = await response.json();
-    //   json.data[0].productName = "supermannnnnn";
-    //   json.data[1].productName = "batmann";
-
-    //   await route.fulfill({ response, json });
-    // })
-
     await loginPage.goTo();
-   // await loginPage.validLogin(testData.username, testData.password);
-   // await page.waitForResponse("https://rahulshettyacademy.com/api/ecom/product/get-all-products");
-
-
     console.log("test ends")
 
     // await loginPage.validLogin(testConfig.username, testConfig.password);
@@ -40,14 +21,7 @@ test.describe('two tests', () => {
     // await ordersReviewPage.testOrdersReviewPage();
     // const value = await dashboardPage.getValue("sumit");
     // console.log(value);
-
-
-
-
   });
 
 });
 
-
-
-// });