added additional actions and code refactoring

eric-stanley · eric-stanley · commit d1af435acc98 · 2022-09-29T19:01:26.000+05:30
diff --git a/src/apps/ui-testing-playground/pages/ajax-data.page.ts b/src/apps/ui-testing-playground/pages/ajax-data.page.ts
@@ -1,5 +1,5 @@
 import type { Page, TestInfo } from "@playwright/test";
-import * as actions from "@utils/base/actions";
+import * as actions from "@utils/base/web/actions";
 import * as data from "@data/apps/ui-testing-playground/ajax-data/data.json";
 import * as locators from "../locators/ajax-data.locator";
 import { test, expect } from "../fixtures";
diff --git a/src/apps/ui-testing-playground/pages/class-attribute.page.ts b/src/apps/ui-testing-playground/pages/class-attribute.page.ts
@@ -1,6 +1,6 @@
 import type { Page, TestInfo } from "@playwright/test";
 import { test, expect } from "../fixtures";
-import * as actions from "@utils/base/actions";
+import * as actions from "@utils/base/web/actions";
 import * as data from "@data/apps/ui-testing-playground/class-attribute/data.json";
 import * as locators from "../locators/class-attribute.locator";
 
diff --git a/src/apps/ui-testing-playground/pages/click.page.ts b/src/apps/ui-testing-playground/pages/click.page.ts
@@ -1,5 +1,5 @@
 import type { Page, TestInfo } from "@playwright/test";
-import * as actions from "@utils/base/actions";
+import * as actions from "@utils/base/web/actions";
 import * as data from "@data/apps/ui-testing-playground/click/data.json";
 import * as locators from "../locators/click.locator";
 import { test, expect } from "../fixtures";
diff --git a/src/apps/ui-testing-playground/pages/common.page.ts b/src/apps/ui-testing-playground/pages/common.page.ts
@@ -1,6 +1,6 @@
 import type { Page, TestInfo } from "@playwright/test";
