@letsrunit/playwright 0.7.0 → 0.8.0

package/dist/index.js

@@ -5,6 +5,7 @@ import rehypeStringify from 'rehype-stringify';
 import { unified } from 'unified';
 import stringify from 'fast-json-stable-stringify';
 import { JSDOM } from 'jsdom';
+import * as Diff from 'diff';
 
 // src/browser.ts
 async function browse(browser, options = {}) {
@@ -14,9 +15,12 @@ async function browse(browser, options = {}) {
     locale: "en-US",
     ...options
   });
-  await context.addInitScript(() => {
-    window.__name = window.__name || ((fn) => fn);
-  });
+  await context.addInitScript(
+    /* v8 ignore next */
+    () => {
+      window.__name = window.__name || ((fn) => fn);
+    }
+  );
   return await context.newPage();
 }
 
@@ -80,11 +84,11 @@ function formatDateForInput(date, type) {
       return `${yyyy}-${mm}-${dd}`;
   }
 }
-function formatDate(d, format) {
+function formatDate(d, format2) {
   const dd = String(d.getDate()).padStart(2, "0");
   const mm = String(d.getMonth() + 1).padStart(2, "0");
   const yyyy = String(d.getFullYear());
-  return format.replace("DD", dd).replace("MM", mm).replace("YYYY", yyyy);
+  return format2.replace("DD", dd).replace("MM", mm).replace("YYYY", yyyy);
 }
 function getMonthNames(locale) {
   const formatter = new Intl.DateTimeFormat(locale, { month: "long" });
@@ -101,6 +105,7 @@ async function waitForMeta(page, timeout = 2500) {
   await waitForIdle(page);
   page.getByRole("navigation");
   await page.waitForFunction(
+    /* v8 ignore start */
     () => {
       const head = document.head;
       if (!head) return false;
@@ -108,12 +113,14 @@ async function waitForMeta(page, timeout = 2500) {
         document.title.trim() || head.querySelector('meta[property^="og:"]') || head.querySelector('meta[name^="twitter:"]') || head.querySelector('script[type="application/ld+json"]')
       );
     },
+    /* v8 ignore stop */
     { timeout }
   ).catch(() => {
   });
 }
 async function waitForDomIdle(page, { quiet = 500, timeout = 1e4 } = {}) {
   await page.waitForFunction(
+    /* v8 ignore start */
     (q) => new Promise((resolve) => {
       let last = performance.now();
       const obs = new MutationObserver(() => last = performance.now());
@@ -133,23 +140,31 @@ async function waitForDomIdle(page, { quiet = 500, timeout = 1e4 } = {}) {
       };
       tick();
     }),
+    /* v8 ignore stop */
     quiet,
     { timeout }
   );
 }
 async function waitForAnimationsToFinish(root) {
   await root.page().waitForFunction(
+    /* v8 ignore start */
     (el) => {
       const animations = el.getAnimations?.({ subtree: true }) ?? [];
       return animations.every((a) => a.playState !== "running");
     },
+    /* v8 ignore stop */
     await root.elementHandle()
   );
   await root.evaluate(() => new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(() => r()))));
 }
 async function waitForUrlChange(page, prevUrl, timeout) {
   try {
-    await page.waitForFunction((u) => location.href !== u, prevUrl, { timeout });
+    await page.waitForFunction(
+      /* v8 ignore next */
+      (u) => location.href !== u,
+      prevUrl,
+      { timeout }
+    );
     return true;
   } catch {
     return false;
@@ -161,12 +176,14 @@ async function waitUntilEnabled(page, target, timeout) {
   const handle = await target.elementHandle().catch(() => null);
   if (!handle) return;
   await page.waitForFunction(
+    /* v8 ignore start */
     (el) => {
       if (!el || !el.isConnected) return true;
       const aria = el.getAttribute("aria-disabled");
       const disabled = el.disabled || aria === "true" || el.getAttribute("disabled") !== null;
       return !disabled;
     },
+    /* v8 ignore stop */
     handle,
     { timeout }
   ).catch(() => {
@@ -213,7 +230,12 @@ async function elementKind(target) {
   const role = await target.getAttribute("role", { timeout: PROBE }).catch(() => null);
   if (role === "link") return "link";
   if (role === "button") return "button";
-  const tag = await target.evaluate((el) => el.tagName.toLowerCase(), null, { timeout: PROBE }).catch(() => "");
+  const tag = await target.evaluate(
+    /* v8 ignore next */
+    (el) => el.tagName.toLowerCase(),
+    null,
+    { timeout: PROBE }
+  ).catch(() => "");
   if (tag === "a") return "link";
   if (tag === "button") return "button";
   if (tag === "input") {
@@ -255,9 +277,7 @@ async function getCalendar(root, options) {
   if (!container) return null;
   const found = await container.locator(gridSelector).all();
   const tables = [];
-  if (await isCalendarGrid(container)) {
-    tables.push(container);
-  }
+  if (await isCalendarGrid(container)) tables.push(container);
   for (const grid of found) {
     if (await isCalendarGrid(grid)) {
       tables.push(grid);
@@ -467,33 +487,37 @@ async function getCandidateLocs(el, options) {
   if (candidates.length < 2 || candidates.length > 3) return [];
   return Promise.all(
     candidates.map(async (c) => {
-      const info = await c.evaluate((node) => {
-        const e = node;
-        const attrs = {};
-        for (const attr of e.attributes) {
-          attrs[attr.name] = attr.value;
-        }
-        let options2 = [];
-        if (e.tagName.toLowerCase() === "select") {
-          options2 = Array.from(e.options).map((o) => ({
-            value: o.value,
-            text: o.text
-          }));
-        }
-        return {
-          tag: e.tagName.toLowerCase(),
-          type: e.getAttribute("type"),
-          name: e.getAttribute("name"),
-          id: e.getAttribute("id"),
-          ariaLabel: e.getAttribute("aria-label"),
-          placeholder: e.getAttribute("placeholder"),
-          min: e.getAttribute("min"),
-          max: e.getAttribute("max"),
-          inputMode: e.getAttribute("inputmode"),
-          attrs,
-          options: options2
-        };
-      }, options);
+      const info = await c.evaluate(
+        /* v8 ignore start */
+        (node) => {
+          const e = node;
+          const attrs = {};
+          for (const attr of e.attributes) {
+            attrs[attr.name] = attr.value;
+          }
+          let options2 = [];
+          if (e.tagName.toLowerCase() === "select") {
+            options2 = Array.from(e.options).map((o) => ({
+              value: o.value,
+              text: o.text
+            }));
+          }
+          return {
+            tag: e.tagName.toLowerCase(),
+            type: e.getAttribute("type"),
+            name: e.getAttribute("name"),
+            id: e.getAttribute("id"),
+            ariaLabel: e.getAttribute("aria-label"),
+            placeholder: e.getAttribute("placeholder"),
+            min: e.getAttribute("min"),
+            max: e.getAttribute("max"),
+            inputMode: e.getAttribute("inputmode"),
+            attrs,
+            options: options2
+          };
+        },
+        options
+      );
       return { el: c, ...info };
     })
   );
@@ -529,50 +553,70 @@ async function behavioralProbe(candidateLocs, scores, options) {
     for (let i = 0; i < candidateLocs.length; i++) {
       const loc = candidateLocs[i];
       if (loc.tag === "input") {
-        const can_be_day = await loc.el.evaluate((node) => {
-          const e = node;
-          const old = e.value;
-          e.value = "31";
-          const valid = e.checkValidity();
-          e.value = old;
-          return valid;
-        }, options);
+        const can_be_day = await loc.el.evaluate(
+          /* v8 ignore start */
+          (node) => {
+            const e = node;
+            const old = e.value;
+            e.value = "31";
+            const valid = e.checkValidity();
+            e.value = old;
+            return valid;
+          },
+          options
+        );
         if (can_be_day) scores[i].day += 1;
-        const cannot_be_day = await loc.el.evaluate((node) => {
-          const e = node;
-          const old = e.value;
-          e.value = "32";
-          const valid = !e.checkValidity();
-          e.value = old;
-          return valid;
-        }, options);
+        const cannot_be_day = await loc.el.evaluate(
+          /* v8 ignore start */
+          (node) => {
+            const e = node;
+            const old = e.value;
+            e.value = "32";
+            const valid = !e.checkValidity();
+            e.value = old;
+            return valid;
+          },
+          options
+        );
         if (cannot_be_day) scores[i].day += 1;
-        const can_be_month = await loc.el.evaluate((node) => {
-          const e = node;
-          const old = e.value;
-          e.value = "12";
-          const valid = e.checkValidity();
-          e.value = old;
-          return valid;
-        }, options);
+        const can_be_month = await loc.el.evaluate(
+          /* v8 ignore start */
+          (node) => {
+            const e = node;
+            const old = e.value;
+            e.value = "12";
+            const valid = e.checkValidity();
+            e.value = old;
+            return valid;
+          },
+          options
+        );
         if (can_be_month) scores[i].month += 1;
-        const cannot_be_month = await loc.el.evaluate((node) => {
-          const e = node;
-          const old = e.value;
-          e.value = "13";
-          const valid = !e.checkValidity();
-          e.value = old;
-          return valid;
-        }, options);
+        const cannot_be_month = await loc.el.evaluate(
+          /* v8 ignore start */
+          (node) => {
+            const e = node;
+            const old = e.value;
+            e.value = "13";
+            const valid = !e.checkValidity();
+            e.value = old;
+            return valid;
+          },
+          options
+        );
         if (cannot_be_month) scores[i].month += 1;
-        const can_be_year = await loc.el.evaluate((node) => {
-          const e = node;
-          const old = e.value;
-          e.value = "2024";
-          const valid = e.checkValidity();
-          e.value = old;
-          return valid;
-        }, options);
+        const can_be_year = await loc.el.evaluate(
+          /* v8 ignore start */
+          (node) => {
+            const e = node;
+            const old = e.value;
+            e.value = "2024";
+            const valid = e.checkValidity();
+            e.value = old;
+            return valid;
+          },
+          options
+        );
         if (can_be_year) scores[i].year += 1;
       }
     }
@@ -688,22 +732,26 @@ function parseDateString(value, order, sep) {
   return dt;
 }
 async function inferLocaleAndPattern(el, options) {
-  return el.evaluate(() => {
-    const lang = document.documentElement.getAttribute("lang") || navigator.language || "en-US";
-    const dtf = new Intl.DateTimeFormat(lang, { year: "numeric", month: "2-digit", day: "2-digit" });
-    const parts = dtf.formatToParts(new Date(2033, 10, 22));
-    const order = [];
-    let sep = "/";
-    for (const p of parts) {
-      if (p.type === "day" || p.type === "month" || p.type === "year") order.push(p.type);
-      if (p.type === "literal") {
-        const lit = p.value.trim();
-        if (lit) sep = lit;
+  return el.evaluate(
+    /* v8 ignore start */
+    () => {
+      const lang = document.documentElement.getAttribute("lang") || navigator.language || "en-US";
+      const dtf = new Intl.DateTimeFormat(lang, { year: "numeric", month: "2-digit", day: "2-digit" });
+      const parts = dtf.formatToParts(new Date(2033, 10, 22));
+      const order = [];
+      let sep = "/";
+      for (const p of parts) {
+        if (p.type === "day" || p.type === "month" || p.type === "year") order.push(p.type);
+        if (p.type === "literal") {
+          const lit = p.value.trim();
+          if (lit) sep = lit;
+        }
       }
-    }
-    const finalOrder = order.length === 3 ? order : ["day", "month", "year"];
-    return { locale: lang, order: finalOrder, sep };
-  }, options);
+      const finalOrder = order.length === 3 ? order : ["day", "month", "year"];
+      return { locale: lang, order: finalOrder, sep };
+    },
+    options
+  );
 }
 async function fillAndReadBack(el, s, options, nextInput) {
   await el.clear(options);
@@ -711,9 +759,16 @@ async function fillAndReadBack(el, s, options, nextInput) {
   if (nextInput) {
     await nextInput.focus(options);
   } else {
-    await el.evaluate((el2) => el2.blur(), options);
+    await el.evaluate(
+      /* v8 ignore next */
+      (el2) => el2.blur(),
+      options
+    );
   }
-  await el.evaluate(() => new Promise(requestAnimationFrame));
+  await el.evaluate(
+    /* v8 ignore next */
+    () => new Promise(requestAnimationFrame)
+  );
   return await el.inputValue(options);
 }
 function isAmbiguous(value, value2) {
@@ -853,10 +908,13 @@ async function setSingleDate({ el, tag, type }, value, options) {
       "input[type=date], input[type=datetime-local], input[type=month], input[type=week], input[type=time]"
     );
     if (await inputs.count() === 1) {
-      const isVisible = await inputs.evaluate((e) => {
-        const style = window.getComputedStyle(e);
-        return style.display !== "none" && style.visibility !== "hidden" && e.getAttribute("type") !== "hidden";
-      });
+      const isVisible = await inputs.evaluate(
+        /* v8 ignore next */
+        (e) => {
+          const style = window.getComputedStyle(e);
+          return style.display !== "none" && style.visibility !== "hidden" && e.getAttribute("type") !== "hidden";
+        }
+      );
       if (isVisible) {
         target = inputs;
         targetType = await target.getAttribute("type", options) || null;
@@ -909,11 +967,20 @@ async function setNativeInput({ el, tag }, value, options) {
 // src/field/aria-select.ts
 async function selectAria({ el }, value, options) {
   if (typeof value !== "string" && typeof value !== "number") return false;
-  const role = await el.getAttribute("role", options).catch(() => null);
+  const role = await el.getAttribute("role", options).catch(
+    /* v8 ignore next */
+    () => null
+  );
   if (role !== "combobox") return false;
-  const ariaControls = await el.getAttribute("aria-controls", options).catch(() => null);
+  const ariaControls = await el.getAttribute("aria-controls", options).catch(
+    /* v8 ignore next */
+    () => null
+  );
   if (!ariaControls) return false;
-  const ariaExpanded = await el.getAttribute("aria-expanded", options).catch(() => null);
+  const ariaExpanded = await el.getAttribute("aria-expanded", options).catch(
+    /* v8 ignore next */
+    () => null
+  );
   if (ariaExpanded !== "true") await el.click(options);
   const stringValue = String(value);
   const listbox = el.page().locator(`#${ariaControls}`);
@@ -962,14 +1029,20 @@ async function setRadioGroup({ el }, value, options) {
   const ariaRadio = el.locator(`[role="radio"][value="${stringValue}"]`);
   if (await ariaRadio.count() >= 1) {
     const item = ariaRadio.first();
-    const ariaChecked = await item.getAttribute("aria-checked", options).catch(() => null);
+    const ariaChecked = await item.getAttribute("aria-checked", options).catch(
+      /* v8 ignore next */
+      () => null
+    );
     if (ariaChecked !== "true") await item.click(options);
     return true;
   }
   const ariaRadioByLabel = el.getByLabel(stringValue, { exact: true }).locator('[role="radio"]');
   if (await ariaRadioByLabel.count() >= 1) {
     const item = ariaRadioByLabel.first();
-    const ariaChecked = await item.getAttribute("aria-checked", options).catch(() => null);
+    const ariaChecked = await item.getAttribute("aria-checked", options).catch(
+      /* v8 ignore next */
+      () => null
+    );
     if (ariaChecked !== "true") await item.click(options);
     return true;
   }
@@ -1093,9 +1166,15 @@ async function setSliderByKeyboard(slider, initialValue, targetValue, options) {
 // src/field/toggle.ts
 async function setToggle({ el }, value, options) {
   if (typeof value !== "boolean" && value !== null) return false;
-  const role = await el.getAttribute("role", options).catch(() => null);
+  const role = await el.getAttribute("role", options).catch(
+    /* v8 ignore next */
+    () => null
+  );
   if (role !== "checkbox" && role !== "switch") return false;
-  const ariaChecked = await el.getAttribute("aria-checked", options).catch(() => null);
+  const ariaChecked = await el.getAttribute("aria-checked", options).catch(
+    /* v8 ignore next */
+    () => null
+  );
   const isChecked = ariaChecked === "true";
   if (Boolean(value) !== isChecked) await el.click(options);
   return true;
@@ -1134,7 +1213,10 @@ async function setFieldValue(el, value, options) {
     el = await pickFieldElement(el);
   }
   const tag = await el.evaluate((e) => e.tagName.toLowerCase(), options);
-  const type = await el.getAttribute("type", options).then((s) => s && s.toLowerCase()).catch(() => null);
+  const type = await el.getAttribute("type", options).then((s) => s && s.toLowerCase()).catch(
+    /* v8 ignore next */
+    () => null
+  );
   const loc = { el, tag, type };
   await setValue(loc, value, options);
 }
@@ -1146,47 +1228,51 @@ async function formatHtml(page) {
 
 // src/fuzzy-locator.ts
 async function fuzzyLocator(page, selector) {
-  const primary = page.locator(selector).first();
-  if (await primary.count()) return primary;
-  return await tryRelaxNameToHasText(page, selector) || await tryTagInsteadOfRole(page, selector) || await tryRoleNameProximity(page, selector) || await tryFieldAlternative(page, selector) || await tryAsField(page, selector) || primary;
-}
-async function firstMatch(page, sel, opts = {}) {
-  for (const selector of Array.isArray(sel) ? sel : [sel]) {
-    const loc = page.locator(selector, opts).first();
-    if (await loc.count()) return loc;
+  const primary = page.locator(selector);
+  const candidates = [
+    tryRelaxNameToHasText(page, selector),
+    tryTagInsteadOfRole(page, selector),
+    tryRoleNameProximity(page, selector),
+    tryFieldAlternative(page, selector),
+    tryAsField(page, selector)
+  ];
+  let combined = primary;
+  for (const candidate of candidates) {
+    if (!candidate) continue;
+    combined = combined.or(candidate);
   }
-  return null;
+  return combined.first();
 }
-async function tryRelaxNameToHasText(page, selector) {
+function tryRelaxNameToHasText(page, selector) {
   const matchAnyNameFull = selector.match(/^(role=.*)\[name="([^"]+)"i?](.*)$/i);
   if (!matchAnyNameFull) return null;
   const [, pre, nameText, post] = matchAnyNameFull;
   const containsSelector = `${pre}${post}`;
-  return firstMatch(page, containsSelector, { hasText: nameText });
+  return page.locator(containsSelector, { hasText: nameText });
 }
-async function tryTagInsteadOfRole(page, selector) {
+function tryTagInsteadOfRole(page, selector) {
   const matchAnyNameFull = selector.match(/^role=(link|button|option)\s*\[name="([^"]+)"i?](.*)$/i);
   if (!matchAnyNameFull) return null;
   const [, role, nameText, post] = matchAnyNameFull;
   const tag = role === "link" ? "a" : role;
   const containsSelector = `css=${tag}${post}`;
-  return firstMatch(page, containsSelector, { hasText: nameText });
+  return page.locator(containsSelector, { hasText: nameText });
 }
-async function tryRoleNameProximity(page, selector) {
+function tryRoleNameProximity(page, selector) {
   const matchRole = selector.match(/^role=(\w+)\s*\[name="([^"]+)"i?](.*)$/i);
   if (!matchRole) return null;
   const [, role, name, rest] = matchRole;
   const proximitySelector = `text=${name} >> .. >> role=${role}${rest}`;
-  return firstMatch(page, proximitySelector);
+  return page.locator(proximitySelector);
 }
-async function tryFieldAlternative(page, selector) {
+function tryFieldAlternative(page, selector) {
   const matchField = selector.match(/^field="([^"]+)"i?$/i);
   if (!matchField) return null;
   const [, field] = matchField;
   if (!/^[a-zA-Z0-9_-]+$/.test(field)) return null;
-  return firstMatch(page, `#${field} > input`);
+  return page.locator(`#${field} > input`);
 }
-async function tryAsField(page, selector) {
+function tryAsField(page, selector) {
   const matchRole = selector.match(/^role=(\w+)\s*\[name="([^"]+)"i?](.*)$/i);
   if (!matchRole) return null;
   const [, role, name, rest] = matchRole;
@@ -1206,7 +1292,7 @@ async function tryAsField(page, selector) {
     "option"
   ]);
   if (!fieldRoles.has(role.toLowerCase())) return null;
-  return firstMatch(page, `field=${name}${rest}`);
+  return page.locator(`field=${name}${rest}`);
 }
 
 // src/selector/date-selector.ts
@@ -1573,12 +1659,336 @@ async function screenshotWithMask(page, options) {
   }
 }
 
+// src/utils/type-check.ts
+function isPage(page) {
+  return typeof page.content === "function" && typeof page.url === "function" && typeof page.screenshot === "function";
+}
+
+// src/scrub-html.ts
+var HTML_MIN_ATTR_THRESHOLD = 25e4;
+var HTML_LIMIT_LISTS_THRESHOLD = 4e5;
+var HTML_MAIN_ONLY_THRESHOLD = 6e5;
+function getDefaults(contentLength) {
+  return {
+    dropHidden: true,
+    dropHead: true,
+    dropSvg: false,
+    pickMain: contentLength >= HTML_MAIN_ONLY_THRESHOLD,
+    stripAttributes: contentLength >= HTML_MIN_ATTR_THRESHOLD ? 2 : 1,
+    normalizeWhitespace: true,
+    dropComments: true,
+    replaceBrInHeadings: true,
+    limitLists: contentLength >= HTML_LIMIT_LISTS_THRESHOLD ? 20 : -1,
+    dropUtilityClasses: false
+  };
+}
+var ALLOWED_ATTRS = {
+  match: /* @__PURE__ */ new Set([
+    // identity/semantics
+    "id",
+    "class",
+    "role",
+    // internationalization
+    "lang",
+    "dir",
+    // anchors & media
+    "href",
+    "title",
+    "target",
+    "rel",
+    "src",
+    "alt",
+    "width",
+    "height",
+    "loading",
+    // tables
+    "scope",
+    "headers",
+    "colspan",
+    "rowspan",
+    // forms (pure semantics—doesn’t change structure)
+    "name",
+    "value",
+    "type",
+    "for",
+    "placeholder",
+    "checked",
+    "selected",
+    "multiple",
+    "method",
+    "action",
+    // time, figure, etc.
+    "datetime"
+  ]),
+  regexp: /^aria-[\w-]+|^data-[\w-]+$/i
+  // ARIA attributes & data-* attributes
+};
+var ALLOWED_ATTRS_AGGRESSIVE = {
+  match: /* @__PURE__ */ new Set([
+    // structuur / algemene selectors
+    "id",
+    "class",
+    "role",
+    // links / media
+    "href",
+    "src",
+    "alt",
+    "title",
+    // tables
+    "scope",
+    // forms / velden
+    "name",
+    "type",
+    "for",
+    "placeholder",
+    "value",
+    "checked",
+    "selected",
+    // ARIA voor Playwright getByRole/getByLabel
+    "aria-label",
+    "aria-labelledby",
+    "aria-describedby",
+    // veelgebruikte test selectors
+    "data-testid",
+    "data-test-id",
+    "data-cy",
+    "data-qa"
+  ]),
+  regexp: null
+};
+var HIDDEN_SELECTORS = [
+  "[hidden]",
+  "[inert]",
+  '[aria-hidden="true"]',
+  '[style*="display:none"]',
+  '[style*="visibility:hidden"]',
+  '[style*="opacity:0"]'
+].join(",");
+var ALWAYS_DROP = [
+  "script",
+  "style",
+  "template",
+  "noscript",
+  "slot",
+  "object",
+  "embed"
+];
+async function scrubHtml(page, opts = {}) {
+  if (isPage(page)) page = { html: await page.content(), url: page.url() };
+  return await memoizedScrubHtml(page, opts);
+}
+var memoizedScrubHtml = memoize(realScrubHtml, {
+  max: 16,
+  ttl: 10 * 6e4,
+  cacheKey: (args) => stringify({ html: args[0].html, url: args[0].url, ...args[1] })
+});
+async function realScrubHtml({ html, url }, opts = {}) {
+  const o = { ...getDefaults(html.length), ...opts };
+  const dom = new JSDOM(html, { url });
+  const doc = dom.window.document;
+  if (o.pickMain) pickMain(doc);
+  dropInfraAndSvg(doc, !!o.dropSvg);
+  if (o.dropHidden) dropHiddenTrees(doc);
+  if (o.stripAttributes) stripAttributesAndSanitize(doc, o.stripAttributes);
+  if (o.dropComments) dropHtmlComments(doc);
+  if (o.replaceBrInHeadings) replaceBrsInHeadings(doc);
+  if (o.limitLists >= 0) limitListsAndRows(doc, o.limitLists);
+  if (o.dropUtilityClasses) stripUtilityClasses(doc);
+  if (o.normalizeWhitespace) normalizeWhitespace(doc.body);
+  return doc.body.innerHTML;
+}
+function hasHiddenAncestor(el) {
+  let p = el.parentElement;
+  while (p) {
+    if (p.hasAttribute("hidden") || p.hasAttribute("inert") || p.getAttribute("aria-hidden") === "true") return true;
+    const style = p.getAttribute("style") || "";
+    if (/\bdisplay\s*:\s*none\b/i.test(style)) return true;
+    if (/\bvisibility\s*:\s*hidden\b/i.test(style)) return true;
+    if (/\bopacity\s*:\s*0(?:\D|$)/i.test(style)) return true;
+    p = p.parentElement;
+  }
+  return false;
+}
+function normalizeWhitespace(root) {
+  const preLike = /* @__PURE__ */ new Set(["PRE", "CODE", "SAMP", "KBD"]);
+  const doc = root.ownerDocument;
+  const walker = doc.createTreeWalker(
+    root,
+    4
+    /*NodeFilter.SHOW_TEXT*/
+  );
+  const changes = [];
+  let node;
+  while (node = walker.nextNode()) {
+    const text = node;
+    const parent = text.parentElement;
+    if (!parent) continue;
+    if (preLike.has(parent.tagName)) continue;
+    const v = text.nodeValue ?? "";
+    const collapsed = v.replace(/\s+/g, " ");
+    if (collapsed !== v) changes.push(text);
+  }
+  for (const t of changes) {
+    const parent = t.parentElement;
+    const isBlockish = /^(P|LI|DIV|SECTION|ARTICLE|ASIDE|HEADER|FOOTER|MAIN|NAV|H[1-6]|BLOCKQUOTE|FIGCAPTION|TD|TH)$/i.test(parent.tagName);
+    t.nodeValue = (t.nodeValue || "").replace(/\s+/g, " ");
+    if (isBlockish) t.nodeValue = (t.nodeValue || "").trim();
+  }
+}
+function pickMain(doc) {
+  const main = doc.querySelector("main");
+  if (!main) return false;
+  const clone = main.cloneNode(true);
+  doc.body.innerHTML = "";
+  doc.body.appendChild(clone);
+  return true;
+}
+function dropInfraAndSvg(doc, dropSvg) {
+  const toDrop = [...ALWAYS_DROP, dropSvg ? "svg" : ""].filter(Boolean).join(",");
+  if (!toDrop) return;
+  doc.querySelectorAll(toDrop).forEach((el) => el.remove());
+}
+function dropHiddenTrees(doc) {
+  doc.querySelectorAll(HIDDEN_SELECTORS).forEach((el) => el.remove());
+  const all = [...doc.body.querySelectorAll("*")];
+  for (const el of all) {
+    if (!el.isConnected) continue;
+    if (hasHiddenAncestor(el)) el.remove();
+  }
+}
+function stripAttributesAndSanitize(doc, level) {
+  if (!level) return;
+  const all = [...doc.body.querySelectorAll("*")];
+  for (const el of all) {
+    const isSvg = el.namespaceURI === "http://www.w3.org/2000/svg";
+    for (const { name } of [...el.attributes]) {
+      const lower = name.toLowerCase();
+      if (lower.startsWith("on")) {
+        el.removeAttribute(name);
+        continue;
+      }
+      if (lower === "style") {
+        el.removeAttribute(name);
+        continue;
+      }
+      if (isSvg) continue;
+      const allowed = level === 1 ? ALLOWED_ATTRS : ALLOWED_ATTRS_AGGRESSIVE;
+      if (!allowed.match.has(lower) && !allowed.regexp?.test(name)) {
+        el.removeAttribute(name);
+      }
+    }
+  }
+  doc.querySelectorAll("a[href]").forEach((a) => {
+    const href = a.getAttribute("href") || "";
+    if (/^\s*javascript:/i.test(href)) a.removeAttribute("href");
+  });
+}
+function dropHtmlComments(doc) {
+  const nf = doc.defaultView?.NodeFilter;
+  const SHOW_COMMENT = nf?.SHOW_COMMENT ?? 128;
+  const walker = doc.createTreeWalker(doc, SHOW_COMMENT);
+  const toRemove = [];
+  let n;
+  while (n = walker.nextNode()) toRemove.push(n);
+  toRemove.forEach((c) => c.parentNode?.removeChild(c));
+}
+function replaceBrsInHeadings(doc) {
+  doc.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach((h) => {
+    h.querySelectorAll("br").forEach((br) => {
+      const space = doc.createTextNode(" ");
+      br.replaceWith(space);
+    });
+  });
+}
+var UTILITY_VARIANT_RE = /:/;
+var UTILITY_PREFIX_RE = /^-?(?:p[xytblrse]?|m[xytblrse]?|gap|space-[xy]|w|h|min-w|min-h|max-w|max-h|size|basis|inset|top|right|bottom|left|start|end|z|text|bg|border|ring|shadow|outline|fill|stroke|divide|accent|caret|from|via|to|decoration|font|leading|tracking|indent|line-clamp|columns|aspect|object|opacity|rotate|scale|translate|skew|transition|duration|ease|delay|animate|rounded|overflow|overscroll|scroll|snap|touch|cursor|pointer-events|select|resize|flex|grid|col|row|order|auto-cols|auto-rows|items|justify|content|self|place|float|clear|list|whitespace|break|hyphens|mix-blend|bg-blend|backdrop|d|g|fs|fw|lh|align|position)-/i;
+var UTILITY_STANDALONE = /* @__PURE__ */ new Set([
+  "flex",
+  "grid",
+  "block",
+  "hidden",
+  "inline",
+  "inline-block",
+  "inline-flex",
+  "inline-grid",
+  "contents",
+  "flow-root",
+  "list-item",
+  "table",
+  "container",
+  "truncate",
+  "grow",
+  "shrink",
+  "static",
+  "relative",
+  "absolute",
+  "fixed",
+  "sticky",
+  "visible",
+  "invisible",
+  "collapse",
+  "isolate",
+  "underline",
+  "overline",
+  "line-through",
+  "no-underline",
+  "uppercase",
+  "lowercase",
+  "capitalize",
+  "normal-case",
+  "italic",
+  "not-italic",
+  "antialiased",
+  "subpixel-antialiased",
+  "sr-only",
+  "not-sr-only",
+  "clearfix",
+  "row",
+  "col"
+]);
+function isUtilityClass(token) {
+  if (UTILITY_VARIANT_RE.test(token)) return true;
+  const base = token.startsWith("-") ? token.slice(1) : token;
+  if (UTILITY_STANDALONE.has(base)) return true;
+  return UTILITY_PREFIX_RE.test(token);
+}
+function stripUtilityClasses(doc) {
+  for (const el of doc.body.querySelectorAll("[class]")) {
+    const kept = el.className.split(/\s+/).filter((t) => t && !isUtilityClass(t));
+    if (kept.length === 0) el.removeAttribute("class");
+    else el.className = kept.join(" ");
+  }
+}
+function limitListsAndRows(doc, limit) {
+  doc.querySelectorAll("ul, ol").forEach((list) => {
+    const items = Array.from(list.children).filter((c) => c.tagName === "LI");
+    for (let i = limit; i < items.length; i++) items[i].remove();
+  });
+  const rowContainers = doc.querySelectorAll("table, thead, tbody, tfoot");
+  rowContainers.forEach((container) => {
+    const rows = Array.from(container.children).filter((c) => c.tagName === "TR");
+    for (let i = limit; i < rows.length; i++) rows[i].remove();
+  });
+}
+
 // src/snapshot.ts
-async function snapshot(page) {
+async function snapshot(page, opts = {}) {
   await sleep(500);
   await waitForDomIdle(page);
   const [url, html, file] = await Promise.all([page.url(), getContentWithMarkedHidden(page), screenshot(page)]);
-  return { url, html, screenshot: file };
+  const finalHtml = opts.dropUtilityClasses ? await realScrubHtml({ html, url }, {
+    dropHidden: false,
+    dropHead: false,
+    dropSvg: false,
+    pickMain: false,
+    stripAttributes: 0,
+    normalizeWhitespace: false,
+    dropComments: false,
+    replaceBrInHeadings: false,
+    limitLists: -1,
+    dropUtilityClasses: true
+  }) : html;
+  return { url, html: finalHtml, screenshot: file };
 }
 async function getContentWithMarkedHidden(page) {
   try {
@@ -2934,8 +3344,12 @@ async function tryClick(page, selectors, _label) {
   return false;
 }
 async function closeNativeJsAlerts(page) {
-  page.on("dialog", (d) => d.accept().catch(() => {
-  }));
+  page.on(
+    "dialog",
+    /* v8 ignore next */
+    (d) => d.accept().catch(() => {
+    })
+  );
 }
 async function sweepKnownCMPs(page, preferReject) {
   for (const cmp of knownCMPSelectors) {
@@ -3014,6 +3428,7 @@ async function sweepOverlays(page, regex) {
   const acceptRxSource = regex.accept.source;
   const acceptRxFlags = regex.accept.flags;
   return await page.evaluate(
+    /* v8 ignore start */
     ([source, flags]) => {
       const acceptRx = new RegExp(source, flags);
       const isBig = (el) => {
@@ -3029,7 +3444,7 @@ async function sweepOverlays(page, regex) {
       }).slice(0, 5);
       for (const el of candidates) {
         const btn = el.querySelector(
-          '[aria-label*="close" i], button[aria-label*="close" i], button:has(svg), .close, [data-close], .btn-close'
+          "[aria-label*=\u201Dclose\u201D i], button[aria-label*=\u201Dclose\u201D i], button:has(svg), .close, [data-close], .btn-close"
         );
         if (btn) {
           btn.click();
@@ -3054,8 +3469,12 @@ async function sweepOverlays(page, regex) {
       }
       return false;
     },
+    /* v8 ignore stop */
     [acceptRxSource, acceptRxFlags]
-  ).catch(() => false);
+  ).catch(
+    /* v8 ignore next */
+    () => false
+  );
 }
 async function suppressInterferences(page, opts = {}) {
   const timeoutMs = opts.timeoutMs ?? 4e3;
@@ -3096,258 +3515,17 @@ async function suppressInterferences(page, opts = {}) {
     await sleep(pollIntervalMs);
   }
 }
-
-// src/utils/type-check.ts
-function isPage(page) {
-  return typeof page.content === "function" && typeof page.url === "function" && typeof page.screenshot === "function";
-}
-
-// src/scrub-html.ts
-var HTML_MIN_ATTR_THRESHOLD = 25e4;
-var HTML_LIMIT_LISTS_THRESHOLD = 4e5;
-var HTML_MAIN_ONLY_THRESHOLD = 6e5;
-function getDefaults(contentLength) {
-  return {
-    dropHidden: true,
-    dropHead: true,
-    dropSvg: false,
-    pickMain: contentLength >= HTML_MAIN_ONLY_THRESHOLD,
-    stripAttributes: contentLength >= HTML_MIN_ATTR_THRESHOLD ? 2 : 1,
-    normalizeWhitespace: true,
-    dropComments: true,
-    replaceBrInHeadings: true,
-    limitLists: contentLength >= HTML_LIMIT_LISTS_THRESHOLD ? 20 : -1
-  };
-}
-var ALLOWED_ATTRS = {
-  match: /* @__PURE__ */ new Set([
-    // identity/semantics
-    "id",
-    "class",
-    "role",
-    // internationalization
-    "lang",
-    "dir",
-    // anchors & media
-    "href",
-    "title",
-    "target",
-    "rel",
-    "src",
-    "alt",
-    "width",
-    "height",
-    "loading",
-    // tables
-    "scope",
-    "headers",
-    "colspan",
-    "rowspan",
-    // forms (pure semantics—doesn’t change structure)
-    "name",
-    "value",
-    "type",
-    "for",
-    "placeholder",
-    "checked",
-    "selected",
-    "multiple",
-    "method",
-    "action",
-    // time, figure, etc.
-    "datetime"
-  ]),
-  regexp: /^aria-[\w-]+|^data-[\w-]+$/i
-  // ARIA attributes & data-* attributes
-};
-var ALLOWED_ATTRS_AGGRESSIVE = {
-  match: /* @__PURE__ */ new Set([
-    // structuur / algemene selectors
-    "id",
-    "class",
-    "role",
-    // links / media
-    "href",
-    "src",
-    "alt",
-    "title",
-    // tables
-    "scope",
-    // forms / velden
-    "name",
-    "type",
-    "for",
-    "placeholder",
-    "value",
-    "checked",
-    "selected",
-    // ARIA voor Playwright getByRole/getByLabel
-    "aria-label",
-    "aria-labelledby",
-    "aria-describedby",
-    // veelgebruikte test selectors
-    "data-testid",
-    "data-test-id",
-    "data-cy",
-    "data-qa"
-  ]),
-  regexp: null
-};
-var HIDDEN_SELECTORS = [
-  "[hidden]",
-  "[inert]",
-  '[aria-hidden="true"]',
-  '[style*="display:none"]',
-  '[style*="visibility:hidden"]',
-  '[style*="opacity:0"]'
-].join(",");
-var ALWAYS_DROP = [
-  "script",
-  "style",
-  "template",
-  "noscript",
-  "slot",
-  "object",
-  "embed"
-];
-async function scrubHtml(page, opts = {}) {
-  if (isPage(page)) page = { html: await page.content(), url: page.url() };
-  return await memoizedScrubHtml(page, opts);
-}
-var memoizedScrubHtml = memoize(realScrubHtml, {
-  max: 16,
-  ttl: 10 * 6e4,
-  cacheKey: (args) => stringify({ html: args[0].html, url: args[0].url, ...args[1] })
-});
-async function realScrubHtml({ html, url }, opts = {}) {
-  const o = { ...getDefaults(html.length), ...opts };
-  const dom = new JSDOM(html, { url });
-  const doc = dom.window.document;
-  if (o.pickMain) pickMain(doc);
-  dropInfraAndSvg(doc, !!o.dropSvg);
-  if (o.dropHidden) dropHiddenTrees(doc);
-  if (o.stripAttributes) stripAttributesAndSanitize(doc, o.stripAttributes);
-  if (o.dropComments) dropHtmlComments(doc);
-  if (o.replaceBrInHeadings) replaceBrsInHeadings(doc);
-  if (o.limitLists >= 0) limitListsAndRows(doc, o.limitLists);
-  if (o.normalizeWhitespace) normalizeWhitespace(doc.body);
-  return doc.body.innerHTML;
-}
-function hasHiddenAncestor(el) {
-  let p = el.parentElement;
-  while (p) {
-    if (p.hasAttribute("hidden") || p.hasAttribute("inert") || p.getAttribute("aria-hidden") === "true") return true;
-    const style = p.getAttribute("style") || "";
-    if (/\bdisplay\s*:\s*none\b/i.test(style)) return true;
-    if (/\bvisibility\s*:\s*hidden\b/i.test(style)) return true;
-    if (/\bopacity\s*:\s*0(?:\D|$)/i.test(style)) return true;
-    p = p.parentElement;
-  }
-  return false;
-}
-function normalizeWhitespace(root) {
-  const preLike = /* @__PURE__ */ new Set(["PRE", "CODE", "SAMP", "KBD"]);
-  const doc = root.ownerDocument;
-  const walker = doc.createTreeWalker(
-    root,
-    4
-    /*NodeFilter.SHOW_TEXT*/
-  );
-  const changes = [];
-  let node;
-  while (node = walker.nextNode()) {
-    const text = node;
-    const parent = text.parentElement;
-    if (!parent) continue;
-    if (preLike.has(parent.tagName)) continue;
-    const v = text.nodeValue ?? "";
-    const collapsed = v.replace(/\s+/g, " ");
-    if (collapsed !== v) changes.push(text);
-  }
-  for (const t of changes) {
-    const parent = t.parentElement;
-    const isBlockish = /^(P|LI|DIV|SECTION|ARTICLE|ASIDE|HEADER|FOOTER|MAIN|NAV|H[1-6]|BLOCKQUOTE|FIGCAPTION|TD|TH)$/i.test(parent.tagName);
-    t.nodeValue = (t.nodeValue || "").replace(/\s+/g, " ");
-    if (isBlockish) t.nodeValue = (t.nodeValue || "").trim();
-  }
-}
-function pickMain(doc) {
-  const main = doc.querySelector("main");
-  if (!main) return false;
-  const clone = main.cloneNode(true);
-  doc.body.innerHTML = "";
-  doc.body.appendChild(clone);
-  return true;
-}
-function dropInfraAndSvg(doc, dropSvg) {
-  const toDrop = [...ALWAYS_DROP, dropSvg ? "svg" : ""].filter(Boolean).join(",");
-  if (!toDrop) return;
-  doc.querySelectorAll(toDrop).forEach((el) => el.remove());
-}
-function dropHiddenTrees(doc) {
-  doc.querySelectorAll(HIDDEN_SELECTORS).forEach((el) => el.remove());
-  const all = [...doc.body.querySelectorAll("*")];
-  for (const el of all) {
-    if (!el.isConnected) continue;
-    if (hasHiddenAncestor(el)) el.remove();
-  }
-}
-function stripAttributesAndSanitize(doc, level) {
-  if (!level) return;
-  const all = [...doc.body.querySelectorAll("*")];
-  for (const el of all) {
-    const isSvg = el.namespaceURI === "http://www.w3.org/2000/svg";
-    for (const { name } of [...el.attributes]) {
-      const lower = name.toLowerCase();
-      if (lower.startsWith("on")) {
-        el.removeAttribute(name);
-        continue;
-      }
-      if (lower === "style") {
-        el.removeAttribute(name);
-        continue;
-      }
-      if (isSvg) continue;
-      const allowed = level === 1 ? ALLOWED_ATTRS : ALLOWED_ATTRS_AGGRESSIVE;
-      if (!allowed.match.has(lower) && !allowed.regexp?.test(name)) {
-        el.removeAttribute(name);
-      }
-    }
-  }
-  doc.querySelectorAll("a[href]").forEach((a) => {
-    const href = a.getAttribute("href") || "";
-    if (/^\s*javascript:/i.test(href)) a.removeAttribute("href");
-  });
-}
-function dropHtmlComments(doc) {
-  const nf = doc.defaultView?.NodeFilter;
-  const SHOW_COMMENT = nf?.SHOW_COMMENT ?? 128;
-  const walker = doc.createTreeWalker(doc, SHOW_COMMENT);
-  const toRemove = [];
-  let n;
-  while (n = walker.nextNode()) toRemove.push(n);
-  toRemove.forEach((c) => c.parentNode?.removeChild(c));
-}
-function replaceBrsInHeadings(doc) {
-  doc.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach((h) => {
-    h.querySelectorAll("br").forEach((br) => {
-      const space = doc.createTextNode(" ");
-      br.replaceWith(space);
-    });
-  });
+async function format(rawHtml, url) {
+  const html = await scrubHtml({ html: rawHtml, url });
+  return await formatHtml(html);
 }
-function limitListsAndRows(doc, limit) {
-  doc.querySelectorAll("ul, ol").forEach((list) => {
-    const items = Array.from(list.children).filter((c) => c.tagName === "LI");
-    for (let i = limit; i < items.length; i++) items[i].remove();
-  });
-  const rowContainers = doc.querySelectorAll("table, thead, tbody, tfoot");
-  rowContainers.forEach((container) => {
-    const rows = Array.from(container.children).filter((c) => c.tagName === "TR");
-    for (let i = limit; i < rows.length; i++) rows[i].remove();
-  });
+async function unifiedHtmlDiff(old, current) {
+  if (isPage(old)) old = { html: await old.content(), url: old.url() };
+  if (isPage(current)) current = { html: await current.content(), url: current.url() };
+  const [a, b] = await Promise.all([format(old.html, old.url), format(current.html, current.url)]);
+  return Diff.createTwoFilesPatch("before.html", "after.html", a, b);
 }
 
-export { browse, createDateEngine, createFieldEngine, formatDate, formatDateForInput, formatHtml, fuzzyLocator, getMonthNames, realScrubHtml, screenshot, screenshotElement, scrollToCenter, scrubHtml, setFieldValue, snapshot, suppressInterferences, waitAfterInteraction, waitForAnimationsToFinish, waitForDomIdle, waitForIdle, waitForMeta, waitForUrlChange, waitUntilEnabled };
+export { browse, createDateEngine, createFieldEngine, formatDate, formatDateForInput, formatHtml, fuzzyLocator, getMonthNames, realScrubHtml, screenshot, screenshotElement, scrollToCenter, scrubHtml, setFieldValue, snapshot, suppressInterferences, unifiedHtmlDiff, waitAfterInteraction, waitForAnimationsToFinish, waitForDomIdle, waitForIdle, waitForMeta, waitForUrlChange, waitUntilEnabled };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map