Merge pull request #6354 from Sage/pw_refactor_dialogfullscreen

test(dialog-full-screen): playwright refactor
Sage · Oct 25, 2023 · 68f587c · 68f587c
2 parents ba19c7b + af30f81
commit 68f587c
Show file tree

Hide file tree

Showing 8 changed files with 1,086 additions and 639 deletions.
diff --git a/cypress/components/dialog-full-screen/dialog-full-screen.cy.tsx b/cypress/components/dialog-full-screen/dialog-full-screen.cy.tsx
diff --git a/cypress/locators/dialog-full-screen/index.js b/cypress/locators/dialog-full-screen/index.js
diff --git a/cypress/locators/dialog-full-screen/locators.js b/cypress/locators/dialog-full-screen/locators.js
diff --git a/playwright/components/index.ts b/playwright/components/index.ts
@@ -10,6 +10,7 @@ import {
   LABEL,
   STICKY_FOOTER,
   COMMMON_DATA_ELEMENT_INPUT,
+  PORTAL,
 } from "./locators";
 
 export const icon = (page: Page) => {
@@ -67,3 +68,11 @@ export const label = (page: Page) => {
 export const legendSpan = (page: Page) => {
   return page.locator("legend > span");
 };
+
+export const openDialogByName = (page: Page, name: string) => {
+  getDataElementByValue(page, "main-text").filter({ hasText: name });
+};
+
+export const portal = (page: Page) => {
+  return page.locator(PORTAL).nth(1).locator("h1");
+};
diff --git a/playwright/support/helper.ts b/playwright/support/helper.ts
@@ -330,3 +330,23 @@ export const getDesignTokensByCssProperty = async (
   }
   return tokens;
 };
+
+export const continuePressingTAB = async (page: Page, count: number) => {
+  const promises = [];
+
+  for (let i = 0; i < count; i++) {
+    promises.push(page.keyboard.press(`Tab`));
+  }
+
+  await Promise.all(promises);
+};
+
+export const continuePressingSHIFTTAB = async (page: Page, count: number) => {
+  const promises = [];
+
+  for (let i = 0; i < count; i++) {
+    promises.push(page.keyboard.press(`Shift+Tab`));
+  }
+
+  await Promise.all(promises);
+};