-import { matchScreenshot } from "@utils/base/screenshots";
-import * as actions from "@utils/base/actions";
+import { matchScreenshot } from "@utils/base/web/screenshots";
+import * as actions from "@utils/base/web/actions";
 import config from "@config";
 
 export default class CommonPage {
diff --git a/src/apps/ui-testing-playground/pages/dynamic-id.page.ts b/src/apps/ui-testing-playground/pages/dynamic-id.page.ts
@@ -1,5 +1,5 @@
 import type { Page, TestInfo } from "@playwright/test";
-import * as actions from "@utils/base/actions";
+import * as actions from "@utils/base/web/actions";
 import * as data from "@data/apps/ui-testing-playground/dynamic-id/data.json";
 import * as locators from "../locators/dynamic-id.locator";
 
diff --git a/src/apps/ui-testing-playground/pages/hidden-layers.page.ts b/src/apps/ui-testing-playground/pages/hidden-layers.page.ts
@@ -1,5 +1,5 @@
 import type { Page, TestInfo } from "@playwright/test";
-import * as actions from "@utils/base/actions";
+import * as actions from "@utils/base/web/actions";
 import * as data from "@data/apps/ui-testing-playground/hidden-layers/data.json";
 import * as locators from "../locators/hidden-layers.locator";
 import { test, expect } from "../fixtures";
diff --git a/src/apps/ui-testing-playground/pages/home.page.ts b/src/apps/ui-testing-playground/pages/home.page.ts
@@ -2,7 +2,7 @@ import type { Page, TestInfo } from "@playwright/test";
 import { test, expect } from "../fixtures";
 
 import * as data from "@data/apps/ui-testing-playground/home/data.json";
-import * as actions from "@utils/base/actions";
+import * as actions from "@utils/base/web/actions";
 import * as locators from "../locators/home.locator";
 
 export default class HomePage {
diff --git a/src/apps/ui-testing-playground/pages/load-delays.page.ts b/src/apps/ui-testing-playground/pages/load-delays.page.ts
@@ -1,5 +1,5 @@
 import type { Page, TestInfo } from "@playwright/test";
-import * as actions from "@utils/base/actions";
+import * as actions from "@utils/base/web/actions";
 import * as data from "@data/apps/ui-testing-playground/load-delays/data.json";
 import * as locators from "../locators/load-delays.locator";
 
diff --git a/src/apps/ui-testing-playground/pages/scrollbars.page.ts b/src/apps/ui-testing-playground/pages/scrollbars.page.ts
@@ -1,5 +1,5 @@
 import type { Page, TestInfo } from "@playwright/test";
-import * as actions from "@utils/base/actions";
+import * as actions from "@utils/base/web/actions";
 import * as data from "@data/apps/ui-testing-playground/scrollbars/data.json";
 import * as locators from "../locators/scrollbars.locator";
 
diff --git a/src/apps/ui-testing-playground/pages/text-input.page.ts b/src/apps/ui-testing-playground/pages/text-input.page.ts
@@ -1,5 +1,5 @@
 import type { Page, TestInfo } from "@playwright/test";
-import * as actions from "@utils/base/actions";
+import * as actions from "@utils/base/web/actions";
 import * as data from "@data/apps/ui-testing-playground/text-input/data.json";
 import * as locators from "../locators/text-input.locator";
 import { test, expect } from "../fixtures";
diff --git a/src/utils/base/web/actions.ts b/src/utils/base/web/actions.ts
@@ -119,6 +119,111 @@ export const clickElement = async (
     async () => await page.locator(locator).click()
   );
 
+export const javascriptClick = async (
+  page: Page,
+  locator: string,
+  workerInfo: TestInfo
+) =>
+  await test.step(
+    workerInfo.project.name + ": Click element " + locator,
+    async () =>
+      await page.$eval(locator, (element: HTMLElement) => element.click())
+  );
+
+export const boundingBoxClick = async (
+  page: Page,
+  locator: string,
+  workerInfo: TestInfo
+) => {
+  await test.step(
+    workerInfo.project.name + ": Click element " + locator,
+    async () => {
+      const elementHandle = await page.$(locator);
+      const box = await elementHandle.boundingBox();
+      await page.mouse.click(box.x + box.width / 2, box.y + box.height / 2);
+    }
+  );
+};
+
+export const dragAndDrop = async (
+  page: Page,
+  dragElementLocator: string,
+  dropElementLocator: string,
+  workerInfo: TestInfo
+) =>
+  await test.step(
+    workerInfo.project.name +
+      ": Drag element from " +
+      dragElementLocator +
+      " to " +
+      dropElementLocator,
+    async () => await page.dragAndDrop(dragElementLocator, dropElementLocator)
+  );
+
+export const select = async (
+  page: Page,
+  locator: string,
+  option: string,
+  workerInfo: TestInfo
+) =>
+  await test.step(
+    workerInfo.project.name + ": Select element " + option + " in " + locator,
+    async () => await page.locator(locator).type(option)
+  );
+
+export const getTextFromElements = async (
+  page: Page,
+  locator: string,
+  workerInfo: TestInfo
+) =>
+  await test.step(
+    workerInfo.project.name + ": Get text from element(s) " + locator,
+    async () =>
+      await page.$eval(locator, (elements) =>
+        Array.isArray(elements)
+          ? elements.map((item) => item.textContent.trim())
+          : elements.textContent.trim()
+      )
+  );
+
+export const keyPress = async (
+  page: Page,
+  locator: string,
+  key: string,
+  workerInfo: TestInfo
+) => {
+  await test.step(
+    workerInfo.project.name + ": Press " + key + " on " + locator,
+    async () => await page.press(locator, key)
+  );
+};
+
+export const getElementValue = async (
+  page: Page,
+  locator: string,
+  workerInfo: TestInfo
+) =>
+  await test.step(
+    workerInfo.project.name + ": Get value from " + locator,
+    async () =>
+      await page.$eval(locator, (element: HTMLInputElement) => element.value)
+  );
+
+export const getElementAttributes = async (
+  page: Page,
+  locator: string,
+  attribute: string,
+  workerInfo: TestInfo
+) =>
+  await test.step(
+    workerInfo.project.name +
+      ": Get " +
+      attribute +
+      " attribute from " +
+      locator,
+    async () => await page.getAttribute(locator, attribute)
+  );
+
 export const scrollToElement = async (
   page: Page,
   locator: string,
diff --git a/src/utils/base/web/screenshots.ts b/src/utils/base/web/screenshots.ts
