@piwitests/reporter 0.60.0 → 0.61.0

package/dist/internal/capture/capture-fixtures.js

@@ -1678,7 +1678,7 @@ var TEST_DATA_ATTRS = /* @__PURE__ */ new Set(["data-test", "data-test-id", "dat
 function generateAlternatives(attrs, options = {}) {
   const alts = [];
   const seen = /* @__PURE__ */ new Set();
-  const add = (loc) => {
+  const add2 = (loc) => {
     if (!seen.has(loc.locator)) {
       seen.add(loc.locator);
       alts.push(loc);
@@ -1695,7 +1695,7 @@ function generateAlternatives(attrs, options = {}) {
   const selectable = (name2) => name2.toLowerCase() !== testIdAttribute.toLowerCase();
   const testId = attr(attrs, testIdAttribute);
   if (testId && isUnique(counts?.testId)) {
-    add({
+    add2({
       locator: `getByTestId(${quoteJsString(testId)})`,
       method: "getByTestId",
       args: { testId },
@@ -1706,7 +1706,7 @@ function generateAlternatives(attrs, options = {}) {
   const levelPart = level != null ? `, level: ${level}` : "";
   const withLevel = (base) => level != null ? { ...base, level } : base;
   if (role && accessibleName) {
-    add({
+    add2({
       locator: `getByRole(${quoteJsString(role)}, { name: ${quoteJsString(accessibleName)}${levelPart} })`,
       method: "getByRole",
       args: withLevel({ role, name: accessibleName }),
@@ -1715,7 +1715,7 @@ function generateAlternatives(attrs, options = {}) {
   }
   const ariaLabel = attr(attrs, "aria-label");
   if (role && ariaLabel && ariaLabel !== accessibleName) {
-    add({
+    add2({
       locator: `getByRole(${quoteJsString(role)}, { name: ${quoteJsString(ariaLabel)}${levelPart} })`,
       method: "getByRole",
       args: withLevel({ role, name: ariaLabel }),
@@ -1726,7 +1726,7 @@ function generateAlternatives(attrs, options = {}) {
     const label = attr(attrs, "aria-label");
     const labelBacked = attrs.hasLabel === void 0 ? true : attrs.hasLabel === true || label === accessibleName;
     if (labelBacked) {
-      add({
+      add2({
         locator: `getByLabel(${quoteJsString(accessibleName)})`,
         method: "getByLabel",
         args: { label: accessibleName },
@@ -1736,7 +1736,7 @@ function generateAlternatives(attrs, options = {}) {
   }
   const placeholder = attr(attrs, "placeholder");
   if (placeholder) {
-    add({
+    add2({
       locator: `getByPlaceholder(${quoteJsString(placeholder)})`,
       method: "getByPlaceholder",
       args: { placeholder },
@@ -1744,7 +1744,7 @@ function generateAlternatives(attrs, options = {}) {
     });
   }
   if (text && text.length < 80) {
-    add({
+    add2({
       locator: `getByText(${quoteJsString(text)})`,
       method: "getByText",
       args: { text },
@@ -1754,7 +1754,7 @@ function generateAlternatives(attrs, options = {}) {
   const id = attr(attrs, "id");
   if (id && selectable("id") && !isAutoGenerated(id) && isUnique(counts?.id)) {
     const selector = isCssSafeId(id) ? `#${id}` : `[id="${escCssAttrValue(id)}"]`;
-    add({
+    add2({
       locator: `locator(${quoteJsString(selector)})`,
       method: "locator",
       args: { selector },
@@ -1764,7 +1764,7 @@ function generateAlternatives(attrs, options = {}) {
   const name = attr(attrs, "name");
   if (name && selectable("name") && isUnique(counts?.name)) {
     const selector = `[name="${escCssAttrValue(name)}"]`;
-    add({
+    add2({
       locator: `locator(${quoteJsString(selector)})`,
       method: "locator",
       args: { selector },
@@ -1773,7 +1773,7 @@ function generateAlternatives(attrs, options = {}) {
   }
   const alt = attr(attrs, "alt");
   if (alt) {
-    add({
+    add2({
       locator: `getByAltText(${quoteJsString(alt)})`,
       method: "getByAltText",
       args: { text: alt },
@@ -1782,7 +1782,7 @@ function generateAlternatives(attrs, options = {}) {
   }
   const title = attr(attrs, "title");
   if (title) {
-    add({
+    add2({
       locator: `getByTitle(${quoteJsString(title)})`,
       method: "getByTitle",
       args: { title },
@@ -1800,7 +1800,7 @@ function generateAlternatives(attrs, options = {}) {
       if (scopedCount(anc) !== 1) continue;
       if (!testIdAnchorDone && anc.testId && anc.testIdCount === 1) {
         testIdAnchorDone = true;
-        add({
+        add2({
           locator: `getByTestId(${quoteJsString(anc.testId)}).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorTestId: anc.testId },
@@ -1810,7 +1810,7 @@ function generateAlternatives(attrs, options = {}) {
       if (!idAnchorDone && anc.id && selectable("id") && !isAutoGenerated(anc.id) && anc.idCount === 1) {
         idAnchorDone = true;
         const anchorSelector = isCssSafeId(anc.id) ? `#${anc.id}` : `[id="${escCssAttrValue(anc.id)}"]`;
-        add({
+        add2({
           locator: `locator(${quoteJsString(anchorSelector)}).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorSelector },
@@ -1821,7 +1821,7 @@ function generateAlternatives(attrs, options = {}) {
         dataAnchorDone = true;
         const { name: name2, value } = anc.dataAttr;
         const anchorSelector = `[${name2}="${escCssAttrValue(value)}"]`;
-        add({
+        add2({
           locator: `locator(${quoteJsString(anchorSelector)}).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorSelector },
@@ -1831,7 +1831,7 @@ function generateAlternatives(attrs, options = {}) {
       const ancestorRole = anc.role || TAG_TO_ROLE[anc.tag] || null;
       if (!roleAnchorDone && ancestorRole && ancestorRole !== leaf.role && anc.roleCount === 1) {
         roleAnchorDone = true;
-        add({
+        add2({
           locator: `getByRole(${quoteJsString(ancestorRole)}).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorRole: ancestorRole },
@@ -1840,7 +1840,7 @@ function generateAlternatives(attrs, options = {}) {
       }
       if (!filterAnchorDone && ancestorRole && anc.filterText && anc.filterRoleCount === 1) {
         filterAnchorDone = true;
-        add({
+        add2({
           locator: `getByRole(${quoteJsString(ancestorRole)}).filter({ hasText: ${quoteJsString(anc.filterText)} }).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorRole: ancestorRole, anchorHasText: anc.filterText },
@@ -1859,7 +1859,7 @@ function generateAlternatives(attrs, options = {}) {
     );
     const pos = attrs.rolePosition;
     if (pos && pos.role === role && (pos.count === 1 || level != null && pos.levelCount === 1)) {
-      add({
+      add2({
         locator: `getByRole(${rolePart})`,
         method: "getByRole",
         args: leafArgs,
@@ -1878,7 +1878,7 @@ function generateAlternatives(attrs, options = {}) {
     const countsClasses = counts?.classes;
     const classes = clsStr.split(/\s+/).filter((c) => c.length > 1 && /^[A-Za-z_-][A-Za-z0-9_-]*$/.test(c) && isUnique(countsClasses?.[c])).map((cls) => ({ cls, score: classifyCssStability(cls) })).sort((a, b) => b.score - a.score).slice(0, 3);
     for (const { cls, score } of classes) {
-      add({
+      add2({
         locator: `locator(${quoteJsString(`.${cls}`)})`,
         method: "locator",
         args: { selector: `.${cls}` },
@@ -1935,7 +1935,7 @@ function generateAnchoredAlternatives(leaf, anchors, chainLeafCount) {
   const seen = /* @__PURE__ */ new Set();
   const rolePart = leaf.level != null ? `${quoteJsString(leaf.role)}, { level: ${leaf.level} }` : quoteJsString(leaf.role);
   const leafArgs = leaf.level != null ? { role: leaf.role, level: leaf.level } : { role: leaf.role };
-  const add = (l) => {
+  const add2 = (l) => {
     if (!seen.has(l.locator)) {
       seen.add(l.locator);
       out.push(l);
@@ -1945,7 +1945,7 @@ function generateAnchoredAlternatives(leaf, anchors, chainLeafCount) {
     if (anchor.scopedLeafCount !== 1) continue;
     const seg = anchorSegment(anchor);
     if (!seg) continue;
-    add({
+    add2({
       locator: `${seg.code}.getByRole(${rolePart})`,
       method: "getByRole",
       args: { ...leafArgs, ...seg.flatArgs },
@@ -1958,7 +1958,7 @@ function generateAnchoredAlternatives(leaf, anchors, chainLeafCount) {
     if (segments.every((s) => s !== null)) {
       const innermost = segments[segments.length - 1];
       const score = Math.min(...segments.map((s) => ANCHOR_KIND_SCORES[s.kind]));
-      add({
+      add2({
         locator: `${segments.map((s) => s.code).join(".")}.getByRole(${rolePart})`,
         method: "getByRole",
         // Flat args describe the innermost anchor (what the healing fingerprint
@@ -2401,6 +2401,8 @@ var ATTACHMENT_NAMES = {
   codeReach: "piwi-code-reach",
   browserCoverage: "piwi-browser-coverage",
   browserFunctions: "piwi-browser-functions",
+  cssCoverage: "piwi-css-coverage",
+  cssRules: "piwi-css-rules",
   serverCoverageRequests: "piwi-server-coverage-requests",
   webVitals: "piwi-web-vitals",
   locatorSuggestion: "piwi-locator-suggestion",
@@ -2718,6 +2720,7 @@ var PIWI_ENV_KEYS = {
   codeReachRoots: "PIWI_CODE_REACH_ROOTS",
   coverageBrowser: "PIWI_COVERAGE_BROWSER",
   coverageServer: "PIWI_COVERAGE_SERVER",
+  coverageCss: "PIWI_COVERAGE_CSS",
   externalIdPattern: "PIWI_EXTERNAL_ID_PATTERN",
   externalIdOnDuplicate: "PIWI_EXTERNAL_ID_ON_DUPLICATE",
   captureServerTraces: "PIWI_CAPTURE_SERVER_TRACES",
@@ -3807,10 +3810,10 @@ function joinRoot(root, source) {
 function decodeLines(raw) {
   const sources = [];
   const decoded = [];
-  const add = (map, lineOffset, columnOffset) => {
+  const add2 = (map, lineOffset, columnOffset) => {
     if (map.sections) {
       for (const section of map.sections) {
-        if (!add(section.map, section.offset.line, section.offset.column)) return false;
+        if (!add2(section.map, section.offset.line, section.offset.column)) return false;
       }
       return true;
     }
@@ -3831,7 +3834,7 @@ function decodeLines(raw) {
     });
     return true;
   };
-  return add(raw, 0, 0) ? { sources, lines: decoded } : null;
+  return add2(raw, 0, 0) ? { sources, lines: decoded } : null;
 }
 function compactSegments(lines) {
   let total = 0;
@@ -4007,7 +4010,7 @@ function functionLines(entry, map, text, all) {
   const read = textOf(entry, text);
   const ranges = executedFunctionRanges(entry, read?.length, all);
   if (!ranges.length || !read) return out;
-  const add = (source, range) => {
+  const add2 = (source, range) => {
     const list = out.get(source);
     if (list) list.push(range);
     else out.set(source, [range]);
@@ -4017,7 +4020,7 @@ function functionLines(entry, map, text, all) {
     const start = offsetToPosition(starts, range.start);
     if (!map) {
       const last = offsetToPosition(starts, Math.max(range.start, range.end - 1));
-      add(-1, [start.line + 1, last.line + 1]);
+      add2(-1, [start.line + 1, last.line + 1]);
       continue;
     }
     const at = map.originalAt(start.line, start.column);
@@ -4027,7 +4030,7 @@ function functionLines(entry, map, text, all) {
     if (first === null) continue;
     const header = first === at.line || first === at.line + 1 ? at.line : first;
     const lines = map.originalLinesBetween(at.source, start, end, header);
-    if (lines) add(at.source, [header + 1, lines[1] + 1]);
+    if (lines) add2(at.source, [header + 1, lines[1] + 1]);
   }
   return out;
 }
@@ -4934,6 +4937,9 @@ var SERVER_VALUES = /* @__PURE__ */ new Set(["files", "functions", "lines"]);
 function isServerGranularity(value) {
   return typeof value === "string" && SERVER_VALUES.has(value);
 }
+function cssCoverageInWorker() {
+  return process.env[PIWI_ENV_KEYS.coverageCss] === "rules";
+}
 function browserCoverageInWorker() {
   const browser = process.env[PIWI_ENV_KEYS.coverageBrowser];
   return process.env[PIWI_ENV_KEYS.captureCodeReach] === "true" || browser === "files" || browser === "functions";
@@ -5215,7 +5221,7 @@ async function resolveFunctions(entries, roots, fetchMap, pageUrl, withKnown) {
     if (listed) listed.push(...functions);
     else into.set(path15, [...functions]);
   };
-  const add = (file, functions) => addTo(files, file, functions);
+  const add2 = (file, functions) => addTo(files, file, functions);
   const bases = viteBases(entries);
   const scripts = entries.filter((entry) => entry.url && entry.functions?.length && !REPLAYED_SCRIPT.test(entry.url));
   const cached = scripts.map((entry) => scriptCache.get(entry.url, scriptVersion(entry)));
@@ -5242,14 +5248,14 @@ async function resolveFunctions(entries, roots, fetchMap, pageUrl, withKnown) {
       const text = textOf2(covered, resolution);
       if (resolution.lookup) {
         const reached = reachedFunctionLines(covered, resolution.lookup, text);
-        if (reached.size > 0) add(resolution.file, [...reached.values()].flat());
+        if (reached.size > 0) add2(resolution.file, [...reached.values()].flat());
       } else if (scriptRan(covered, text)) {
-        add(resolution.file, reachedFunctionLines(covered, null, text).get(-1) ?? []);
+        add2(resolution.file, reachedFunctionLines(covered, null, text).get(-1) ?? []);
       }
     } else if (resolution.kind === "map") {
       for (const [index, functions] of reachedFunctionLines(covered, resolution.lookup, textOf2(covered, resolution))) {
         const file = mapFile(resolution, index);
-        if (file) add(file, functions);
+        if (file) add2(file, functions);
       }
     }
     if (!withKnown || resolution.kind === "none") continue;
@@ -5328,10 +5334,13 @@ async function markCurrentDocument(page, cdp) {
 }
 function onPaused(page, capture, event) {
   const leaving = event.reason === "EventListener" && event.data?.eventName === "listener:beforeunload" && (event.callFrames?.[0]?.functionName ?? MARK_FUNCTION) === MARK_FUNCTION;
-  const read = leaving ? readCoverage(page, capture.cdp) : null;
+  const read = leaving ? Promise.all([
+    capture.js ? readCoverage(page, capture.cdp) : Promise.resolve([]),
+    capture.css ? readCssUsage(page, capture.cdp, capture.css) : Promise.resolve()
+  ]) : null;
   if (read) {
     const merging = read.then(
-      (coverage) => mergeCoverageRead(capture.ran, capture.scripts, coverage, capture.keepIdle)
+      ([coverage]) => mergeCoverageRead(capture.ran, capture.scripts, coverage, capture.keepIdle)
     );
     capture.reading.add(merging);
     void merging.finally(() => capture.reading.delete(merging));
@@ -5345,7 +5354,7 @@ function versionKey(url, hash) {
   return `${hash} ${url}`;
 }
 function onScriptParsed(page, capture, event) {
-  if (!event.url || REPLAYED_SCRIPT.test(event.url)) return;
+  if (!capture.js || !event.url || REPLAYED_SCRIPT.test(event.url)) return;
   capture.scripts.set(event.scriptId, { url: event.url, hash: event.hash, pageUrl: capture.pageUrl });
   if (NEVER_REACHED.test(event.url)) return;
   const key = versionKey(event.url, event.hash);
@@ -5374,6 +5383,53 @@ function readCoverage(page, cdp) {
   );
   return Promise.race([taken, late]).finally(() => clearTimeout(timer));
 }
+function onStyleSheetAdded(page, cdp, css, pageUrl, header) {
+  if (header.isConstructed) return;
+  const sheet = {
+    sourceURL: header.sourceURL,
+    ...header.sourceMapURL ? { sourceMapURL: header.sourceMapURL } : {},
+    isInline: header.isInline,
+    startLine: header.startLine,
+    pageUrl,
+    used: /* @__PURE__ */ new Map()
+  };
+  css.sheets.set(header.styleSheetId, sheet);
+  const reading = (async () => {
+    try {
+      if (header.ownerNode !== void 0 && !/\.css(?:[?#]|$)/i.test(header.sourceURL)) {
+        const { node } = await internalCall(
+          page,
+          () => cdp.send("DOM.describeNode", { backendNodeId: header.ownerNode })
+        );
+        const attributes = node.attributes ?? [];
+        const at = attributes.indexOf("data-vite-dev-id");
+        if (at >= 0 && typeof attributes[at + 1] === "string") sheet.devId = attributes[at + 1];
+      }
+      if (/\/node_modules\//.test(sheet.devId ?? header.sourceURL)) return;
+      const { text } = await internalCall(
+        page,
+        () => cdp.send("CSS.getStyleSheetText", { styleSheetId: header.styleSheetId })
+      );
+      sheet.text = text;
+    } catch {
+    }
+  })();
+  css.reading.add(reading);
+  void reading.finally(() => css.reading.delete(reading));
+}
+async function readCssUsage(page, cdp, css) {
+  try {
+    const { coverage } = await internalCall(page, () => cdp.send("CSS.takeCoverageDelta"));
+    for (const rule of coverage) {
+      if (!rule.used) continue;
+      css.sheets.get(rule.styleSheetId)?.used.set(`${rule.startOffset}:${rule.endOffset}`, {
+        startOffset: rule.startOffset,
+        endOffset: rule.endOffset
+      });
+    }
+  } catch {
+  }
+}
 function mergeCoverageRead(ran, scripts, read, keepIdle = true) {
   for (const covered of read) {
     const script = scripts.get(covered.scriptId);
@@ -5408,11 +5464,15 @@ async function detach(page, cdp) {
 }
 async function startCodeReach(page) {
   if (!isChromiumPage(page) || captures.has(page)) return false;
+  const withCss = cssCoverageInWorker();
+  const js = browserCoverageInWorker() || !withCss;
   let cdp = null;
   try {
     cdp = await internalCall(page, () => page.context().newCDPSession(page));
     const capture = {
       cdp,
+      js,
+      css: withCss ? { sheets: /* @__PURE__ */ new Map(), reading: /* @__PURE__ */ new Set() } : null,
       scripts: /* @__PURE__ */ new Map(),
       sources: /* @__PURE__ */ new Map(),
       ran: /* @__PURE__ */ new Map(),
@@ -5422,6 +5482,9 @@ async function startCodeReach(page) {
     };
     const marks = marksOf(page);
     cdp.on("Debugger.scriptParsed", (event) => onScriptParsed(page, capture, event));
+    const css = capture.css;
+    if (css)
+      cdp.on("CSS.styleSheetAdded", (event) => onStyleSheetAdded(page, cdp, css, capture.pageUrl, event.header));
     cdp.on("Debugger.paused", (event) => onPaused(page, capture, event));
     cdp.on("Page.frameNavigated", (event) => {
       if (event.frame.parentId) return;
@@ -5432,8 +5495,17 @@ async function startCodeReach(page) {
       page,
       () => Promise.all([
         capture.cdp.send("Debugger.enable"),
-        capture.cdp.send("Profiler.enable"),
-        capture.cdp.send("Profiler.startPreciseCoverage", { callCount: false, detailed: false }),
+        ...js ? [
+          capture.cdp.send("Profiler.enable"),
+          capture.cdp.send("Profiler.startPreciseCoverage", { callCount: false, detailed: false })
+        ] : [],
+        // The style sheets' rule usage records nothing without the DOM and CSS domains. A failure there leaves the
+        // scripts' coverage running.
+        ...css ? [
+          capture.cdp.send("DOM.enable").then(() => capture.cdp.send("CSS.enable")).then(() => capture.cdp.send("CSS.startRuleUsageTracking")).catch(() => {
+            capture.css = null;
+          })
+        ] : [],
         capture.cdp.send("Page.enable"),
         capture.cdp.send("Page.addScriptToEvaluateOnNewDocument", { source: MARK_SOURCE, worldName: MARK_WORLD }),
         capture.cdp.send("DOMDebugger.setEventListenerBreakpoint", { eventName: "beforeunload" })
@@ -5448,17 +5520,28 @@ async function startCodeReach(page) {
   }
 }
 async function stopCodeReach(page) {
+  return (await stopPageCoverage(page)).scripts;
+}
+async function stopPageCoverage(page) {
   const capture = captures.get(page);
-  if (!capture) return null;
+  if (!capture) return { scripts: null, sheets: [] };
   captures.delete(page);
   const { cdp } = capture;
-  try {
+  const sheets = async () => {
+    if (!capture.css) return [];
+    await readCssUsage(page, cdp, capture.css);
+    await Promise.all(capture.css.reading);
+    await internalCall(page, () => cdp.send("CSS.stopRuleUsageTracking")).catch(() => {
+    });
+    return [...capture.css.sheets.values()].filter((sheet) => sheet.used.size > 0 || sheet.text !== void 0);
+  };
+  const scripts = async () => {
+    if (!capture.js) return null;
     const last = await internalCall(page, async () => {
       const taken = await cdp.send("Profiler.takePreciseCoverage");
       await cdp.send("Profiler.stopPreciseCoverage");
       return taken.result;
     });
-    await Promise.all(capture.reading);
     mergeCoverageRead(capture.ran, capture.scripts, last, capture.keepIdle);
     const entries = [];
     for (const [key, { script, functions }] of capture.ran) {
@@ -5468,15 +5551,279 @@ async function stopCodeReach(page) {
       entries.push(entry);
     }
     return entries;
-  } catch {
-    return null;
+  };
+  try {
+    await Promise.all(capture.reading);
+    const [read, styles] = await Promise.all([scripts().catch(() => null), sheets().catch(() => [])]);
+    return { scripts: read, sheets: styles };
   } finally {
     await detach(page, cdp);
   }
 }
 
+// src/internal/capture/css-coverage.ts
+var crypto3 = __toESM(require("crypto"));
+var fs9 = __toESM(require("fs"));
+
+// ../core/src/css-rules.ts
+var GROUPING = /* @__PURE__ */ new Set(["media", "supports", "layer", "container", "scope", "starting-style", "document"]);
+function parseCssRules(text) {
+  const rules = [];
+  const open = [];
+  let preludeStart = -1;
+  for (let i = 0; i < text.length; i++) {
+    const c = text[i];
+    if (c === "/" && text[i + 1] === "*") {
+      const end = text.indexOf("*/", i + 2);
+      i = end < 0 ? text.length : end + 1;
+      continue;
+    }
+    if (c === '"' || c === "'") {
+      if (preludeStart < 0) preludeStart = i;
+      for (i++; i < text.length && text[i] !== c && text[i] !== "\n"; i++) if (text[i] === "\\") i++;
+      continue;
+    }
+    if (c === "\\") {
+      if (preludeStart < 0) preludeStart = i;
+      i++;
+      continue;
+    }
+    if ((c === "u" || c === "U") && /^url\(/i.test(text.slice(i, i + 4)) && !/[\w-]/.test(text[i - 1] ?? "")) {
+      let j = i + 4;
+      while (j < text.length && /\s/.test(text[j])) j++;
+      if (text[j] !== '"' && text[j] !== "'") {
+        if (preludeStart < 0) preludeStart = i;
+        for (; j < text.length && text[j] !== ")"; j++) if (text[j] === "\\") j++;
+        i = j;
+        continue;
+      }
+    }
+    if (text.startsWith("<!--", i) || text.startsWith("-->", i)) {
+      i += text.startsWith("<!--", i) ? 3 : 2;
+      continue;
+    }
+    if (c === "{") {
+      const start = preludeStart < 0 ? i : preludeStart;
+      const atRule = /^@([\w-]+)/.exec(text.slice(start, i));
+      const parent = open[open.length - 1];
+      const kind = atRule ? GROUPING.has(atRule[1].toLowerCase()) ? "group" : "other" : parent?.kind === "other" ? "other" : "style";
+      open.push({ kind, start, open: i });
+      preludeStart = -1;
+      continue;
+    }
+    if (c === "}") {
+      const block = open.pop();
+      if (block && block.kind !== "other")
+        rules.push({ kind: block.kind, start: block.start, open: block.open, end: i + 1 });
+      preludeStart = -1;
+      continue;
+    }
+    if (c === ";") {
+      preludeStart = -1;
+      continue;
+    }
+    if (preludeStart < 0 && !/\s/.test(c)) preludeStart = i;
+  }
+  for (const block of open) {
+    if (block.kind !== "other")
+      rules.push({ kind: block.kind, start: block.start, open: block.open, end: text.length });
+  }
+  return rules.sort((a, b) => a.start - b.start);
+}
+function usedCssRules(rules, used) {
+  const styleAt = /* @__PURE__ */ new Map();
+  const groups = [];
+  for (const rule of rules) {
+    if (rule.kind === "style") styleAt.set(rule.start, rule);
+    else groups.push(rule);
+  }
+  const out = /* @__PURE__ */ new Map();
+  for (const range of used) {
+    const style = styleAt.get(range.startOffset);
+    if (style) {
+      out.set(`${style.start}`, [style.start, style.end]);
+      continue;
+    }
+    const group = groups.find((rule) => rule.start <= range.startOffset && range.startOffset <= rule.open);
+    if (group) out.set(`${group.start}`, [group.start, group.start + 1]);
+  }
+  return [...out.values()].sort((a, b) => a[0] - b[0]);
+}
+function allCssRules(rules) {
+  return rules.map((rule) => rule.kind === "style" ? [rule.start, rule.end] : [rule.start, rule.start + 1]);
+}
+function cssRuleLines(text, offsets, options = {}) {
+  const starts = lineStarts(text);
+  const lineOffset = options.lineOffset ?? 0;
+  const out = /* @__PURE__ */ new Map();
+  const add2 = (source, range) => {
+    const ranges = out.get(source);
+    if (ranges) ranges.push(range);
+    else out.set(source, [range]);
+  };
+  for (const [startOffset, endOffset] of offsets) {
+    const start = offsetToPosition(starts, startOffset);
+    const end = offsetToPosition(starts, Math.max(startOffset, endOffset - 1));
+    if (!options.lookup) {
+      add2(-1, [start.line + lineOffset + 1, end.line + lineOffset + 1]);
+      continue;
+    }
+    const first = options.lookup.originalAt(start.line, start.column);
+    if (!first) continue;
+    const last = options.lookup.originalAt(end.line, end.column);
+    const lastLine = last && last.source === first.source && last.line >= first.line ? last.line : first.line;
+    add2(first.source, [first.line + 1, lastLine + 1]);
+  }
+  return out;
+}
+
+// src/internal/capture/css-coverage.ts
+var STYLE_SOURCES = /\.(?:css|scss|sass|less|styl|stylus|pcss|postcss|vue|svelte|astro|html?)$/i;
+var BUILD_DIRS2 = /(?:^|\/)(?:dist|build|out|\.output|\.next|\.nuxt|\.svelte-kit)\//;
+var resolutions = /* @__PURE__ */ new Map();
+var MAX_CACHED_SHEETS = 2e3;
+function fileForStyleUrl(url, roots) {
+  let pathname;
+  try {
+    const parsed2 = new URL(url);
+    if (parsed2.protocol !== "http:" && parsed2.protocol !== "https:" && parsed2.protocol !== "file:") return null;
+    pathname = parsed2.pathname;
+  } catch {
+    return null;
+  }
+  return sourceFile(decodeURIComponent(pathname), roots);
+}
+function sourceFile(source, roots) {
+  const bare = source.replace(/[?#].*$/, "");
+  if (!STYLE_SOURCES.test(bare) || /(?:^|\/)node_modules\//.test(bare)) return null;
+  const file = resolveSourcePath(bare, roots);
+  if (!file || BUILD_DIRS2.test(file.replace(/\\/g, "/")) || /(?:^|[\\/])node_modules[\\/]/.test(file)) return null;
+  return file;
+}
+function styleBlockLine(file, index) {
+  let text;
+  try {
+    text = fs9.readFileSync(file, "utf-8");
+  } catch {
+    return 0;
+  }
+  const blocks = [...text.matchAll(/^<style\b[^>]*>/gim)];
+  const block = blocks[index];
+  if (!block) return 0;
+  return text.slice(0, block.index + block[0].length).split("\n").length - 1;
+}
+async function sheetMap(sheet, text, fetchMap) {
+  const ref = sourceMappingUrl(text) ?? sheet.sourceMapURL ?? null;
+  if (!ref) return null;
+  let raw;
+  if (ref.startsWith("data:")) raw = decodeDataUrl(ref);
+  else {
+    try {
+      raw = await fetchMap(new URL(ref, sheet.sourceURL).href);
+    } catch {
+      raw = null;
+    }
+  }
+  if (!raw) return null;
+  try {
+    return decodeSourceMap(JSON.parse(raw));
+  } catch {
+    return null;
+  }
+}
+function sameLines(text, rules, file, lineOffset) {
+  let source;
+  try {
+    source = fs9.readFileSync(file, "utf-8");
+  } catch {
+    return false;
+  }
+  const fileLines = source.split(/\r?\n/);
+  const sheetLineStarts = [0];
+  for (let i = 0; i < text.length; i++) if (text[i] === "\n") sheetLineStarts.push(i + 1);
+  let low = 0;
+  for (const rule of rules) {
+    while (low + 1 < sheetLineStarts.length && sheetLineStarts[low + 1] <= rule.start) low++;
+    const head = text.slice(rule.start, rule.open).split("\n")[0].trim();
+    if (head && !(fileLines[low + lineOffset] ?? "").includes(head)) return false;
+  }
+  return true;
+}
+async function resolveSheet(sheet, text, dirs, fetchMap) {
+  const lookup = await sheetMap(sheet, text, fetchMap);
+  const rules = parseCssRules(text);
+  if (lookup) {
+    const sources = lookup.sources.map((source) => {
+      const direct = sourceFile(source, dirs);
+      if (direct) return direct;
+      try {
+        return /^[a-z][\w+.-]*:/i.test(source) ? null : fileForStyleUrl(new URL(source, sheet.sourceURL).href, dirs);
+      } catch {
+        return null;
+      }
+    });
+    return { rules, lookup, file: null, lineOffset: 0, sources, exact: true };
+  }
+  if (sheet.devId) {
+    const file2 = sourceFile(sheet.devId, dirs);
+    if (!file2) return null;
+    const index = /[?&]index=(\d+)/.exec(sheet.devId);
+    const lineOffset2 = /\.(?:vue|svelte|astro)$/i.test(file2) && index ? styleBlockLine(file2, Number(index[1])) : 0;
+    return { rules, lookup: null, file: file2, lineOffset: lineOffset2, sources: [], exact: sameLines(text, rules, file2, lineOffset2) };
+  }
+  const file = fileForStyleUrl(sheet.sourceURL, dirs);
+  if (!file) return null;
+  const lineOffset = sheet.isInline ? sheet.startLine : 0;
+  return { rules, lookup: null, file, lineOffset, sources: [], exact: sameLines(text, rules, file, lineOffset) };
+}
+function cachedResolution(sheet, text, dirs, fetchMap) {
+  const version = crypto3.createHash("sha1").update(text).digest("hex");
+  const key = [sheet.devId ?? sheet.sourceURL, sheet.isInline ? sheet.startLine : "", dirs.join("\0"), version].join(
+    " "
+  );
+  let pending = resolutions.get(key);
+  if (!pending) {
+    pending = resolveSheet(sheet, text, dirs, fetchMap).catch(() => null);
+    resolutions.set(key, pending);
+    if (resolutions.size > MAX_CACHED_SHEETS) resolutions.delete(resolutions.keys().next().value);
+  }
+  return pending;
+}
+function add(into, file, ranges, repoRoot, fileLevel = false) {
+  if (ranges.length === 0 && !fileLevel) return;
+  const key = relativeToRepo(file, repoRoot);
+  into.set(key, [...into.get(key) ?? [], ...ranges]);
+}
+async function resolveCssCoverage(sheets, roots, fetchMap) {
+  const reached = /* @__PURE__ */ new Map();
+  const known = /* @__PURE__ */ new Map();
+  for (const sheet of sheets) {
+    if (sheet.text === void 0) continue;
+    const dirs = scriptRoots(roots, sheet.sourceURL, sheet.pageUrl);
+    const resolution = await cachedResolution(sheet, sheet.text, dirs, fetchMap);
+    if (!resolution) continue;
+    const used = usedCssRules(resolution.rules, [...sheet.used.values()]);
+    if (!resolution.exact) {
+      if (resolution.file && used.length > 0) add(reached, resolution.file, [], roots.repoRoot, true);
+      continue;
+    }
+    const options = { lookup: resolution.lookup, lineOffset: resolution.lineOffset };
+    const fileOf = (source) => source === -1 ? resolution.file : resolution.sources[source] ?? null;
+    const matched = cssRuleLines(sheet.text, used, options);
+    for (const [source, ranges] of matched) {
+      const file = fileOf(source);
+      if (file) add(reached, file, ranges, roots.repoRoot);
+    }
+    for (const [source, ranges] of cssRuleLines(sheet.text, allCssRules(resolution.rules), options)) {
+      const file = fileOf(source);
+      if (file) add(known, file, ranges, roots.repoRoot);
+    }
+  }
+  return { reached, known };
+}
+
 // src/internal/capture/resource-ledger.ts
-var fs10 = __toESM(require("fs"));
+var fs11 = __toESM(require("fs"));
 var path13 = __toESM(require("path"));
 var import_node_module2 = require("module");
 
@@ -5484,12 +5831,12 @@ var import_node_module2 = require("module");
 var import_node_perf_hooks = require("perf_hooks");
 
 // src/internal/support/system-readers.ts
-var fs9 = __toESM(require("fs"));
+var fs10 = __toESM(require("fs"));
 var path12 = __toESM(require("path"));
 var CLK_TCK = 100;
 function readText(file) {
   try {
-    return fs9.readFileSync(file, "utf8");
+    return fs10.readFileSync(file, "utf8");
   } catch {
     return null;
   }
@@ -5571,14 +5918,14 @@ var ProcFs = class {
   }
   /** Whether this looks like a Linux `/proc` at all. */
   available() {
-    return fs9.existsSync(path12.join(this.root, "stat"));
+    return fs10.existsSync(path12.join(this.root, "stat"));
   }
   /** Every process, keyed by pid. */
   table() {
     const out = /* @__PURE__ */ new Map();
     let names;
     try {
-      names = fs9.readdirSync(this.root);
+      names = fs10.readdirSync(this.root);
     } catch {
       return out;
     }
@@ -5609,7 +5956,7 @@ var ProcFs = class {
   /** Proportional set size: shared pages split between the processes sharing them, so a sum counts them once. */
   async pssKb(pid) {
     try {
-      return parseKbField(await fs9.promises.readFile(path12.join(this.root, String(pid), "smaps_rollup"), "utf8"), "Pss");
+      return parseKbField(await fs10.promises.readFile(path12.join(this.root, String(pid), "smaps_rollup"), "utf8"), "Pss");
     } catch {
       return null;
     }
@@ -5617,7 +5964,7 @@ var ProcFs = class {
   /** Reset a process's peak RSS (`VmHWM`) to its current RSS. */
   resetPeakRss(pid) {
     try {
-      fs9.writeFileSync(path12.join(this.root, String(pid), "clear_refs"), "5");
+      fs10.writeFileSync(path12.join(this.root, String(pid), "clear_refs"), "5");
       return true;
     } catch {
       return false;
@@ -5639,7 +5986,7 @@ var ProcFs = class {
   /** Open file descriptors of a process. */
   fdCount(pid) {
     try {
-      return fs9.readdirSync(path12.join(this.root, String(pid), "fd")).length;
+      return fs10.readdirSync(path12.join(this.root, String(pid), "fd")).length;
     } catch {
       return null;
     }
@@ -6018,7 +6365,7 @@ var ResourceLedger = class {
     const census = this.census(null);
     if (this.resultsFile) {
       try {
-        fs10.appendFileSync(this.resultsFile, `${JSON.stringify(census)}
+        fs11.appendFileSync(this.resultsFile, `${JSON.stringify(census)}
 `);
       } catch {
       }
@@ -6643,16 +6990,19 @@ function createSink() {
     onReleasedRequestsEnded: null,
     releasedQuietSince: 0,
     locatorPages: new LocatorPageLog(),
-    codeReach: { sessions: /* @__PURE__ */ new Map(), files: /* @__PURE__ */ new Map(), known: /* @__PURE__ */ new Map() },
+    codeReach: { sessions: /* @__PURE__ */ new Map(), files: /* @__PURE__ */ new Map(), known: /* @__PURE__ */ new Map(), cssFiles: /* @__PURE__ */ new Map(), cssKnown: /* @__PURE__ */ new Map() },
     serverCoverage: /* @__PURE__ */ new Map(),
     baseURL: null
   };
 }
 var MAX_CODE_REACH_PAGES = 16;
 var CODE_REACH_START_WAIT_MS = 2e3;
+function pageCoverageInWorker() {
+  return browserCoverageInWorker() || cssCoverageInWorker();
+}
 function maybeStartCodeReach(page, alreadyOpen = false) {
   const sink = currentSink;
-  if (!sink || !browserCoverageInWorker() || isPageClosed(page)) return Promise.resolve(false);
+  if (!sink || !pageCoverageInWorker() || isPageClosed(page)) return Promise.resolve(false);
   const known = sink.codeReach.sessions.get(page);
   if (known) return known.started;
   if (alreadyOpen) {
@@ -6665,7 +7015,7 @@ function maybeStartCodeReach(page, alreadyOpen = false) {
   return started;
 }
 async function startCodeReachOnOpenPages() {
-  if (!browserCoverageInWorker() || OPEN_PAGES.size === 0) return;
+  if (!pageCoverageInWorker() || OPEN_PAGES.size === 0) return;
   const started = Promise.all([...OPEN_PAGES].map((page) => maybeStartCodeReach(page, true)));
   await Promise.race([started, new Promise((resolve5) => setTimeout(resolve5, CODE_REACH_START_WAIT_MS).unref())]);
 }
@@ -6708,22 +7058,28 @@ async function stopSinkCodeReach(sink, closing) {
 async function stopPageCodeReach(sink, page, session, roots) {
   try {
     if (!await session.started || isPageClosed(page)) return;
-    const entries = await stopCodeReach(page);
-    if (!entries) return;
-    const { reached, known } = await resolveCodeReachFunctions(entries, roots, pageMapFetcher(page), page.url(), {
+    const { scripts, sheets } = await stopPageCoverage(page);
+    const fetchMap = pageMapFetcher(page);
+    const append = (into, from) => {
+      for (const [file, ranges] of from) into.set(file, [...into.get(file) ?? [], ...ranges]);
+    };
+    if (sheets.length > 0) {
+      const rules = await resolveCssCoverage(sheets, roots, fetchMap);
+      append(sink.codeReach.cssFiles, rules.reached);
+      append(sink.codeReach.cssKnown, rules.known);
+    }
+    if (!scripts) return;
+    const { reached, known } = await resolveCodeReachFunctions(scripts, roots, fetchMap, page.url(), {
       known: browserFunctionsInWorker()
     });
-    for (const [file, functions] of reached) {
-      sink.codeReach.files.set(file, [...sink.codeReach.files.get(file) ?? [], ...functions]);
-    }
-    for (const [file, functions] of known) {
-      sink.codeReach.known.set(file, [...sink.codeReach.known.get(file) ?? [], ...functions]);
-    }
+    append(sink.codeReach.files, reached);
+    append(sink.codeReach.known, known);
   } catch {
   }
 }
 var currentSink = null;
 var KNOWN_FUNCTIONS_SENT = /* @__PURE__ */ new Map();
+var KNOWN_CSS_RULES_SENT = /* @__PURE__ */ new Map();
 var PENDING_PROBES = /* @__PURE__ */ new Set();
 async function drainPendingProbes(capMs) {
   if (PENDING_PROBES.size === 0) return;
@@ -7879,6 +8235,21 @@ async function flushSink(sink, testInfo) {
       body: Buffer.from(JSON.stringify(part))
     });
   }
+  if (cssCoverageInWorker()) {
+    const rules = sink.codeReach.cssFiles.size > 0 ? browserFunctionCoverage(sink.codeReach.cssFiles) : null;
+    if (rules) {
+      await testInfo.attach(ATTACHMENT_NAMES.cssCoverage, {
+        contentType: "application/json",
+        body: Buffer.from(JSON.stringify(rules))
+      });
+    }
+    for (const part of newKnownFunctions(sink.codeReach.cssKnown, KNOWN_CSS_RULES_SENT)) {
+      await testInfo.attach(ATTACHMENT_NAMES.cssRules, {
+        contentType: "application/json",
+        body: Buffer.from(JSON.stringify(part))
+      });
+    }
+  }
   if (sink.serverCoverage.size > 0) {
     const requests = {};
     for (const [origin, ids] of sink.serverCoverage) requests[origin] = [...ids];