test(quantic): first setup of playwright added in Quantic

packages/quantic/.forceignore

@@ -13,4 +13,7 @@ package.xml
 **/__tests__/**
 **/testUtils/**/*
 
+# LWC E2E
+**/e2e/**
+
 **/README.md

packages/quantic/.gitignore

@@ -44,6 +44,10 @@ force-app/main/default/staticresources/dompurify
 # Test Coverage & Report
 coverage
 reports
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
 
 # Cypress artifacts
 .cache/
@@ -56,4 +60,4 @@ cypress/plugins/config/examples-community.json
 docs/out/*
 
 # Environment Variables
-.env
+.env

packages/quantic/force-app/main/default/.eslintrc.json

@@ -20,6 +20,13 @@
       "rules": {
         "@lwc/lwc/no-async-operation": "off"
       }
+    },
+    {
+      "files": ["**/e2e/*.ts"],
+      "parser": "@typescript-eslint/parser",
+      "rules": {
+        "no-redeclare": ["error", {"builtinGlobals": false}]
+      }
     }
   ]
 }

packages/quantic/force-app/main/default/lwc/jsconfig.json

@@ -95,6 +95,7 @@
     "../../../../typings/lwc/**/*.d.ts",
     "../../../../coveo.d.ts"
   ],
+  "exclude": ["**/e2e/**"],
   "typeAcquisition": {
     "include": ["jest"]
   },

packages/quantic/force-app/main/default/lwc/quanticPager/e2e/fixture.ts

@@ -0,0 +1,28 @@
+import {PagerObject} from './page-object';
+import {quanticBase} from '../../../../../../playwright/fixtures/base-fixture';
+
+import {SearchObject} from '../../../../../../playwright/page-object/search-object';
+
+type QuanticPagerE2EFixtures = {
+  pager: PagerObject;
+};
+
+export const testSearch = quanticBase.extend<QuanticPagerE2EFixtures>({
+  pager: async ({page}, use) => {
+    await use(new PagerObject(page));
+  },
+  search: async ({page}, use) => {
+    await use(new SearchObject(page, 'search'));
+  },
+});
+
+export const testInsight = quanticBase.extend<QuanticPagerE2EFixtures>({
+  pager: async ({page}, use) => {
+    await use(new PagerObject(page));
+  },
+  search: async ({page}, use) => {
+    await use(new SearchObject(page, 'insight'));
+  },
+});
+
+export {expect} from '@playwright/test';

packages/quantic/force-app/main/default/lwc/quanticPager/e2e/page-object.ts

@@ -0,0 +1,53 @@
+import {Page} from '@playwright/test';
+import {isUaCustomEvent} from '../../../../../../playwright/utils/requests';
+
+export class PagerObject {
+  constructor(public page: Page) {
+    this.page = page;
+  }
+
+  get nextPageButton() {
+    return this.page.locator('button[title="Next Page"]');
+  }
+
+  get previousPageButton() {
+    return this.page.locator('button[title="Previous Page"]');
+  }
+
+  get pageButtons() {
+    return this.page.locator('c-quantic-number-button button');
+  }
+
+  async goToLastPage() {
+    await this.pageButtons.nth(-1).click();
+  }
+
+  async clickNextPageButton() {
+    await this.nextPageButton.click();
+  }
+
+  async clickPreviousPageButton() {
+    await this.previousPageButton.click();
+  }
+
+  async clickPageNumberButton(pageNumber: number) {
+    await this.pageButtons.nth(pageNumber - 1).click();
+  }
+
+  async waitForPagerUaAnalytics(eventValue) {
+    const uaRequest = this.page.waitForRequest((request) => {
+      if (isUaCustomEvent(request)) {
+        const requestBody = request.postDataJSON?.();
+        const expectedFields = {
+          eventType: 'getMoreResults',
+          eventValue: eventValue,
+        };
+        return Object.keys(expectedFields).every(
+          (key) => requestBody?.[key] === expectedFields[key]
+        );
+      }
+      return false;
+    });
+    return uaRequest;
+  }
+}