@decocms/parity 0.11.4 → 0.11.6

package/CHANGELOG.md

@@ -5,6 +5,33 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/).
 
+## [0.11.6](https://github.com/decocms/parity/compare/v0.11.5...v0.11.6) (2026-06-17)
+
+### Added
+
+* **New `plp-pagination` check.** Tests that `?page=2` and `?page=3` of every captured PLP return 200 AND show different products than page 1. Catches the classic migration regression: the new site silently ignores `?page=N` and returns the first page on every request (or caps pagination). Live tested against bagaggio TanStack — surfaces a real critical bug (`page=2` shows the same 10 products as `page=1`, 100% overlap). Falls back to scraping the home page for a category link when running standalone (`parity check plp-pagination`).
+* **Cross-side count divergence detection.** When prod and cand both serve a paginated PLP but cand's `?page=2` product count differs from prod's by more than 30%, flag as medium-severity (likely sort-order or index pruning regression).
+
+## [0.11.5](https://github.com/decocms/parity/compare/v0.11.4...v0.11.5) (2026-06-17)
+
+### Fixed
+
+* **Variant clicks now wait for navigation.** Deco TanStack PDPs render size/color pickers as `<a href="<product>/p?skuId=N">` links — clicking navigates to a different SKU URL. The previous `click + waitForTimeout(400)` ran add-to-cart against the pre-nav page where the variant was still "unselected". New `clickAndMaybeWait` helper races the click with `page.waitForNavigation` so the flow runs against the post-navigation page when it happens, and falls through when it doesn't (button-radio case).
+* **`validateAddToCart` now uses `cartOpenedIndicator` selectors.** The new selector key from 0.11.4 (`[aria-label='Fechar notificação']` / `[aria-label='Fechar carrinho']` + generic role fallbacks) is now actually wired into the post-click drawer-open probe, so Deco TanStack notifications correctly mark add-to-cart as `ok` via the `drawer-open` signal.
+
+### Added
+
+* **Landing-page detection before LLM recovery on missing buy button.** When step 6 (add-to-cart) can't find a buy button, the runner now checks whether the page even looks like a PDP (schema:Product JSON-LD, `<form>` with button, price text, variant inputs). If fewer than 2 PDP signals fire, the step is skipped with `PDP appears to be a landing page (...)` instead of burning LLM recovery budget on a page that has nothing to recover. Reasons are surfaced in the skip note so the user immediately knows why.
+
+### Verification (live against bagaggio)
+
+| Version | Steps reached on cand |
+| --- | --- |
+| 0.11.2 and earlier | 3/9 (stops at enter-pdp) |
+| 0.11.3 | 4/9 (stops at select-variant) |
+| 0.11.4 | 6/9 (stops at add-to-cart) |
+| **0.11.5** | **9/9** (reaches go-checkout) |
+
 ## [0.11.4](https://github.com/decocms/parity/compare/v0.11.3...v0.11.4) (2026-06-17)
 
 ### Added

package/dist/cli.js

@@ -8534,6 +8534,225 @@ function hasReservedSpace($img) {
   return false;
 }
 
