@pixeyedev/playwright 0.4.4 → 0.4.5

package/dist/browser.iife.js

@@ -1,10 +1,10 @@
-"use strict";var __pixeye=(()=>{var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},b=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of h(t))!f.call(e,i)&&i!==o&&c(e,i,{get:()=>t[i],enumerable:!(n=p(t,i))||n.enumerable});return e};var x=e=>b(c({},"__esModule",{value:!0}),e);var A={};g(A,{scanRegions:()=>l,stabilize:()=>m,waitForReady:()=>u});var S=[{selector:"[data-pixeye-mask]",type:"mask"},{selector:"[data-pixeye-ignore]",type:"ignore"},{selector:"[data-pixeye-dynamic]",type:"dynamic"},{selector:'[data-visual-test="blackout"]',type:"mask"},{selector:'[data-visual-test="removed"]',type:"ignore"},{selector:'[data-visual-test="transparent"]',type:"mask"},{selector:"[data-percy-ignore]",type:"ignore"},{selector:"[data-percy-mask]",type:"mask"},{selector:'[data-chromatic="ignore"]',type:"ignore"}],l=()=>{let e=[],t=new Set;for(let{selector:o,type:n}of S){let i=document.querySelectorAll(o);for(let a of i){if(t.has(a))continue;t.add(a);let r=a.getBoundingClientRect();r.width===0||r.height===0||e.push({type:n,selector:o,bounds:{x:Math.max(0,Math.round(r.x)),y:Math.max(0,Math.round(r.y)),width:Math.round(r.width),height:Math.round(r.height)}})}}return e};var d="__pixeye_stabilize",s=e=>{let t=document.getElementById(d);t||(t=document.createElement("style"),t.id=d,document.head.appendChild(t)),t.textContent+=e+`
+"use strict";var __pixeye=(()=>{var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},b=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of f(t))!h.call(e,i)&&i!==o&&c(e,i,{get:()=>t[i],enumerable:!(n=p(t,i))||n.enumerable});return e};var S=e=>b(c({},"__esModule",{value:!0}),e);var T={};g(T,{scanRegions:()=>l,stabilize:()=>m,waitForReady:()=>y});var x=[{selector:"[data-pixeye-mask]",type:"mask"},{selector:"[data-pixeye-ignore]",type:"ignore"},{selector:"[data-pixeye-dynamic]",type:"dynamic"},{selector:'[data-visual-test="blackout"]',type:"mask"},{selector:'[data-visual-test="removed"]',type:"ignore"},{selector:'[data-visual-test="transparent"]',type:"mask"},{selector:"[data-percy-ignore]",type:"ignore"},{selector:"[data-percy-mask]",type:"mask"},{selector:'[data-chromatic="ignore"]',type:"ignore"}],l=()=>{let e=[],t=new Set;for(let{selector:o,type:n}of x){let i=document.querySelectorAll(o);for(let a of i){if(t.has(a))continue;t.add(a);let r=a.getBoundingClientRect();r.width===0||r.height===0||e.push({type:n,selector:o,bounds:{x:Math.max(0,Math.round(r.x)),y:Math.max(0,Math.round(r.y)),width:Math.round(r.width),height:Math.round(r.height)}})}}return e};var d="__pixeye_stabilize",s=e=>{let t=document.getElementById(d);t||(t=document.createElement("style"),t.id=d,document.head.appendChild(t)),t.textContent+=e+`
 `},w=()=>{s(`
     * {
       -webkit-font-smoothing: antialiased !important;
       -moz-osx-font-smoothing: grayscale !important;
     }
-  `)},E=()=>{s(`
+  `)},E=()=>{if(s(`
     *, *::before, *::after {
       animation-duration: 0s !important;
       animation-delay: 0s !important;
@@ -12,9 +12,9 @@
       transition-delay: 0s !important;
       scroll-behavior: auto !important;
     }
-  `)},R=()=>{s(`
+  `),typeof document.getAnimations=="function")for(let e of document.getAnimations())try{e.finish()}catch{e.cancel()}for(let e of document.querySelectorAll("svg")){let t=e;if(typeof t.pauseAnimations=="function")try{t.pauseAnimations(),t.setCurrentTime(0)}catch{}}},A=()=>{s(`
     * { caret-color: transparent !important; }
     ::-webkit-scrollbar { display: none !important; }
     * { scrollbar-width: none !important; }
-  `),document.querySelectorAll("[contenteditable], textarea, input").forEach(e=>{e.setAttribute("spellcheck","false")})},v=()=>{document.querySelectorAll("img").forEach(e=>{let t=e.getBoundingClientRect(),o=Math.round(t.width),n=Math.round(t.height);(o!==t.width||n!==t.height)&&(e.style.width=`${o}px`,e.style.height=`${n}px`)})},T=()=>{document.querySelectorAll("*").forEach(e=>{let t=getComputedStyle(e);(t.position==="sticky"||t.position==="fixed")&&(e.style.position="absolute")})},m=(e={})=>{e.colorScheme&&(document.documentElement.style.colorScheme=e.colorScheme),e.fontAntialiasing!==!1&&w(),e.disableAnimations!==!1&&E(),e.hideNonDeterministic!==!1&&R(),e.roundImageSizes!==!1&&v(),e.stabilizeStickyFixed!==!1&&T(),e.css&&s(e.css)};var y=async(e,t,o)=>{let n=Date.now();for(;!e();){if(Date.now()-n>o)throw new Error(`[pixeye] waitForReady timed out waiting for: ${t}`);await new Promise(i=>setTimeout(i,100))}},u=async(e={})=>{let t=e.timeout??1e4,o=async()=>{await document.fonts.ready;let i=Array.from(document.querySelectorAll("img"));await Promise.all(i.filter(a=>!a.complete).map(a=>new Promise(r=>{a.addEventListener("load",()=>r(),{once:!0}),a.addEventListener("error",()=>r(),{once:!0})}))),await y(()=>!document.querySelector('[aria-busy="true"]'),'aria-busy="true" elements to clear',t),await y(()=>!document.querySelector("[data-pixeye-loading]"),"data-pixeye-loading elements to disappear",t)},n=new Promise((i,a)=>{setTimeout(()=>a(new Error(`[pixeye] waitForReady timed out after ${t}ms`)),t)});await Promise.race([o(),n])};return x(A);})();
+  `),document.querySelectorAll("[contenteditable], textarea, input").forEach(e=>{e.setAttribute("spellcheck","false")})},v=()=>{document.querySelectorAll("img").forEach(e=>{let t=e.getBoundingClientRect(),o=Math.round(t.width),n=Math.round(t.height);(o!==t.width||n!==t.height)&&(e.style.width=`${o}px`,e.style.height=`${n}px`)})},R=()=>{document.querySelectorAll("*").forEach(e=>{let t=getComputedStyle(e);(t.position==="sticky"||t.position==="fixed")&&(e.style.position="absolute")})},m=(e={})=>{e.colorScheme&&(document.documentElement.style.colorScheme=e.colorScheme),e.fontAntialiasing!==!1&&w(),e.disableAnimations!==!1&&E(),e.hideNonDeterministic!==!1&&A(),e.roundImageSizes!==!1&&v(),e.stabilizeStickyFixed!==!1&&R(),e.css&&s(e.css)};var u=async(e,t,o)=>{let n=Date.now();for(;!e();){if(Date.now()-n>o)throw new Error(`[pixeye] waitForReady timed out waiting for: ${t}`);await new Promise(i=>setTimeout(i,100))}},y=async(e={})=>{let t=e.timeout??1e4,o=async()=>{await document.fonts.ready;let i=Array.from(document.querySelectorAll("img"));await Promise.all(i.filter(a=>!a.complete).map(a=>new Promise(r=>{a.addEventListener("load",()=>r(),{once:!0}),a.addEventListener("error",()=>r(),{once:!0})}))),await u(()=>!document.querySelector('[aria-busy="true"]'),'aria-busy="true" elements to clear',t),await u(()=>!document.querySelector("[data-pixeye-loading]"),"data-pixeye-loading elements to disappear",t)},n=new Promise((i,a)=>{setTimeout(()=>a(new Error(`[pixeye] waitForReady timed out after ${t}ms`)),t)});await Promise.race([o(),n])};return S(T);})();
 if(typeof window!=="undefined")window.__pixeye=__pixeye;

