@bigbinary/neeto-playwright-commons 1.11.13 → 1.11.14

package/index.d.ts

@@ -58,9 +58,10 @@ interface FieldValue {
 }
 type VerifyFieldValue = (values: FieldValue | FieldValue[]) => Promise<void> | Promise<void[]>;
 interface SelectOptionFromDropdownParams {
-  selectValueContainer: string;
-  selectMenu: string;
+  selectValueContainer?: string;
+  selectMenu?: string;
   value: string;
+  page?: Page;
   options?: Partial<{
     visibilityTimeout: number;
     textAssertionTimeout: number;
@@ -232,12 +233,14 @@ declare class CustomCommands {
    *
    * operation is completed. It takes the following parameters:
    *
-   * selectValueContainer: is the selector for the select input container.
+   * selectValueContainer (optional): is the selector for the select input container. Default is nui-select-value-container.
    *
-   * selectMenu: is the selector for the select input menu.
+   * selectMenu (optional): is the selector for the select input menu. Default is nui-select-menu.
    *
    * value: is the value to be selected.
    *
+   * page (optional): is the custom page context. Default is POM's page.
+   *
    * options: is an object with the following optional parameters:
    *
    * visiblityTimeout: is the time to wait for the select input to be visible. Default is 2000ms.
@@ -272,6 +275,7 @@ declare class CustomCommands {
     selectValueContainer,
     selectMenu,
     value,
+    page,
     options
   }: SelectOptionFromDropdownParams) => Promise<void>;
   /**

package/index.js

@@ -3552,23 +3552,23 @@ class CustomCommands {
                 })}`;
             return await this.request[method](formattedUrl, requestOptions);
         };
-        this.selectOptionFromDropdown = async ({ selectValueContainer, selectMenu, value, options = {}, }) => {
+        this.selectOptionFromDropdown = async ({ selectValueContainer = COMMON_SELECTORS.selectValueContainer, selectMenu = COMMON_SELECTORS.dropdownMenu, value, page = this.page, options = {}, }) => {
             Object.assign({
                 visibilityTimeout: 2000,
                 textAssertionTimeout: 1000,
                 retryTimeout: 20000,
             }, options);
             await expect(async () => {
-                await this.page.getByTestId(selectValueContainer).click();
-                await expect(this.page.getByTestId(selectMenu)).toBeVisible({
+                await page.getByTestId(selectValueContainer).click();
+                await expect(page.getByTestId(selectMenu)).toBeVisible({
                     timeout: options.visibilityTimeout,
                 });
-                await this.page.keyboard.type(value);
-                await this.page
+                await page.keyboard.type(value);
+                await page
                     .getByTestId(selectMenu)
                     .getByText(value, { exact: true })
                     .click();
-                await expect(this.page.getByTestId(selectValueContainer)).toContainText(value, { timeout: options.textAssertionTimeout });
+                await expect(page.getByTestId(selectValueContainer)).toContainText(value, { timeout: options.textAssertionTimeout });
             }).toPass({ timeout: options.retryTimeout });
         };
         this.verifyFieldValue = values => {