+// src/checks/plp-pagination.ts
+async function plpPagination(ctx) {
+  const start = Date.now();
+  const issues = [];
+  let prodPlp = pickPlpUrl(ctx.prodFlows);
+  let candPlp = pickPlpUrl(ctx.candFlows);
+  if (!prodPlp && ctx.prodPages.length > 0) {
+    prodPlp = await discoverPlpFromHome(ctx.prodPages[0].url);
+  }
+  if (!candPlp && ctx.candPages.length > 0) {
+    candPlp = await discoverPlpFromHome(ctx.candPages[0].url);
+  }
+  if (!prodPlp && !candPlp) {
+    return {
+      name: "plp-pagination",
+      status: "skipped",
+      severity: "medium",
+      durationMs: Date.now() - start,
+      summary: "no PLP captured by purchase-journey step 2 AND no home page to discover one from — skipping",
+      issues: []
+    };
+  }
+  const data = {};
+  for (const [side, plp] of [
+    ["prod", prodPlp],
+    ["cand", candPlp]
+  ]) {
+    if (!plp)
+      continue;
+    const page1 = await fetchPlpProducts(plp);
+    const page2 = await fetchPlpProducts(withPage(plp, 2));
+    const page3 = await fetchPlpProducts(withPage(plp, 3));
+    data[`${side}_page_counts`] = {
+      page1: { status: page1.status, products: page1.productPaths.length },
+      page2: { status: page2.status, products: page2.productPaths.length },
+      page3: { status: page3.status, products: page3.productPaths.length }
+    };
+    for (const [n, result] of [
+      [2, page2],
+      [3, page3]
+    ]) {
+      if (result.status !== 200) {
+        issues.push({
+          id: `plp-pagination:${side}:page${n}:status-${result.status}`,
+          severity: "high",
+          category: "functional",
+          check: "plp-pagination",
+          summary: `[${side}] page=${n} returned HTTP ${result.status} (expected 200) — pagination breaks under ?page=${n}`,
+          page: withPage(plp, n)
+        });
+      }
+    }
+    if (page1.productPaths.length > 0 && page2.status === 200) {
+      const overlap = setOverlap(page1.productPaths, page2.productPaths);
+      if (overlap > 0.9) {
+        issues.push({
+          id: `plp-pagination:${side}:page2-identical`,
+          severity: "critical",
+          category: "functional",
+          check: "plp-pagination",
+          summary: `[${side}] page=2 shows the same ${page1.productPaths.length} products as page=1 (${(overlap * 100).toFixed(0)}% overlap) — ?page=N is being ignored`,
+          page: withPage(plp, 2),
+          details: `Page 1 first product: ${page1.productPaths[0] ?? "(none)"}
+Page 2 first product: ${page2.productPaths[0] ?? "(none)"}`
+        });
+      }
+    }
+    if (page2.productPaths.length > 0 && page3.status === 200) {
+      const overlap = setOverlap(page2.productPaths, page3.productPaths);
+      if (overlap > 0.9) {
+        issues.push({
+          id: `plp-pagination:${side}:page3-identical`,
+          severity: "critical",
+          category: "functional",
+          check: "plp-pagination",
+          summary: `[${side}] page=3 shows the same products as page=2 (${(overlap * 100).toFixed(0)}% overlap) — pagination capped or broken`,
+          page: withPage(plp, 3)
+        });
+      }
+    }
+  }
+  if (prodPlp && candPlp) {
+    const prodCounts = data.prod_page_counts;
+    const candCounts = data.cand_page_counts;
+    if (prodCounts && candCounts) {
+      const p = prodCounts.page2.products;
+      const c = candCounts.page2.products;
+      if (p > 0 && Math.abs(p - c) / p > 0.3) {
+        issues.push({
+          id: "plp-pagination:cross-side-count-divergence",
+          severity: "medium",
+          category: "functional",
+          check: "plp-pagination",
+          summary: `page=2 product count diverges: prod=${p}, cand=${c} (Δ ${Math.abs(p - c)}, >30%)`
+        });
+      }
+    }
+  }
+  const status = issues.some((i) => i.severity === "critical") ? "fail" : issues.length > 0 ? "fail" : "pass";
+  return {
+    name: "plp-pagination",
+    status,
+    severity: "high",
+    durationMs: Date.now() - start,
+    summary: issues.length === 0 ? `PLP pagination working on both sides (tested page=2 + page=3)` : `${issues.length} pagination issue(s) — see details`,
+    issues,
+    data
+  };
+}
+async function fetchPlpProducts(url) {
+  try {
+    const res = await fetch(url, {
+      headers: {
+        "User-Agent": "Mozilla/5.0 (iPhone; CPU iPhone OS 17_0) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1"
+      },
+      signal: AbortSignal.timeout(15000)
+    });
+    if (res.status !== 200) {
+      return { status: res.status, productPaths: [] };
+    }
+    const html = await res.text();
+    const paths = new Set;
+    const re = /href="([^"]+\/p(?:\?[^"]*|\/[^"]+|))"/gi;
+    let m;
+    while (m = re.exec(html)) {
+      const path = m[1];
+      if (!path)
+        continue;
+      const normalized = path.split("?")[0].replace(/\/$/, "");
+      paths.add(normalized);
+    }
+    const re2 = /href="([^"]+\/products\/[^"]+)"/gi;
+    while (m = re2.exec(html)) {
+      const path = m[1];
+      if (path)
+        paths.add(path.split("?")[0].replace(/\/$/, ""));
+    }
+    return { status: 200, productPaths: Array.from(paths) };
+  } catch (err) {
+    return { status: 0, productPaths: [] };
+  }
+}
+function withPage(url, n) {
+  try {
+    const u = new URL(url);
+    u.searchParams.set("page", String(n));
+    return u.toString();
+  } catch {
+    const sep = url.includes("?") ? "&" : "?";
+    return `${url}${sep}page=${n}`;
+  }
+}
+async function discoverPlpFromHome(homeUrl) {
+  try {
+    const res = await fetch(homeUrl, {
+      headers: {
+        "User-Agent": "Mozilla/5.0 (iPhone; CPU iPhone OS 17_0) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1"
+      },
+      signal: AbortSignal.timeout(15000)
+    });
+    if (!res.ok)
+      return null;
+    const html = await res.text();
+    const candidates = new Set;
+    const re = /href="([^"]+)"/gi;
+    let m;
+    while (m = re.exec(html)) {
+      const href = m[1];
+      if (!href)
+        continue;
+      if (/^https?:\/\//.test(href) || href.startsWith("#") || href === "/" || /\/(p|cart|carrinho|checkout|account|conta|login|wishlist|favoritos)(\/|$|\?)/i.test(href) || /\.(jpg|png|webp|css|js|svg|ico|woff)/i.test(href)) {
+        continue;
+      }
+      const segments = href.split("?")[0].split("/").filter(Boolean);
+      if (segments.length === 0 || segments.length > 3)
+        continue;
+      candidates.add(href.split("?")[0]);
+    }
+    const sorted = Array.from(candidates).sort((a, b) => a.length - b.length);
+    const home = new URL(homeUrl);
+    const pick = sorted[0];
+    if (!pick)
+      return null;
+    return new URL(pick, home).toString();
+  } catch {
+    return null;
+  }
+}
+function pickPlpUrl(flows) {
+  for (const fc of flows) {
+    if (fc.flow !== "purchase-journey")
+      continue;
+    const plpStep = fc.steps?.find((s) => s.name === "navigate-plp" && s.status === "ok");
+    if (plpStep?.url)
+      return plpStep.url;
+    const plpPage = fc.pages.find((p) => {
+      try {
+        const u = new URL(p.url);
+        return u.pathname.split("/").filter(Boolean).length <= 2 && !/\/p$|\/products\//.test(u.pathname);
+      } catch {
+        return false;
+      }
+    });
+    if (plpPage)
+      return plpPage.url;
+  }
+  return null;
+}
+function setOverlap(a, b) {
+  if (a.length === 0 || b.length === 0)
+    return 0;
+  const sa = new Set(a);
+  let common = 0;
+  for (const x of b)
+    if (sa.has(x))
+      common++;
+  return common / Math.max(a.length, b.length);
+}
+
 // src/checks/purchase-journey-flow.ts
 var STEP_LABELS3 = {
   "visit-home": "Visitar home",
@@ -10515,7 +10734,8 @@ var ALL_CHECKS = [
   pdpGalleryRelated,
   footerLinksHealth,
   loginFlow,
-  pictureMissingDims
+  pictureMissingDims,
+  plpPagination
 ];
 var ALL_CHECKS_BY_NAME = {
   "http-status-parity": httpStatusParity,
@@ -10542,7 +10762,8 @@ var ALL_CHECKS_BY_NAME = {
   "pdp-gallery-related": pdpGalleryRelated,
   "footer-links-health": footerLinksHealth,
   "login-flow": loginFlow,
-  "picture-missing-dims": pictureMissingDims
+  "picture-missing-dims": pictureMissingDims,
+  "plp-pagination": plpPagination
 };
 var FLOW_DEPENDENT_CHECKS = new Set([
   "purchase-journey-flow",
@@ -12776,12 +12997,20 @@ async function flowPurchaseJourney(ctx) {
     reportStart(6, "add-to-cart");
     let buyHit = await firstVisibleLocator(page, selFor(ctx, "buyButton"));
     let buyRecovered = false;
-    if (!buyHit && budget.remaining > 0) {
-      const recovery = await attemptRecovery(page, ctx, "add-to-cart", "Clicar no botão de comprar/adicionar ao carrinho", selFor(ctx, "buyButton"));
-      if (recovery) {
-        buyHit = recovery;
-        buyRecovered = true;
-        budget.remaining--;
+    if (!buyHit) {
+      const landingCheck = await detectLandingPage(page);
+      if (landingCheck.isLanding) {
+        steps.push(makeSkipStep(6, "add-to-cart", ctx, `PDP appears to be a landing page (${landingCheck.reasons.join("; ")}) — no buy form to test`));
+        reportEnd(6, "add-to-cart", "skipped", 0, "landing page detected");
+        return { pages, steps };
+      }
+      if (budget.remaining > 0) {
+        const recovery = await attemptRecovery(page, ctx, "add-to-cart", "Clicar no botão de comprar/adicionar ao carrinho", selFor(ctx, "buyButton"));
+        if (recovery) {
+          buyHit = recovery;
+          buyRecovered = true;
+          budget.remaining--;
+        }
       }
     }
     if (!buyHit) {
@@ -13232,6 +13461,56 @@ async function fillCep(page, selector, cep) {
     return false;
   }
 }
+async function detectLandingPage(page) {
+  const reasons = [];
+  let pdpSignalCount = 0;
+  try {
+    const hasSchema = await page.locator(`script[type='application/ld+json']:has-text('"@type":"Product"')`).first().count().catch(() => 0);
+    if (hasSchema > 0)
+      pdpSignalCount++;
+    else
+      reasons.push("no schema:Product JSON-LD");
+  } catch {
+    reasons.push("no schema:Product JSON-LD");
+  }
+  try {
+    const hasItemtype = await page.locator("[itemtype*='Product']").first().count();
+    if (hasItemtype > 0)
+      pdpSignalCount++;
+  } catch {}
+  try {
+    const hasForm = await page.locator("form:has(button)").first().count();
+    if (hasForm > 0)
+      pdpSignalCount++;
+    else
+      reasons.push("no <form> with button");
+  } catch {
+    reasons.push("no <form> with button");
+  }
+  try {
+    const bodyText = await page.locator("body").innerText({ timeout: 500 });
+    if (/R\$\s*\d+|\$\s*\d+\.\d{2}|€\s*\d+|\bUSD\s*\d+/i.test(bodyText)) {
+      pdpSignalCount++;
+    } else {
+      reasons.push("no price text (R$ / $ / €)");
+    }
+  } catch {
+    reasons.push("no price text (R$ / $ / €)");
+  }
+  try {
+    const hasVariantInput = await page.locator("select, input[type='number'], input[type='radio']").first().count();
+    if (hasVariantInput > 0)
+      pdpSignalCount++;
+  } catch {}
+  return { isLanding: pdpSignalCount < 2, reasons };
+}
+async function clickAndMaybeWait(page, locator, _label) {
+  await Promise.allSettled([
+    page.waitForNavigation({ timeout: 5000, waitUntil: "domcontentloaded" }),
+    locator.click({ timeout: 2000 })
+  ]);
+  await page.waitForTimeout(600);
+}
 async function selectVariant(page, ctx) {
   const actions = [];
   let primarySelectorKey;
@@ -13275,10 +13554,7 @@ async function selectVariant(page, ctx) {
     const sizeHit = await firstVisibleLocator(page, selFor(ctx, "sizeSwatch"));
     if (sizeHit && !await sizeHit.locator.isDisabled().catch(() => false)) {
       const sizeText = (await sizeHit.locator.innerText().catch(() => "")).slice(0, 20).trim();
-      await sizeHit.locator.click({ timeout: 2000 }).catch(() => {
-        return;
-      });
-      await page.waitForTimeout(400);
+      await clickAndMaybeWait(page, sizeHit.locator, "sizeSwatch");
       actions.push(`Selecionou tamanho${sizeText ? ` '${sizeText}'` : ""} (\`${sizeHit.selector}\`)`);
       trackPrimary("sizeSwatch", sizeHit.selector);
     }
@@ -13287,10 +13563,7 @@ async function selectVariant(page, ctx) {
   if (colorHit && !await colorHit.locator.isDisabled().catch(() => false)) {
     const colorText = (await colorHit.locator.innerText().catch(() => "")).slice(0, 20).trim();
     const colorLabel = colorText || await colorHit.locator.getAttribute("aria-label").catch(() => null) || "";
-    await colorHit.locator.click({ timeout: 2000 }).catch(() => {
-      return;
-    });
-    await page.waitForTimeout(400);
+    await clickAndMaybeWait(page, colorHit.locator, "colorSwatch");
     actions.push(`Selecionou cor${colorLabel ? ` '${colorLabel}'` : ""} (\`${colorHit.selector}\`)`);
     trackPrimary("colorSwatch", colorHit.selector);
   }
@@ -13441,6 +13714,7 @@ async function validateAddToCart(page, ctx, cartCountBefore, beforeUrl) {
       };
     }
     const drawerSelectors = [
+      ...selFor(ctx, "cartOpenedIndicator"),
       "[role='dialog']",
       "[data-minicart][aria-expanded='true']",
       "[data-cart-drawer].open",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decocms/parity",
-  "version": "0.11.4",
+  "version": "0.11.6",
   "description": "E2E parity validator for site migrations. Compares prod vs cand and reports UI, functional, SEO, visual, and Web Vitals deltas with an LLM-ranked HTML report.",
   "type": "module",
   "license": "MIT",