@sit-onyx/playwright-utils 1.1.1 → 1.2.0-dev-20260301140520

package/dist/index.js

@@ -1,5 +1,5 @@
 import { expect as f } from "@playwright/test";
-import { jsxs as d, jsx as u } from "playwright/jsx-runtime";
+import { jsxs as m, jsx as u } from "playwright/jsx-runtime";
 import { expect as v, test as k } from "@playwright/experimental-ct-vue";
 const S = /* @__PURE__ */ Symbol("EMIT_SPY_SYMBOL"), I = () => {
   const t = [], n = (...r) => {
@@ -11,30 +11,30 @@ const S = /* @__PURE__ */ Symbol("EMIT_SPY_SYMBOL"), I = () => {
   f(e).toHaveLength(n);
   const c = e[n - 1];
   return r && f(c).toMatchObject(r), c;
-}, m = (t) => t.replace(/\W/g, (n) => n.codePointAt(0)?.toString() || "-"), L = (t) => {
+}, d = (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(" ")}"`
+      `"blank ${t.columns.map((e) => `column-${d(e)}`).join(" ")}"`
     ];
     return t.rows.forEach((e) => {
       r.push(
-        `"row-${m(e)} ${t.columns.map((c) => `${m(e)}-${m(c)}`).join(" ")}"`
+        `"row-${d(e)} ${t.columns.map((c) => `${d(e)}-${d(c)}`).join(" ")}"`
       );
     }), r.join(`
 `);
   };
-  return /* @__PURE__ */ d("div", { style: { width: "max-content", fontFamily: "Arial, sans-serif" }, children: [
-    /* @__PURE__ */ d("div", { style: { marginBottom: "2rem" }, children: [
-      /* @__PURE__ */ d("h1", { style: { fontSize: "1.25rem", lineHeight: "1.75rem", margin: "0" }, children: [
+  return /* @__PURE__ */ m("div", { style: { width: "max-content", fontFamily: "Arial, sans-serif" }, children: [
+    /* @__PURE__ */ m("div", { style: { marginBottom: "2rem" }, children: [
+      /* @__PURE__ */ m("h1", { style: { fontSize: "1.25rem", lineHeight: "1.75rem", margin: "0" }, children: [
         "Screenshot test: ",
         t.name
       ] }),
-      /* @__PURE__ */ d("div", { children: [
+      /* @__PURE__ */ m("div", { children: [
         "Browser: ",
         t.browserName
       ] })
     ] }),
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ m(
       "div",
       {
         style: {
@@ -73,7 +73,11 @@ const S = /* @__PURE__ */ Symbol("EMIT_SPY_SYMBOL"), I = () => {
             l,
             e.context
           ), 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)}`;
+          const x = await o.screenshot({
+            animations: "disabled",
+            ...t.defaults?.screenshotOptions,
+            ...e.screenshotOptions
+          }), h = await o.boundingBox(), B = `${d(l)}-${d(a)}`;
           return await t.defaults?.hooks?.afterEach?.(
             o,
             i,
@@ -135,10 +139,10 @@ const S = /* @__PURE__ */ Symbol("EMIT_SPY_SYMBOL"), I = () => {
 }, g = (t) => /* @__PURE__ */ u(
   "div",
   {
-    style: { textAlign: "center", gridArea: `${t.type}-${m(t.name)}` },
+    style: { textAlign: "center", gridArea: `${t.type}-${d(t.name)}` },
     children: t.name
   }
-), z = async ({ component: t, page: n, state: r }) => {
+), O = 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 n.mouse.move(c.x, c.y), await n.mouse.down();
@@ -149,6 +153,6 @@ export {
   N as adjustSizeToAbsolutePosition,
   I as createEmitSpy,
   Y as expectEmit,
-  z as useFocusStateHooks,
+  O as useFocusStateHooks,
   G as useMatrixScreenshotTest
 };

package/dist/screenshots/types.d.ts

@@ -1,11 +1,12 @@
 import type { MountResultJsx, test } from "@playwright/experimental-ct-vue";
+import type { LocatorScreenshotOptions } from "playwright";
 import type { JSX } from "vue/jsx-runtime";
 export type UseMatrixScreenshotTestOptions<TContext extends HookContext = HookContext> = {
     /**
      * Global default options for the matrix screenshot tests.
      * Will be merged with the options passed to a single screenshot test.
      */
-    defaults?: Partial<Pick<MatrixScreenshotTestOptions<string, string, TContext>, "removePadding" | "hooks">>;
+    defaults?: Partial<Pick<MatrixScreenshotTestOptions<string, string, TContext>, "removePadding" | "hooks" | "screenshotOptions">>;
     /**
      * Optional custom `test` function to use. Useful when using [fixtures](https://playwright.dev/docs/test-fixtures#creating-a-fixture).
      */
@@ -42,6 +43,11 @@ export type MatrixScreenshotTestOptions<TColumn extends string = string, TRow ex
      * Useful for passing options to (global) hooks per matrix screenshot, e.g. for disabling specific accessibility test rule.
      */
     context?: TContext;
+    /**
+     * LocatorScreenshotOptions that are passed to the playwright `.screenshot(...)` function.
+     * Per default `animations` are `disabled`.
+     */
+    screenshotOptions?: LocatorScreenshotOptions;
 };
 export type ScreenshotTestHooks<TColumn extends string, TRow extends string, TContext extends HookContext = HookContext> = Partial<{
     /**

package/package.json

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