package/dist/reporter.d.ts

@@ -3,6 +3,14 @@ interface ReporterOptions {
     token?: string;
     server?: string;
     uploadConcurrency?: number;
+    /**
+     * Fail the test run (non-zero exit) when the upload is rejected for a
+     * CUSTOMER misconfiguration (bad token, lapsed plan/quota, permissions) so a
+     * run can't pass green with zero screenshots uploaded. Default `true`. Our
+     * transient faults (5xx/network) never fail the run regardless. Opt out with
+     * `failOnError: false` or `PIXEYE_FAIL_ON_ERROR=false`.
+     */
+    failOnError?: boolean;
 }
 declare const detectShard: (config: FullConfig) => {
     index: number;
@@ -12,10 +20,13 @@ declare class PixeyeReporter implements Reporter {
     private options;
     private shard;
     private skipUpload;
+    private failOnError;
     constructor(options?: ReporterOptions);
     onBegin(config: FullConfig, _suite: Suite): void;
     onTestEnd(_test: TestCase, _result: TestResult): void;
-    onEnd(_result: FullResult): Promise<void>;
+    onEnd(_result: FullResult): Promise<{
+        status: FullResult['status'];
+    } | undefined>;
 }
 export default PixeyeReporter;
 export { detectShard };

package/dist/reporter.js

@@ -1,6 +1,6 @@
 import { readFile } from 'node:fs/promises';
 import { join } from 'node:path';
-import { detectCIEnvironment, discoverScreenshots, PixeyeClient, PixeyeError, runParallel } from '@pixeyedev/core';
+import { detectCIEnvironment, discoverScreenshots, isUploadMisconfig, PixeyeClient, renderUploadFailureBanner, resolveFailOnError, runParallel, uploadErrorSummary } from '@pixeyedev/core';
 import { getContext } from './screenshot.js';
 const DEFAULT_UPLOAD_CONCURRENCY = 32;
 const detectShard = (config) => {
@@ -27,8 +27,10 @@ class PixeyeReporter {
     options;
     shard = { index: 0, total: 1 };
     skipUpload = false;
+    failOnError;
     constructor(options = {}) {
         this.options = options;
+        this.failOnError = resolveFailOnError(options.failOnError, process.env.PIXEYE_FAIL_ON_ERROR);
     }
     onBegin(config, _suite) {
         const token = this.options.token ?? process.env.PIXEYE_TOKEN;
@@ -150,12 +152,23 @@ class PixeyeReporter {
             console.log(`[pixeye] ${files.length} screenshots (${uploaded} new, ${presign.existing.length} cached) — ${server}/builds/${buildId}`);
         }
         catch (err) {
-            // Upload failure should NOT fail the test run
-            if (err instanceof PixeyeError) {
-                console.warn(`[pixeye] Upload failed (${err.status}): ${err.message}`);
+            // P0-2: a CUSTOMER misconfiguration (bad token, lapsed plan/quota,
+            // permissions) must NOT pass silently — surface a loud banner and fail
+            // the run by default so a green CI can't hide zero uploaded screenshots.
+            // Our transient faults (5xx/network/R2) only warn — never break their CI.
+            if (isUploadMisconfig(err)) {
+                console.error(renderUploadFailureBanner(err, { willFail: this.failOnError }));
+                if (this.failOnError) {
+                    // Playwright IGNORES `process.exitCode` — its runner calls
+                    // `process.exit(status === 'passed' ? 0 : 1)`, overriding it. The ONLY
+                    // reporter-side lever is returning a status from onEnd, which the
+                    // multiplexer applies (`result.status = outResult.status`). Return
+                    // 'failed' so a passing run with a rejected upload still exits non-zero.
+                    return { status: 'failed' };
+                }
             }
             else {
-                console.warn(`[pixeye] Upload failed: ${err.message}`);
+                console.warn(`[pixeye] Upload failed (transient — CI not failed): ${uploadErrorSummary(err)}`);
             }
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixeyedev/playwright",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "private": false,
   "type": "module",
   "files": [