@bigbinary/neeto-playwright-commons 1.15.3 → 1.15.4

package/index.d.ts

@@ -41,6 +41,11 @@ interface VerifyHelpPopoverProps {
   helpURL?: string;
   customPageContext?: Page;
 }
+interface SaveChangesProps {
+  closeAfterVerification?: boolean;
+  isPane?: boolean;
+  customPageContext?: Page;
+}
 type ConditionProps = Record<string, string>[];
 type FilterProps = Record<string, ConditionProps>;
 type ParamFilters = FilterProps[];
@@ -453,6 +458,34 @@ declare class CustomCommands {
    * @endexample
   */
   verifySearchTermBlock: (searchTerm?: string) => Promise<void>;
+  /**
+   *
+   * Used to save the changes made on the thank you page.
+   *
+   * @example 
+   *
+   * await thankYouPage.saveChanges();
+   * @endexample
+  */
+  saveChanges: ({
+    isPane,
+    customPageContext,
+    closeAfterVerification
+  }?: SaveChangesProps) => Promise<[void, false | void, void]>;
+  /**
+   *
+   * Method to hide the tooltip.
+   *
+   * triggerElement: Locator hovering on which tooltip was shown.
+   *
+   * customPageContext(optional): Custom page context on which tooltip is shown. Default to this.page.
+   *
+   * @example 
+   *
+   * await hideTooltip();
+   * @endexample
+  */
+  hideTooltip: (triggerElement: Locator, customPageContext?: Page) => Promise<void>;
 }
 type Range<N extends number, Acc extends number[] = []> = Acc["length"] extends N ? Exclude<Acc[number], 0 | Acc["length"]> | N : Range<N, [...Acc, Acc["length"]]>;
 interface MessageSearchCriteria {

package/index.js

@@ -4009,8 +4009,7 @@ class CustomCommands {
         this.verifyTooltip = async ({ triggerElement, content, customPageContext = this.page, }) => {
             await triggerElement.hover();
             await expect(customPageContext.getByTestId(COMMON_SELECTORS.tooltip)).toContainText(content);
-            await customPageContext.mouse.move(0, 0);
-            await expect(customPageContext.getByTestId(COMMON_SELECTORS.tooltip)).toBeHidden();
+            await this.hideTooltip(triggerElement, customPageContext);
         };
         this.verifyHelpPopover = async ({ triggerElement = this.page.getByTestId(COMMON_SELECTORS.helpPopoverButton), title, content, helpURL, customPageContext = this.page, }) => {
             const tooltipBox = customPageContext.getByTestId(COMMON_SELECTORS.tooltip);
@@ -4022,8 +4021,7 @@ class CustomCommands {
             content && (await expect(tooltipBox).toContainText(content));
             helpURL &&
                 (await expect(tooltipBox.getByTestId(COMMON_SELECTORS.helpPopoverLinkButton)).toHaveAttribute("href", new RegExp(helpURL, "i")));
-            await customPageContext.mouse.move(0, 0);
-            await expect(tooltipBox).toBeHidden();
+            await this.hideTooltip(triggerElement, customPageContext);
         };
         this.verifySearchTermBlock = async (searchTerm) => {
             const filtersSearchTermBlock = this.page.getByTestId(NEETO_FILTERS_SELECTORS.filtersTermBlock());
@@ -4040,6 +4038,45 @@ class CustomCommands {
                 await expect(filtersSearchTermBlock).toBeHidden();
             }
         };
+        this.saveChanges = ({ isPane = false, customPageContext = this.page, closeAfterVerification = true, } = {}) => {
+            const pane = customPageContext.getByTestId(COMMON_SELECTORS.backdrop);
+            const baseLocator = isPane ? pane : customPageContext;
+            return Promise.all([
+                baseLocator
+                    .getByTestId(COMMON_SELECTORS.saveChangesButton)
+                    .click({ timeout: 10000 }),
+                // eslint-disable-next-line playwright/missing-playwright-await
+                isPane && expect(pane).toBeHidden({ timeout: 10000 }),
+                this.verifyToast({
+                    closeAfterVerification,
+                    customPageContext,
+                    timeout: 20000,
+                }),
+            ]);
+        };
+        this.hideTooltip = async (triggerElement, customPageContext = this.page) => {
+            const boundingBox = await triggerElement.boundingBox();
+            if (!boundingBox) {
+                throw new Error("Trigger element bounding box not found");
+            }
+            const { x, y, width, height } = boundingBox;
+            const moves = [
+                [x + width + 10, y],
+                [x, y + height + 10],
+                [x - 10, y],
+                [x, y - 10],
+            ];
+            const tooltip = customPageContext.getByTestId(COMMON_SELECTORS.tooltip);
+            await expect(async () => {
+                for (const [moveX, moveY] of moves) {
+                    await customPageContext.mouse.move(moveX, moveY);
+                    const tooltipCount = await tooltip.count();
+                    if (tooltipCount === 0)
+                        break;
+                }
+                await expect(tooltip).toHaveCount(0);
+            }).toPass({ timeout: 30000 });
+        };
         this.page = page;
         this.responses = [];
         this.request = request;