cbrowser 7.2.0 → 7.4.0

package/dist/visual/ab-comparison.js

@@ -0,0 +1,366 @@
+"use strict";
+/**
+ * A/B Visual Comparison (v7.3.0)
+ *
+ * Compare two URLs side-by-side to detect visual differences.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runABComparison = runABComparison;
+exports.runABSuite = runABSuite;
+exports.formatABReport = formatABReport;
+exports.generateABHtmlReport = generateABHtmlReport;
+const fs_1 = require("fs");
+const path_1 = require("path");
+const browser_js_1 = require("../browser.js");
+const regression_js_1 = require("./regression.js");
+/**
+ * Get the path for A/B comparison screenshots
+ */
+function getABScreenshotsPath() {
+    const basePath = process.cwd();
+    const screenshotsPath = (0, path_1.join)(basePath, ".cbrowser", "ab-comparison");
+    if (!(0, fs_1.existsSync)(screenshotsPath)) {
+        (0, fs_1.mkdirSync)(screenshotsPath, { recursive: true });
+    }
+    return screenshotsPath;
+}
+/**
+ * Capture screenshot for A/B comparison
+ */
+async function captureForAB(url, label, options = {}) {
+    const startTime = Date.now();
+    const browser = new browser_js_1.CBrowser({
+        viewportWidth: options.viewport?.width || 1920,
+        viewportHeight: options.viewport?.height || 1080,
+    });
+    try {
+        await browser.launch();
+        await browser.navigate(url);
+        const page = await browser.getPage();
+        // Wait if specified
+        if (options.waitForSelector) {
+            await page.waitForSelector(options.waitForSelector, { timeout: 10000 }).catch(() => { });
+        }
+        if (options.waitBeforeCapture) {
+            await new Promise(resolve => setTimeout(resolve, options.waitBeforeCapture));
+        }
+        // Get page title
+        const title = await page.title();
+        // Take screenshot
+        const screenshotsPath = getABScreenshotsPath();
+        const filename = `${label.toLowerCase()}-${Date.now()}.png`;
+        const screenshotPath = (0, path_1.join)(screenshotsPath, filename);
+        const viewport = page.viewportSize() || { width: 1920, height: 1080 };
+        await page.screenshot({ path: screenshotPath, fullPage: false });
+        return {
+            label,
+            url,
+            screenshotPath,
+            title,
+            viewport,
+            timestamp: new Date().toISOString(),
+            captureTime: Date.now() - startTime,
+        };
+    }
+    finally {
+        await browser.close();
+    }
+}
+/**
+ * Analyze differences between A and B for detailed reporting
+ */
+function analyzeABDifferences(analysis) {
+    const differences = [];
+    for (const change of analysis.changes || []) {
+        // Map VisualChange to ABDifference
+        const severityMap = {
+            breaking: "critical",
+            warning: "major",
+            info: "minor",
+            acceptable: "info",
+        };
+        const typeMap = {
+            layout: "layout",
+            content: "content",
+            style: "style",
+            missing: "missing",
+            added: "added",
+            moved: "structure",
+        };
+        differences.push({
+            type: typeMap[change.type] || "content",
+            severity: severityMap[change.severity] || "minor",
+            description: change.description,
+            affectedSide: "both", // AI analysis doesn't specify which side
+            region: change.region,
+        });
+    }
+    return differences;
+}
+/**
+ * Run A/B visual comparison between two URLs
+ */
+async function runABComparison(urlA, urlB, options = {}) {
+    const startTime = Date.now();
+    const labels = options.labels || { a: "Version A", b: "Version B" };
+    console.log(`\n🔀 A/B Visual Comparison`);
+    console.log(`   A: ${urlA}`);
+    console.log(`   B: ${urlB}\n`);
+    // Capture both screenshots
+    console.log(`   📸 Capturing ${labels.a}...`);
+    const screenshotA = await captureForAB(urlA, "A", options);
+    console.log(`      ✅ Captured in ${screenshotA.captureTime}ms`);
+    console.log(`   📸 Capturing ${labels.b}...`);
+    const screenshotB = await captureForAB(urlB, "B", options);
+    console.log(`      ✅ Captured in ${screenshotB.captureTime}ms`);
+    // Compare using AI analysis
+    console.log(`\n   🔍 Comparing...`);
+    const analysis = await (0, regression_js_1.analyzeVisualDifferences)(screenshotA.screenshotPath, screenshotB.screenshotPath, { sensitivity: options.sensitivity || "medium" });
+    // Determine overall status based on similarity
+    let overallStatus;
+    if (analysis.similarityScore >= 0.95) {
+        overallStatus = "identical";
+        console.log(`      ✅ Identical (${(analysis.similarityScore * 100).toFixed(1)}%)`);
+    }
+    else if (analysis.similarityScore >= 0.80) {
+        overallStatus = "similar";
+        console.log(`      ⚠️  Similar (${(analysis.similarityScore * 100).toFixed(1)}%)`);
+    }
+    else if (analysis.similarityScore >= 0.50) {
+        overallStatus = "different";
+        console.log(`      🟠 Different (${(analysis.similarityScore * 100).toFixed(1)}%)`);
+    }
+    else {
+        overallStatus = "very_different";
+        console.log(`      ❌ Very Different (${(analysis.similarityScore * 100).toFixed(1)}%)`);
+    }
+    // Analyze differences
+    const differences = analyzeABDifferences(analysis);
+    // Generate summary
+    const summaryMap = {
+        identical: "Pages are visually identical",
+        similar: "Pages are similar with minor differences",
+        different: "Pages have significant visual differences",
+        very_different: "Pages are very different - likely different designs",
+    };
+    return {
+        urlA,
+        urlB,
+        labels,
+        screenshots: {
+            a: screenshotA,
+            b: screenshotB,
+        },
+        analysis,
+        differences,
+        overallStatus,
+        summary: summaryMap[overallStatus],
+        duration: Date.now() - startTime,
+        timestamp: new Date().toISOString(),
+    };
+}
+/**
+ * Run A/B comparison suite for multiple page pairs
+ */
+async function runABSuite(suite) {
+    const startTime = Date.now();
+    const results = [];
+    console.log(`\n🔀 A/B Comparison Suite: ${suite.name}`);
+    console.log(`   Testing ${suite.pairs.length} page pairs\n`);
+    for (const pair of suite.pairs) {
+        const pairOptions = {
+            ...suite.options,
+            labels: pair.name ? { a: `${pair.name} (A)`, b: `${pair.name} (B)` } : suite.options?.labels,
+        };
+        const result = await runABComparison(pair.urlA, pair.urlB, pairOptions);
+        results.push(result);
+    }
+    return {
+        suite,
+        results,
+        summary: {
+            total: results.length,
+            identical: results.filter(r => r.overallStatus === "identical").length,
+            similar: results.filter(r => r.overallStatus === "similar").length,
+            different: results.filter(r => r.overallStatus === "different").length,
+            veryDifferent: results.filter(r => r.overallStatus === "very_different").length,
+        },
+        duration: Date.now() - startTime,
+        timestamp: new Date().toISOString(),
+    };
+}
+/**
+ * Format A/B comparison result as console report
+ */
+function formatABReport(result) {
+    const lines = [];
+    const duration = (result.duration / 1000).toFixed(2);
+    lines.push(`╔${"═".repeat(78)}╗`);
+    lines.push(`║${" ".repeat(22)}A/B VISUAL COMPARISON REPORT${" ".repeat(28)}║`);
+    lines.push(`╚${"═".repeat(78)}╝`);
+    lines.push("");
+    const statusIcons = {
+        identical: "✅",
+        similar: "⚠️",
+        different: "🟠",
+        very_different: "❌",
+    };
+    const statusIcon = statusIcons[result.overallStatus];
+    const statusText = result.overallStatus.toUpperCase().replace("_", " ");
+    lines.push(`${statusIcon} Status: ${statusText}`);
+    lines.push(`📊 Similarity: ${(result.analysis.similarityScore * 100).toFixed(1)}%`);
+    lines.push(`⏱️  Duration: ${duration}s`);
+    lines.push("");
+    lines.push("─".repeat(79));
+    lines.push("📸 SCREENSHOTS");
+    lines.push("─".repeat(79));
+    lines.push(`   ${result.labels.a.toUpperCase()} (A)`);
+    lines.push(`      URL: ${result.screenshots.a.url}`);
+    lines.push(`      Title: ${result.screenshots.a.title}`);
+    lines.push(`      Capture time: ${result.screenshots.a.captureTime}ms`);
+    lines.push(`      Path: ${result.screenshots.a.screenshotPath}`);
+    lines.push("");
+    lines.push(`   ${result.labels.b.toUpperCase()} (B)`);
+    lines.push(`      URL: ${result.screenshots.b.url}`);
+    lines.push(`      Title: ${result.screenshots.b.title}`);
+    lines.push(`      Capture time: ${result.screenshots.b.captureTime}ms`);
+    lines.push(`      Path: ${result.screenshots.b.screenshotPath}`);
+    lines.push("");
+    if (result.differences.length > 0) {
+        lines.push("─".repeat(79));
+        lines.push("🔍 DIFFERENCES DETECTED");
+        lines.push("─".repeat(79));
+        for (const diff of result.differences) {
+            const severityIcons = { critical: "🔴", major: "🟠", minor: "🟡", info: "🔵" };
+            const icon = severityIcons[diff.severity];
+            lines.push(`   ${icon} [${diff.type.toUpperCase()}] ${diff.description}`);
+        }
+        lines.push("");
+    }
+    lines.push("─".repeat(79));
+    lines.push(`📝 SUMMARY: ${result.summary}`);
+    lines.push("─".repeat(79));
+    return lines.join("\n");
+}
+/**
+ * Generate HTML report for A/B comparison suite
+ */
+function generateABHtmlReport(suiteResult) {
+    const { suite, results, summary, duration } = suiteResult;
+    return `<!DOCTYPE html>
+<html>
+<head>
+  <title>A/B Comparison Report - ${suite.name}</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #0f172a; color: #e2e8f0; line-height: 1.6; }
+    .container { max-width: 1400px; margin: 0 auto; padding: 2rem; }
+    header { text-align: center; margin-bottom: 2rem; }
+    h1 { font-size: 2rem; margin-bottom: 0.5rem; background: linear-gradient(135deg, #f59e0b, #ef4444); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
+    .subtitle { color: #94a3b8; }
+    .summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin-bottom: 2rem; }
+    .summary-card { background: #1e293b; border-radius: 0.5rem; padding: 1.5rem; text-align: center; }
+    .summary-value { font-size: 2rem; font-weight: bold; }
+    .summary-label { color: #94a3b8; font-size: 0.875rem; }
+    .identical { color: #22c55e; }
+    .similar { color: #f59e0b; }
+    .different { color: #f97316; }
+    .very-different { color: #ef4444; }
+    .result-card { background: #1e293b; border-radius: 0.5rem; padding: 1.5rem; margin-bottom: 1rem; }
+    .result-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
+    .badge { padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; }
+    .badge-identical { background: rgba(34, 197, 94, 0.2); color: #22c55e; }
+    .badge-similar { background: rgba(245, 158, 11, 0.2); color: #f59e0b; }
+    .badge-different { background: rgba(249, 115, 22, 0.2); color: #f97316; }
+    .badge-very-different { background: rgba(239, 68, 68, 0.2); color: #ef4444; }
+    .comparison-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1rem; }
+    .side { background: #0f172a; padding: 1rem; border-radius: 0.375rem; }
+    .side-label { font-weight: 600; color: #f59e0b; margin-bottom: 0.5rem; }
+    .url { color: #94a3b8; font-size: 0.875rem; word-break: break-all; }
+    .diff-list { margin-top: 1rem; }
+    .diff-item { background: #0f172a; padding: 0.5rem 0.75rem; border-radius: 0.375rem; margin-top: 0.5rem; border-left: 3px solid; }
+    .diff-critical { border-color: #ef4444; }
+    .diff-major { border-color: #f97316; }
+    .diff-minor { border-color: #f59e0b; }
+    .diff-info { border-color: #3b82f6; }
+    footer { text-align: center; color: #64748b; padding: 2rem 0; font-size: 0.875rem; }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <header>
+      <h1>🔀 A/B Comparison Report</h1>
+      <p class="subtitle">${suite.name}</p>
+    </header>
+
+    <div class="summary-grid">
+      <div class="summary-card">
+        <div class="summary-value">${summary.total}</div>
+        <div class="summary-label">Total Pairs</div>
+      </div>
+      <div class="summary-card">
+        <div class="summary-value identical">${summary.identical}</div>
+        <div class="summary-label">Identical</div>
+      </div>
+      <div class="summary-card">
+        <div class="summary-value similar">${summary.similar}</div>
+        <div class="summary-label">Similar</div>
+      </div>
+      <div class="summary-card">
+        <div class="summary-value different">${summary.different}</div>
+        <div class="summary-label">Different</div>
+      </div>
+      <div class="summary-card">
+        <div class="summary-value very-different">${summary.veryDifferent}</div>
+        <div class="summary-label">Very Different</div>
+      </div>
+    </div>
+
+    <div class="results">
+      ${results.map(result => {
+        const badgeClass = `badge-${result.overallStatus.replace("_", "-")}`;
+        return `
+          <div class="result-card">
+            <div class="result-header">
+              <div>
+                <strong>${result.summary}</strong>
+                <p style="color: #94a3b8; font-size: 0.875rem;">Similarity: ${(result.analysis.similarityScore * 100).toFixed(1)}%</p>
+              </div>
+              <span class="badge ${badgeClass}">${result.overallStatus.replace("_", " ").toUpperCase()}</span>
+            </div>
+            <div class="comparison-grid">
+              <div class="side">
+                <div class="side-label">${result.labels.a}</div>
+                <div class="url">${result.urlA}</div>
+                <div style="margin-top: 0.5rem; color: #64748b; font-size: 0.75rem;">Title: ${result.screenshots.a.title}</div>
+              </div>
+              <div class="side">
+                <div class="side-label">${result.labels.b}</div>
+                <div class="url">${result.urlB}</div>
+                <div style="margin-top: 0.5rem; color: #64748b; font-size: 0.75rem;">Title: ${result.screenshots.b.title}</div>
+              </div>
+            </div>
+            ${result.differences.length > 0 ? `
+              <div class="diff-list">
+                <strong style="color: #f59e0b;">Differences:</strong>
+                ${result.differences.slice(0, 5).map(diff => `
+                  <div class="diff-item diff-${diff.severity}">
+                    <strong>[${diff.type.toUpperCase()}]</strong> ${diff.description}
+                  </div>
+                `).join("")}
+                ${result.differences.length > 5 ? `<div style="color: #94a3b8; margin-top: 0.5rem;">...and ${result.differences.length - 5} more</div>` : ""}
+              </div>
+            ` : ""}
+          </div>
+        `;
+    }).join("")}
+    </div>
+
+    <footer>
+      Generated by CBrowser v7.3.0 | Test completed in ${(duration / 1000).toFixed(1)}s
+    </footer>
+  </div>
+</body>
+</html>`;
+}
+//# sourceMappingURL=ab-comparison.js.map

