@empiricalrun/playwright-utils 0.15.3 → 0.15.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @empiricalrun/playwright-utils
 
+## 0.15.5
+
+### Patch Changes
+
+- 5715b75: fix: type errors in playwright utils
+
+## 0.15.4
+
+### Patch Changes
+
+- 6865143: fix: all the pages should be highlighted automatically
+
 ## 0.15.3
 
 ### Patch Changes

package/dist/playwright-extensions.d.ts

@@ -5,4 +5,8 @@ declare module "playwright-core" {
     interface Locator extends EnhancedLocator {
     }
 }
+declare module "@playwright/test" {
+    interface Locator extends EnhancedLocator {
+    }
+}
 //# sourceMappingURL=playwright-extensions.d.ts.map

package/dist/playwright-extensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"playwright-extensions.d.ts","sourceRoot":"","sources":["../src/playwright-extensions.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF,OAAO,QAAQ,iBAAiB,CAAC;IAC/B,UAAU,OAAQ,SAAQ,eAAe;KAAG;CAC7C"}
+{"version":3,"file":"playwright-extensions.d.ts","sourceRoot":"","sources":["../src/playwright-extensions.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF,OAAO,QAAQ,iBAAiB,CAAC;IAC/B,UAAU,OAAQ,SAAQ,eAAe;KAAG;CAC7C;AAED,OAAO,QAAQ,kBAAkB,CAAC;IAChC,UAAU,OAAQ,SAAQ,eAAe;KAAG;CAC7C"}

package/dist/test/index.d.ts

@@ -1,7 +1,7 @@
-import type { PlaywrightTestOptions, PlaywrightWorkerArgs, PlaywrightWorkerOptions, TestType } from "@playwright/test";
+import type { PlaywrightTestArgs, PlaywrightTestOptions, PlaywrightWorkerArgs, PlaywrightWorkerOptions, TestType } from "@playwright/test";
 import { injectLocatorHighlightScripts } from "./scripts";
-import { EnhancedPlaywrightTestArgs, HighlighterOpts } from "./types";
-export declare const baseTestFixture: (testFn: TestType<EnhancedPlaywrightTestArgs & PlaywrightTestOptions, PlaywrightWorkerArgs & PlaywrightWorkerOptions>, options?: HighlighterOpts) => TestType<EnhancedPlaywrightTestArgs & PlaywrightTestOptions & {
+import { HighlighterOpts } from "./types";
+export declare const baseTestFixture: (testFn: TestType<PlaywrightTestArgs & PlaywrightTestOptions, PlaywrightWorkerArgs & PlaywrightWorkerOptions>, options?: HighlighterOpts) => TestType<PlaywrightTestArgs & PlaywrightTestOptions & {
     [key: string]: any;
 }, PlaywrightWorkerArgs & PlaywrightWorkerOptions>;
 export { injectLocatorHighlightScripts };

package/dist/test/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/test/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,QAAQ,EACT,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEtE,eAAO,MAAM,eAAe,WAClB,SACN,0BAA0B,GAAG,qBAAqB,EAClD,oBAAoB,GAAG,uBAAuB,CAC/C,YACQ,eAAe;;kDAYzB,CAAC;AAEF,OAAO,EAAE,6BAA6B,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/test/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,QAAQ,EACT,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,eAAe,WAClB,SACN,kBAAkB,GAAG,qBAAqB,EAC1C,oBAAoB,GAAG,uBAAuB,CAC/C,YACQ,eAAe;;kDAYzB,CAAC;AAEF,OAAO,EAAE,6BAA6B,EAAE,CAAC"}

package/dist/test/scripts/locator-highlights.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"locator-highlights.d.ts","sourceRoot":"","sources":["../../../src/test/scripts/locator-highlights.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAW7C,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,QAU9C"}
+{"version":3,"file":"locator-highlights.d.ts","sourceRoot":"","sources":["../../../src/test/scripts/locator-highlights.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAW7C,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,QAK9C"}

package/dist/test/scripts/locator-highlights.js

@@ -10,6 +10,13 @@ const is_disabled_1 = require("./pw-locator-patch/highlight/is-disabled");
 const is_editable_1 = require("./pw-locator-patch/highlight/is-editable");
 const text_content_1 = require("./pw-locator-patch/highlight/text-content");
 function addLocatorHighlights(page) {
+    applyHighlights(page);
+    page.context().on("page", async (newPage) => {
+        applyHighlights(newPage);
+    });
+}
+exports.addLocatorHighlights = addLocatorHighlights;
+function applyHighlights(page) {
     const LocatorClass = page.locator("").constructor;
     (0, expect_1.patchExpect)(LocatorClass);
     (0, input_value_1.patchInputValue)(LocatorClass);
@@ -20,4 +27,3 @@ function addLocatorHighlights(page) {
     (0, inner_text_1.patchInnerText)(LocatorClass);
     (0, text_content_1.patchTextContent)(LocatorClass);
 }
-exports.addLocatorHighlights = addLocatorHighlights;

package/dist/test/scripts/locator-vision.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"locator-vision.d.ts","sourceRoot":"","sources":["../../../src/test/scripts/locator-vision.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAI7C,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,IAAI,QAGjD"}
+{"version":3,"file":"locator-vision.d.ts","sourceRoot":"","sources":["../../../src/test/scripts/locator-vision.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAI7C,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,IAAI,QAQjD"}

package/dist/test/scripts/locator-vision.js

@@ -5,5 +5,9 @@ const query_1 = require("./pw-locator-patch/vision/query");
 function addLocatorVisionMethods(page) {
     const LocatorClass = page.locator("").constructor;
     (0, query_1.patchQuery)(LocatorClass);
+    page.context().on("page", async (newPage) => {
+        const NewPageLocatorClass = newPage.locator("").constructor;
+        (0, query_1.patchQuery)(NewPageLocatorClass);
+    });
 }
 exports.addLocatorVisionMethods = addLocatorVisionMethods;

package/dist/test/scripts/mouse-pointer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mouse-pointer.d.ts","sourceRoot":"","sources":["../../../src/test/scripts/mouse-pointer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAI7C,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,IAAI,QAoGpD"}
+{"version":3,"file":"mouse-pointer.d.ts","sourceRoot":"","sources":["../../../src/test/scripts/mouse-pointer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAI7C,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,IAAI,QA0MpD"}

package/dist/test/scripts/mouse-pointer.js

@@ -82,5 +82,86 @@ function addMousePointerHighlighter(page) {
             logger_1.logger.debug(`Error adding mouse pointer highlighter`, e);
         }
     });
+    page.context().on("page", async (newPage) => {
+        newPage?.on("load", async () => {
+            try {
+                await newPage?.evaluate(() => {
+                    const box = document.createElement("div");
+                    box.classList.add("empirical-mouse-pointer");
+                    const styleElement = document.createElement("style");
+                    styleElement.textContent = `
+        .empirical-mouse-pointer {
+          pointer-events: none;
+          position: absolute;
+          top: 0;
+          z-index: 10000;
+          left: 0;
+          width: 20px;
+          height: 20px;
+          background: rgba(0,0,0,.4);
+          border: 1px dashed #FF000D;
+          border-radius: 10px;
+          margin: -10px 0 0 -10px;
+          padding: 0;
+          transition: background .2s, border-radius .2s, border-color .2s;
+        }
+        .empirical-mouse-pointer.button-1 {
+          transition: none;
+          background: rgba(0,0,0,0.9);
+        }
+        .empirical-mouse-pointer.button-2 {
+          transition: none;
+          border-color: rgba(0,0,255,0.9);
+        }
+        .empirical-mouse-pointer.button-3 {
+          transition: none;
+          border-radius: 4px;
+        }
+        .empirical-mouse-pointer.button-4 {
+          transition: none;
+          border-color: rgba(255,0,0,0.9);
+        }
+        .empirical-mouse-pointer.button-5 {
+          transition: none;
+          border-color: rgba(0,255,0,0.9);
+        }
+        .empirical-element-grab-highlight {
+          outline: 2px dashed cyan !important;
+        }
+        *:focus {
+          outline: 2px dashed #FF000D !important;
+        }
+        *:focus-visible {
+          outline: 2px dashed #FF000D !important;
+        }
+      `;
+                    document.head.appendChild(styleElement);
+                    document.body.appendChild(box);
+                    document.addEventListener("mousemove", (event) => {
+                        box.style.left = `${event.pageX}px`;
+                        box.style.top = `${event.pageY}px`;
+                        updateButtons(event.buttons);
+                    }, true);
+                    document.addEventListener("mousedown", (event) => {
+                        updateButtons(event.buttons);
+                        box.classList.add(`button-${event.button + 1}`);
+                    }, true);
+                    document.addEventListener("mouseup", (event) => {
+                        updateButtons(event.buttons);
+                        box.classList.remove(`button-${event.button + 1}`);
+                    }, true);
+                    // @ts-ignore
+                    function updateButtons(buttons) {
+                        for (let i = 0; i < 5; i++) {
+                            box.classList.toggle(`button-${i + 1}`, (buttons / Math.pow(2, i)) % 2 >= 1);
+                        }
+                    }
+                });
+            }
+            catch (e) {
+                logger_1.logger.debug(`Error adding mouse pointer highlighter`, e);
+            }
+        });
+    });
 }
 exports.addMousePointerHighlighter = addMousePointerHighlighter;

package/dist/test/types.d.ts

@@ -1,49 +1,6 @@
-import type { Locator, Page, PlaywrightTestArgs } from "@playwright/test";
 export type HighlighterOpts = {
     mousePointerHighlighter?: boolean;
     locatorHighlighter?: boolean;
     visionMethods?: boolean;
 };
-interface EnhancedLocator extends Locator {
-    query(instruction: string): Promise<string>;
-}
-interface EnhancedPage extends Page {
-    locator(selector: string, options?: {
-        has?: Locator;
-        hasNot?: Locator;
-        hasNotText?: string | RegExp;
-        hasText?: string | RegExp;
-    }): EnhancedLocator;
-    getByRole(role: "alert" | "alertdialog" | "application" | "article" | "banner" | "blockquote" | "button" | "caption" | "cell" | "checkbox" | "code" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "deletion" | "dialog" | "directory" | "document" | "emphasis" | "feed" | "figure" | "form" | "generic" | "grid" | "gridcell" | "group" | "heading" | "img" | "insertion" | "link" | "list" | "listbox" | "listitem" | "log" | "main" | "marquee" | "math" | "meter" | "menu" | "menubar" | "menuitem" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "none" | "note" | "option" | "paragraph" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "search" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "strong" | "subscript" | "superscript" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "textbox" | "time" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem", options?: {
-        checked?: boolean;
-        disabled?: boolean;
-        exact?: boolean;
-        expanded?: boolean;
-        includeHidden?: boolean;
-        level?: number;
-        name?: string | RegExp;
-        pressed?: boolean;
-        selected?: boolean;
-    }): EnhancedLocator;
-    getByLabel(text: string | RegExp, options?: {
-        exact?: boolean;
-    }): EnhancedLocator;
-    getByPlaceholder(text: string | RegExp, options?: {
-        exact?: boolean;
-    }): EnhancedLocator;
-    getByText(text: string | RegExp, options?: {
-        exact?: boolean;
-    }): EnhancedLocator;
-    getByTestId(testId: string | RegExp): EnhancedLocator;
-    getByAltText(text: string | RegExp, options?: {
-        exact?: boolean;
-    }): EnhancedLocator;
-    getByTitle(text: string | RegExp, options?: {
-        exact?: boolean;
-    }): EnhancedLocator;
-}
-export interface EnhancedPlaywrightTestArgs extends PlaywrightTestArgs {
-    page: EnhancedPage;
-}
-export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/test/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/test/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/test/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empiricalrun/playwright-utils",
-  "version": "0.15.3",
+  "version": "0.15.5",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"