lighthouse-reporting 1.1.0 → 1.2.0

package/dist/lighthouse-reporting.umd.cjs

@@ -202,13 +202,13 @@
       const stories = Object.values(storybookIndexJson.entries).filter(storyFilterFn);
       return stories;
     },
-    captureScreenshot: async (story, context) => {
+    captureScreenshot: async (story, context, screenshotOptions) => {
       const page = context.pages()[0];
       await page.goto(`/iframe.html?id=${story.id}`);
       await test.expect(page.locator(".sb-show-main")).toBeVisible();
       await test.expect(page.locator(".sb-show-errordisplay")).not.toBeVisible();
       await page.waitForLoadState("networkidle");
-      await test.expect(page).toHaveScreenshot(`${story.id}.png`);
+      await test.expect(page).toHaveScreenshot(`${story.id}.png`, screenshotOptions);
     }
   };
   exports2.getScores = getScores;

package/dist/playwrightLighthouseTest.d.ts

@@ -1,4 +1,4 @@
-import type { BrowserContext } from '@playwright/test';
+import { BrowserContext } from '@playwright/test';
 export declare const playwrightLighthouseTest: import("@playwright/test").TestType<import("@playwright/test").PlaywrightTestArgs & import("@playwright/test").PlaywrightTestOptions & {
     context: BrowserContext;
 }, import("@playwright/test").PlaywrightWorkerArgs & import("@playwright/test").PlaywrightWorkerOptions & {

package/dist/storybookPlaywright.cjs

@@ -12,13 +12,13 @@ const storybookPlaywright = {
     const stories = Object.values(storybookIndexJson.entries).filter(storyFilterFn);
     return stories;
   },
-  captureScreenshot: async (story, context) => {
+  captureScreenshot: async (story, context, screenshotOptions) => {
     const page = context.pages()[0];
     await page.goto(`/iframe.html?id=${story.id}`);
     await test.expect(page.locator(".sb-show-main")).toBeVisible();
     await test.expect(page.locator(".sb-show-errordisplay")).not.toBeVisible();
     await page.waitForLoadState("networkidle");
-    await test.expect(page).toHaveScreenshot(`${story.id}.png`);
+    await test.expect(page).toHaveScreenshot(`${story.id}.png`, screenshotOptions);
   }
 };
 exports.storybookPlaywright = storybookPlaywright;

package/dist/storybookPlaywright.d.ts

@@ -1,4 +1,4 @@
-import type { BrowserContext } from '@playwright/test';
+import { BrowserContext } from '@playwright/test';
 export interface StorybookIndexStory {
     id: string;
     title: string;
@@ -10,6 +10,42 @@ export interface StorybookIndexStory {
 type StoriesFilterFn = (story: StorybookIndexStory) => boolean;
 export declare const storybookPlaywright: {
     getStories: (pathToStorybookIndexJson: string, storyFilterFn: StoriesFilterFn) => StorybookIndexStory[];
-    captureScreenshot: (story: StorybookIndexStory, context: BrowserContext) => Promise<void>;
+    captureScreenshot: (story: StorybookIndexStory, context: BrowserContext, screenshotOptions?: {
+        /**
+         * When set to `"disabled"`, stops CSS animations, CSS transitions and Web Animations. Animations get different
+         * treatment depending on their duration:
+         * - finite animations are fast-forwarded to completion, so they'll fire `transitionend` event.
+         * - infinite animations are canceled to initial state, and then played over after the screenshot.
+         *
+         * Defaults to `"disabled"` that disables animations.
+         */
+        animations?: 'disabled' | 'allow';
+        /**
+         * When set to `"hide"`, screenshot will hide text caret. When set to `"initial"`, text caret behavior will not be
+         * changed.  Defaults to `"hide"`.
+         */
+        caret?: 'hide' | 'initial';
+        /**
+         * An object which specifies clipping of the resulting image.
+         */
+        clip?: {
+            /**
+             * x-coordinate of top-left corner of clip area
+             */
+            x: number;
+            /**
+             * y-coordinate of top-left corner of clip area
+             */
+            y: number;
+            /**
+             * width of clipping area
+             */
+            width: number;
+            /**
+             * height of clipping area
+             */
+            height: number;
+        };
+    }) => Promise<void>;
 };
 export {};

package/dist/storybookPlaywright.js

@@ -10,13 +10,13 @@ const storybookPlaywright = {
     const stories = Object.values(storybookIndexJson.entries).filter(storyFilterFn);
     return stories;
   },
-  captureScreenshot: async (story, context) => {
+  captureScreenshot: async (story, context, screenshotOptions) => {
     const page = context.pages()[0];
     await page.goto(`/iframe.html?id=${story.id}`);
     await expect(page.locator(".sb-show-main")).toBeVisible();
     await expect(page.locator(".sb-show-errordisplay")).not.toBeVisible();
     await page.waitForLoadState("networkidle");
-    await expect(page).toHaveScreenshot(`${story.id}.png`);
+    await expect(page).toHaveScreenshot(`${story.id}.png`, screenshotOptions);
   }
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lighthouse-reporting",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "scripts": {
     "build": "vite build && vite build -c vite.umd.config.ts && tsc -p ./tsconfig.build.json",
@@ -27,7 +27,7 @@
     "get-port": "^6"
   },
   "devDependencies": {
-    "@playwright/test": "^1.34.2",
+    "@playwright/test": "^1.34.3",
     "@types/fs-extra": "^11.0.1",
     "@types/node": "^20.2.3",
     "@typescript-eslint/eslint-plugin": "^5.59.7",
@@ -35,6 +35,7 @@
     "eslint": "^8.41.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier": "^4.2.1",
+    "get-port": "^6.1.2",
     "husky": "^8.0.3",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.8",