@bigbinary/neeto-playwright-commons 1.16.3 → 1.16.5

package/index.cjs.js

@@ -3,6 +3,7 @@
 var fs$d = require('fs');
 var Path = require('path');
 var test$1 = require('@playwright/test');
+var neetoCist = require('@bigbinary/neeto-cist');
 var child_process = require('child_process');
 var ramda = require('ramda');
 var require$$0$1 = require('util');
@@ -14,7 +15,6 @@ var stealth$1 = require('puppeteer-extra-plugin-stealth');
 var Stream$4 = require('stream');
 var require$$0$4 = require('events');
 var playwrightI18nextFixture = require('playwright-i18next-fixture');
-var neetoCist = require('@bigbinary/neeto-cist');
 var http$1 = require('http');
 var Url = require('url');
 var require$$0$5 = require('punycode');
@@ -329,6 +329,17 @@ const COMMON_SELECTORS = {
     helpPopoverDesc: "help-popover-description",
     helpPopoverLinkButton: "help-popover-link-button",
     copyToClipboardButton: "copy-to-clipboard-button",
+    subheaderRight: "subheader-right",
+    customInputLabel: (name = "nui") => `${neetoCist.hyphenate(name)}-input-label`,
+    customInputField: (name = "nui") => `${neetoCist.hyphenate(name)}-input-field`,
+    customSelectContainer: (name) => `${neetoCist.hyphenate(name)}-select-container`,
+    customCheckboxLabel: (name) => `${neetoCist.hyphenate(name)}-checkbox-label`,
+    errorImage: "error-image",
+    customDropdownIcon: (label = "nui") => `${neetoCist.hyphenate(label)}-dropdown-icon`,
+    customDropdownContainer: (label = "nui") => `${neetoCist.hyphenate(label)}-dropdown-container`,
+    checkboxInput: (option = "i-agree") => `${neetoCist.hyphenate(option)}-checkbox-input`,
+    radioInput: (option = "i-agree") => `${neetoCist.hyphenate(option)}-radio-input`,
+    selectOptionError: (option) => `${neetoCist.hyphenate(option)}-select-error`,
 };
 
 const THANK_YOU_SELECTORS = {
@@ -3914,8 +3925,14 @@ class CustomCommands {
                 await test$1.expect(customPageContext.locator(COMMON_SELECTORS.toastIcon)).toContainText("👍", { timeout });
             }
             if (closeAfterVerification && (await toastrCloseButton.isVisible())) {
-                await toastrCloseButton.click();
-                await test$1.expect(toastrCloseButton).toBeHidden();
+                const buttonHandle = await toastrCloseButton.elementHandle();
+                if (buttonHandle) {
+                    await customPageContext.evaluate(button => {
+                        button.dispatchEvent(new Event("click", { bubbles: true }));
+                    }, buttonHandle);
+                    // eslint-disable-next-line playwright/no-standalone-expect
+                    await test$1.expect(toastrCloseButton).toBeHidden();
+                }
             }
         };
         this.reloadAndWait = async (requestCount, customPageContext, interceptMultipleResponsesProps = {}) => {
@@ -4027,8 +4044,12 @@ class CustomCommands {
             }, { buffer, fileNameWithType });
             await droppableZone.dispatchEvent(dispatchEvent, { dataTransfer });
         };
-        this.verifyTooltip = async ({ triggerElement, content, customPageContext = this.page, }) => {
+        this.hoverOnElement = (triggerElement, customPageContext = this.page) => test$1.expect(async () => {
             await triggerElement.hover();
+            await test$1.expect(customPageContext.getByTestId(COMMON_SELECTORS.tooltip)).toBeVisible({ timeout: 3000 });
+        }).toPass({ timeout: 10000 });
+        this.verifyTooltip = async ({ triggerElement, content, customPageContext = this.page, }) => {
+            await this.hoverOnElement(triggerElement, customPageContext);
             await test$1.expect(customPageContext.getByTestId(COMMON_SELECTORS.tooltip)).toContainText(content);
             await this.hideTooltip(triggerElement, customPageContext);
         };
@@ -25535,10 +25556,50 @@ const toggleColumnCheckboxAndVerifyVisibility = async ({ page, tableColumns, sho
         });
     }
 };
+const verifyFreezeColumnAction = async (page, t) => {
+    var _a, _b;
+    const columnHeader = page.getByRole("columnheader");
+    const checkboxVisible = await columnHeader.getByRole("checkbox").isVisible();
+    const columnOffset = checkboxVisible ? 1 : 0;
+    const freezeColumnButton = page.getByRole("button", {
+        name: (_a = t("neetoui.table.freezeColumn")) !== null && _a !== void 0 ? _a : "",
+    });
+    const unFreezeColumnButton = page.getByRole("button", {
+        name: (_b = t("neetoui.table.unFreezeColumn")) !== null && _b !== void 0 ? _b : "",
+    });
+    const [columnHeaders, originalColumnNames] = await Promise.all([
+        columnHeader.all(),
+        columnHeader.allTextContents(),
+    ]);
+    for (let i = columnHeaders.length - 1; i >= columnOffset; i--) {
+        const currentHeader = columnHeaders[i];
+        await currentHeader.getByTestId(COMMON_SELECTORS.dropdownIcon).click();
+        (await unFreezeColumnButton.isVisible())
+            ? await unFreezeColumnButton.click()
+            : await currentHeader.getByTestId(COMMON_SELECTORS.dropdownIcon).click();
+    }
+    for (let i = columnOffset; i < columnHeaders.length - 1; i++) {
+        const lastDropdown = columnHeaders[columnHeaders.length - 1];
+        await lastDropdown.getByTestId(COMMON_SELECTORS.dropdownIcon).click();
+        await freezeColumnButton.click();
+    }
+    for (let i = columnOffset; i < originalColumnNames.length - 1; i++) {
+        const expectedName = originalColumnNames[i + 1];
+        await test$1.expect(columnHeaders[i]).toHaveText(expectedName);
+    }
+    for (let i = columnOffset; i < columnHeaders.length - 1; i++) {
+        const currentHeader = columnHeaders[columnOffset];
+        await currentHeader.getByTestId(COMMON_SELECTORS.dropdownIcon).click();
+        await unFreezeColumnButton.click();
+    }
+    const currentColumnNames = await columnHeader.allTextContents();
+    test$1.expect(currentColumnNames).toStrictEqual(originalColumnNames);
+};
 const tableUtils = {
     verifyTableColumnsExistence,
     assertColumnHeaderVisibility,
     toggleColumnCheckboxAndVerifyVisibility,
+    verifyFreezeColumnAction,
 };
 
 const verifyBreadcrumbs = async ({ page, titlesAndRoutes, }) => {