@sit-onyx/playwright-utils 1.1.0 → 1.1.1-dev-20260204144323

package/dist/index.js

@@ -1,18 +1,18 @@
 import { expect as f } from "@playwright/test";
 import { jsxs as d, jsx as u } from "playwright/jsx-runtime";
 import { test as k, expect as v } from "@playwright/experimental-ct-vue";
-const $ = /* @__PURE__ */ Symbol("EMIT_SPY_SYMBOL"), I = () => {
-  const t = [], a = (...r) => {
+const S = /* @__PURE__ */ Symbol("EMIT_SPY_SYMBOL"), I = () => {
+  const t = [], n = (...r) => {
     t.push(r);
   };
-  return a[$] = t, a;
-}, Y = (t, a, r) => {
-  const e = t[$];
-  f(e).toHaveLength(a);
-  const c = e[a - 1];
+  return n[S] = t, n;
+}, Y = (t, n, r) => {
+  const e = t[S];
+  f(e).toHaveLength(n);
+  const c = e[n - 1];
   return r && f(c).toMatchObject(r), c;
-}, m = (t) => t.replace(/\W/g, "-"), L = (t) => {
-  const a = () => {
+}, m = (t) => t.replace(/\W/g, (n) => n.codePointAt(0)?.toString() || "-"), L = (t) => {
+  const n = () => {
     const r = [
       `"blank ${t.columns.map((e) => `column-${m(e)}`).join(" ")}"`
     ];
@@ -45,7 +45,7 @@ const $ = /* @__PURE__ */ Symbol("EMIT_SPY_SYMBOL"), I = () => {
           alignItems: "center",
           justifyContent: "center",
           gridTemplateColumns: `auto repeat(${t.columns.length}, 1fr)`,
-          gridTemplateAreas: a()
+          gridTemplateAreas: n()
         },
         children: [
           /* @__PURE__ */ u("div", { style: { gridArea: "blank" } }),
@@ -55,36 +55,36 @@ const $ = /* @__PURE__ */ Symbol("EMIT_SPY_SYMBOL"), I = () => {
     )
   ] });
 }, G = (t = {}) => {
-  const a = t.test ?? k;
+  const n = t.test ?? k;
   return {
     /**
      * Creates a single matrix screenshot that includes the screenshots for every column-row combination.
      */
     executeMatrixScreenshotTest: async (e) => {
-      a(`${e.name}`, async ({ mount: c, page: i, browserName: S, context: b }) => {
-        a.setTimeout(e.columns.length * e.rows.length * 25e3);
-        const E = async (s, n, l) => {
+      n(`${e.name}`, async ({ mount: c, page: i, browserName: $, context: b }) => {
+        n.setTimeout(e.columns.length * e.rows.length * 25e3);
+        const E = async (s, a, l) => {
           await i.getByRole("document").focus(), await i.getByRole("document").hover({ position: { x: 0, y: 0 }, force: !0 }), await i.mouse.up();
           const o = await c(s);
           await t.defaults?.hooks?.beforeEach?.(
             o,
             i,
-            n,
+            a,
             l,
             e.context
-          ), await e.hooks?.beforeEach?.(o, i, n, l, e.context);
-          const x = await o.screenshot({ animations: "disabled" }), h = await o.boundingBox(), P = `${m(l)}-${m(n)}`;
+          ), await e.hooks?.beforeEach?.(o, i, a, l, e.context);
+          const x = await o.screenshot({ animations: "disabled" }), h = await o.boundingBox(), B = `${m(l)}-${m(a)}`;
           return await t.defaults?.hooks?.afterEach?.(
             o,
             i,
-            n,
+            a,
             l,
             e.context
-          ), await e.hooks?.afterEach?.(o, i, n, l, e.context), { box: h, id: P, screenshot: x };
+          ), await e.hooks?.afterEach?.(o, i, a, l, e.context), { box: h, id: B, screenshot: x };
         }, w = /* @__PURE__ */ new Map();
         for (const s of e.rows)
-          for (const n of e.columns) {
-            const l = e.component(n, s), o = e.removePadding ?? t.defaults?.removePadding, h = await E(/* @__PURE__ */ u(
+          for (const a of e.columns) {
+            const l = e.component(a, s), o = e.removePadding ?? t.defaults?.removePadding, h = await E(/* @__PURE__ */ u(
               "div",
               {
                 style: {
@@ -94,43 +94,43 @@ const $ = /* @__PURE__ */ Symbol("EMIT_SPY_SYMBOL"), I = () => {
                 },
                 children: l
               }
-            ), n, s);
+            ), a, s);
             w.set(h.id, h);
           }
         const y = "/_playwright-matrix-screenshot";
-        await b.route(`${y}*`, (s, n) => {
-          const o = new URL(n.url()).searchParams.get("id") ?? "";
+        await b.route(`${y}*`, (s, a) => {
+          const o = new URL(a.url()).searchParams.get("id") ?? "";
           return s.fulfill({
             status: 200,
             contentType: "image/png",
             body: w.get(o)?.screenshot
           });
         });
-        const T = Array.from(w.values()).map(({ box: s, id: n }) => /* @__PURE__ */ u(
+        const T = Array.from(w.values()).map(({ box: s, id: a }) => /* @__PURE__ */ u(
           "img",
           {
             width: s?.width,
             height: s?.height,
-            style: { gridArea: n },
-            src: `${y}?id=${n}`,
-            alt: n
+            style: { gridArea: a },
+            src: `${y}?id=${a}`,
+            alt: a
           }
-        )), M = e.rows.map((s) => g({ name: s, type: "row" })), A = e.columns.map(
+        )), A = e.rows.map((s) => g({ name: s, type: "row" })), M = e.columns.map(
           (s) => g({ name: s, type: "column" })
-        ), j = L({
+        ), P = L({
           columns: e.columns,
           rows: e.rows,
           name: e.name,
-          browserName: S,
-          children: [...T, ...M, ...A]
-        }), B = await c(j);
-        await v(B).toHaveScreenshot(`${e.name}.png`), await i.unroute(`${y}*`);
+          browserName: $,
+          children: [...T, ...A, ...M]
+        }), j = await c(P);
+        await v(j).toHaveScreenshot(`${e.name}.png`), await i.unroute(`${y}*`);
       });
     }
   };
 }, N = async (t) => {
-  await v(t).toBeVisible(), await t.evaluate((a) => {
-    a.style.height = `${a.scrollHeight}px`, a.style.width = `${a.scrollWidth}px`;
+  await v(t).toBeVisible(), await t.evaluate((n) => {
+    n.style.height = `${n.scrollHeight}px`, n.style.width = `${n.scrollWidth}px`;
   });
 }, g = (t) => /* @__PURE__ */ u(
   "div",
@@ -138,14 +138,14 @@ const $ = /* @__PURE__ */ Symbol("EMIT_SPY_SYMBOL"), I = () => {
     style: { textAlign: "center", gridArea: `${t.type}-${m(t.name)}` },
     children: t.name
   }
-), z = async ({ component: t, page: a, state: r }) => {
-  if (r === "hover" && await t.hover(), r === "focus-visible" && await a.keyboard.press("Tab"), r === "active") {
+), z = async ({ component: t, page: n, state: r }) => {
+  if (r === "hover" && await t.hover(), r === "focus-visible" && await n.keyboard.press("Tab"), r === "active") {
     const e = await t.boundingBox(), c = { x: e.x + e.width / 2, y: e.y + e.height / 2 };
-    await a.mouse.move(c.x, c.y), await a.mouse.down();
+    await n.mouse.move(c.x, c.y), await n.mouse.down();
   }
 };
 export {
-  $ as EMIT_SPY_SYMBOL,
+  S as EMIT_SPY_SYMBOL,
   N as adjustSizeToAbsolutePosition,
   I as createEmitSpy,
   Y as expectEmit,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sit-onyx/playwright-utils",
   "description": "Utilities for Vue component testing with Playwright",
-  "version": "1.1.0",
+  "version": "1.1.1-dev-20260204144323",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",