package/dist/visual/ab-comparison.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ab-comparison.js","sourceRoot":"","sources":["../../src/visual/ab-comparison.ts"],"names":[],"mappings":"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"}

package/dist/visual/cross-browser.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Cross-Browser Visual Testing (v7.1.0)
+ *
+ * Test how pages render across different browser engines.
+ */
+import type { CrossBrowserResult, CrossBrowserOptions, CrossBrowserSuite, CrossBrowserSuiteResult } from "../types.js";
+/**
+ * Run cross-browser visual test for a single URL
+ */
+export declare function runCrossBrowserTest(url: string, options?: CrossBrowserOptions): Promise<CrossBrowserResult>;
+/**
+ * Run cross-browser test suite
+ */
+export declare function runCrossBrowserSuite(suite: CrossBrowserSuite): Promise<CrossBrowserSuiteResult>;
+/**
+ * Format cross-browser result as text report
+ */
+export declare function formatCrossBrowserReport(result: CrossBrowserResult): string;
+/**
+ * Generate HTML report for cross-browser test suite
+ */
+export declare function generateCrossBrowserHtmlReport(suiteResult: CrossBrowserSuiteResult): string;
+export interface BrowserDiffResult {
+    url: string;
+    browsers: string[];
+    differences: Array<{
+        type: "visual" | "timing" | "content" | "error";
+        description: string;
+        browsers: string[];
+    }>;
+    screenshots: Record<string, string>;
+    metrics: Record<string, {
+        loadTime: number;
+        resourceCount: number;
+    }>;
+}
+/**
+ * Compare page behavior across multiple browsers.
+ */
+export declare function crossBrowserDiff(url: string, browsers?: Array<"chromium" | "firefox" | "webkit">): Promise<BrowserDiffResult>;
+//# sourceMappingURL=cross-browser.d.ts.map

package/dist/visual/cross-browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross-browser.d.ts","sourceRoot":"","sources":["../../src/visual/cross-browser.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,KAAK,EAIV,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACxB,MAAM,aAAa,CAAC;AAsErB;;GAEG;AACH,wBAAsB,mBAAmB,CACvC,GAAG,EAAE,MAAM,EACX,OAAO,GAAE,mBAAwB,GAChC,OAAO,CAAC,kBAAkB,CAAC,CAuG7B;AAED;;GAEG;AACH,wBAAsB,oBAAoB,CACxC,KAAK,EAAE,iBAAiB,GACvB,OAAO,CAAC,uBAAuB,CAAC,CAuClC;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CA2E3E;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAAC,WAAW,EAAE,uBAAuB,GAAG,MAAM,CAyH3F;AAMD,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC;QACjB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;QAChD,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,EAAE,CAAC;KACpB,CAAC,CAAC;IACH,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACtE;AAED;;GAEG;AACH,wBAAsB,gBAAgB,CACpC,GAAG,EAAE,MAAM,EACX,QAAQ,GAAE,KAAK,CAAC,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAqC,GACrF,OAAO,CAAC,iBAAiB,CAAC,CAyD5B"}