snap-ally 0.1.1-beta → 0.2.2-beta

package/dist/SnapAllyReporter.js

@@ -39,20 +39,39 @@ const A11yHtmlRenderer_1 = require("./A11yHtmlRenderer");
 const A11yTimeUtils_1 = require("./A11yTimeUtils");
 const path = __importStar(require("path"));
 const fs = __importStar(require("fs"));
+/** Default severity colors used when the user doesn't override them. */
+const DEFAULT_COLORS = {
+    critical: '#c92a2a',
+    serious: '#e67700',
+    moderate: '#ca8a04',
+    minor: '#0891b2',
+};
+// ────────────────────────────────────────────────────────────────────────────
+//  Reporter
+// ────────────────────────────────────────────────────────────────────────────
 /**
  * Playwright reporter for accessibility audits and test steps.
- * Generates an execution summary and detailed reports per test.
+ *
+ * Generates:
+ * - A per-test execution report (steps, video, screenshots, errors)
+ * - A per-scan accessibility report (violations, evidence, ADO integration)
+ * - A global execution summary with per-browser breakdowns
  */
 class SnapAllyReporter {
-    printsToStdio() {
-        return false;
-    }
     constructor(options = {}) {
-        this.testIndex = 0;
+        var _a, _b, _c, _d;
         this.assetsManager = new A11yReportAssets_1.A11yReportAssets();
         this.renderer = new A11yHtmlRenderer_1.A11yHtmlRenderer();
         this.projectRoot = 'tests';
-        // Global summary tracking
+        /**
+         * Monotonically increasing test counter.
+         * Incremented synchronously in {@link onTestEnd} to avoid race conditions
+         * when multiple async {@link processTestResult} calls run concurrently.
+         */
+        this.testIndex = 0;
+        /** Async tasks queued by `onTestEnd`; drained in `onEnd`. */
+        this.tasks = [];
+        /** Aggregated data for the final summary report. */
         this.executionSummary = {
             duration: '',
             status: '',
@@ -68,221 +87,293 @@ class SnapAllyReporter {
             browserSummaries: {},
             date: '',
         };
-        // Track async tasks to ensure they finish before onEnd
-        this.tasks = [];
         this.options = options;
         this.outputFolder = path.resolve(process.cwd(), options.outputFolder || 'steps-report');
+        this.colors = {
+            critical: ((_a = options.colors) === null || _a === void 0 ? void 0 : _a.critical) || DEFAULT_COLORS.critical,
+            serious: ((_b = options.colors) === null || _b === void 0 ? void 0 : _b.serious) || DEFAULT_COLORS.serious,
+            moderate: ((_c = options.colors) === null || _c === void 0 ? void 0 : _c.moderate) || DEFAULT_COLORS.moderate,
+            minor: ((_d = options.colors) === null || _d === void 0 ? void 0 : _d.minor) || DEFAULT_COLORS.minor,
+        };
+    }
+    printsToStdio() {
+        return false;
     }
     onBegin(config) {
         this.projectRoot = config.rootDir || 'tests';
     }
     onTestEnd(test, result) {
-        this.tasks.push(this.processTestResult(test, result));
+        // Increment index synchronously so concurrent tasks never share an index.
+        const index = ++this.testIndex;
+        this.tasks.push(this.processTestResult(test, result, index));
+    }
+    async onEnd(result) {
+        await Promise.all(this.tasks);
+        this.executionSummary.duration = A11yTimeUtils_1.A11yTimeUtils.formatDuration(result.duration);
+        this.executionSummary.status = result.status;
+        this.executionSummary.statusIcon =
+            models_1.TestStatusIcon[result.status] || 'help';
+        this.executionSummary.date = A11yTimeUtils_1.A11yTimeUtils.formatDate(new Date());
+        const summaryFile = path.join(this.outputFolder, 'summary.html');
+        await this.renderer.render('execution-summary.html', { ...this.executionSummary, colors: this.colors }, this.outputFolder, summaryFile);
+        console.log(`\n[SnapAlly] Reports generated in: ${path.resolve(this.outputFolder)}`);
     }
-    async processTestResult(test, result) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        this.testIndex++;
+    // ────────────────────────────────────────────────────────────────────────
+    //  Core per-test processing
+    // ────────────────────────────────────────────────────────────────────────
+    async processTestResult(test, result, index) {
         const sanitizedTitle = test.title.replace(/[^a-z0-9]+/gi, '-').toLowerCase();
-        const testFolderName = `${this.testIndex}-${sanitizedTitle}`;
+        const testFolderName = `${index}-${sanitizedTitle}`;
         const testResultsFolder = path.join(this.outputFolder, testFolderName);
-        // --- 1. Functional Step Reporting ---
         const fileGroup = path.relative(this.projectRoot, test.location.file);
-        if (!this.executionSummary.groupedResults[fileGroup]) {
-            this.executionSummary.groupedResults[fileGroup] = [];
-        }
+        this.ensureGroupExists(fileGroup);
+        const browser = this.resolveBrowser(test);
+        const testMeta = this.extractTestMetadata(test, result);
+        // Copy assets
+        const video = await this.assetsManager.copyTestVideo(result, testResultsFolder);
+        const screenshots = this.assetsManager.copyScreenshots(result, testResultsFolder);
+        const allAttachments = [
+            ...this.assetsManager.copyPngAttachments(result, testResultsFolder),
+            ...this.assetsManager.copyAllOtherAttachments(result, testResultsFolder),
+        ];
+        const errorLogs = this.extractErrorLogs(result);
+        // Accessibility processing
+        const a11yResult = await this.processAccessibilityData(test, result, sanitizedTitle, testResultsFolder, testMeta.steps, video, browser, errorLogs);
+        // Update browser & global summary counts
+        this.updateBrowserSummary(browser, result.status);
+        this.updateGlobalSummary(test, result);
+        // Build the test stats object
+        const executionReportName = `execution-${sanitizedTitle}.html`;
+        const testStats = {
+            num: index,
+            folderName: testFolderName,
+            executionReportPath: `${testFolderName}/${executionReportName}`,
+            title: test.title,
+            fileName: fileGroup,
+            timeDuration: result.duration,
+            duration: A11yTimeUtils_1.A11yTimeUtils.formatDuration(result.duration),
+            description: testMeta.description,
+            status: result.status,
+            browser,
+            tags: testMeta.tags,
+            preConditions: testMeta.preConditions,
+            steps: testMeta.steps,
+            postConditions: testMeta.postConditions,
+            statusIcon: testMeta.statusIcon,
+            pageUrl: a11yResult.pageUrl,
+            videoPath: video,
+            screenshotPaths: screenshots,
+            attachments: allAttachments,
+            errors: errorLogs,
+            a11yReportPath: a11yResult.reportPath,
+            a11yErrorCount: a11yResult.errorCount,
+            a11yErrors: a11yResult.errors,
+            colors: this.options.colors,
+        };
+        this.executionSummary.groupedResults[fileGroup].push(testStats);
+        // Render the per-test execution report
+        const indexFile = path.join(testResultsFolder, executionReportName);
+        await this.renderer.render('test-execution-report.html', { ...testStats, colors: this.colors }, testResultsFolder, indexFile);
+    }
+    // ────────────────────────────────────────────────────────────────────────
+    //  Metadata extraction
+    // ────────────────────────────────────────────────────────────────────────
+    /** Extracts structured metadata from test annotations and result steps. */
+    extractTestMetadata(test, result) {
         const tags = test.tags.map((t) => t.replace('@', ''));
         const statusIcon = models_1.TestStatusIcon[result.status] || 'help';
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const projectUse = ((_a = test.parent.project()) === null || _a === void 0 ? void 0 : _a.use) || {};
-        const browser = ((_b = test.parent.project()) === null || _b === void 0 ? void 0 : _b.name) ||
-            projectUse.browserName ||
-            projectUse.defaultBrowserType ||
-            'chromium';
         const descAnnotation = test.annotations.find((a) => a.type === 'Description');
         const description = (descAnnotation === null || descAnnotation === void 0 ? void 0 : descAnnotation.description) || 'No Description';
-        // Prepare steps from actual test.step calls instead of just annotations
-        const steps = result.steps.filter((s) => s.category === 'test.step').map((s) => s.title);
+        const steps = result.steps
+            .filter((s) => s.category === 'test.step')
+            .map((s) => s.title);
         const preConditions = test.annotations
             .filter((a) => a.type === 'Pre Condition')
             .map((a) => a.description || '');
         const postConditions = test.annotations
             .filter((a) => a.type === 'Post Condition')
             .map((a) => a.description || '');
-        const video = await this.assetsManager.copyTestVideo(result, testResultsFolder);
-        const screenshots = this.assetsManager.copyScreenshots(result, testResultsFolder);
-        const pngAttachments = this.assetsManager.copyPngAttachments(result, testResultsFolder);
-        const otherAttachments = this.assetsManager.copyAllOtherAttachments(result, testResultsFolder);
-        const allAttachments = [...pngAttachments, ...otherAttachments];
-        console.log(`[SnapAlly Debug] Test "${test.title}" ended. Status: ${result.status}. Video: ${video ? 'Created' : 'Missing'}`);
-        console.log(`[SnapAlly Debug] Raw Attachments: ${result.attachments.map((a) => `${a.name} (${a.path ? 'file' : 'body'})`).join(', ')}`);
-        const errorLogs = (result.errors || []).map((err) => {
+        return { tags, statusIcon, description, steps, preConditions, postConditions };
+    }
+    /** Determines the browser name for the current test. */
+    resolveBrowser(test) {
+        var _a, _b;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const projectUse = ((_a = test.parent.project()) === null || _a === void 0 ? void 0 : _a.use) || {};
+        return (((_b = test.parent.project()) === null || _b === void 0 ? void 0 : _b.name) ||
+            projectUse.browserName ||
+            projectUse.defaultBrowserType ||
+            'chromium');
+    }
+    /** Converts Playwright error objects into HTML-safe strings. */
+    extractErrorLogs(result) {
+        return (result.errors || []).map((err) => {
             const fullMsg = err.stack
                 ? `${err.message}\n${err.stack}`
                 : err.message || 'Error occurred';
             return this.renderer.ansiToHtml(fullMsg);
-        }) || [];
-        // --- 2. Accessibility Reporting (Iterate over all A11y sources: attachments and annotations) ---
-        const a11yAttachments = (result.attachments || []).filter((a) => a.name === 'A11y');
-        const a11yAnnotations = (test.annotations || []).filter((a) => a.type === 'A11y');
-        const a11yDataSources = [
-            ...a11yAttachments.map((a) => ({ type: 'attachment', data: a })),
-            ...a11yAnnotations.map((a) => ({ type: 'annotation', data: a })),
-        ];
-        if (a11yDataSources.length === 0) {
-            console.error(`[SnapAlly Debug] No A11y data sources found for test: ${test.title}`);
+        });
+    }
+    // ────────────────────────────────────────────────────────────────────────
+    //  Accessibility data processing
+    // ────────────────────────────────────────────────────────────────────────
+    /** Return value for {@link processAccessibilityData}. */
+    async processAccessibilityData(test, result, sanitizedTitle, testResultsFolder, steps, video, browser, errorLogs) {
+        var _a;
+        const sources = this.collectA11yDataSources(test, result);
+        if (sources.length === 0) {
+            return { errorCount: 0, errors: [] };
         }
-        let a11yReportPath = undefined;
-        let a11yErrorCount = 0;
-        let aggregatedA11yErrors = [];
-        let testStatsPageUrl = undefined;
-        // Loop through all accessibility scans in this test
-        for (const [index, source] of a11yDataSources.entries()) {
-            let reportData;
-            try {
-                if (source.type === 'attachment') {
-                    const attach = source.data;
-                    if (attach.body) {
-                        reportData = JSON.parse(attach.body.toString());
-                    }
-                    else if (attach.path && fs.existsSync(attach.path)) {
-                        reportData = JSON.parse(fs.readFileSync(attach.path, 'utf-8'));
-                    }
-                    else {
-                        continue;
-                    }
-                }
-                else {
-                    const annot = source.data;
-                    reportData = JSON.parse(annot.description || '{}');
-                }
-            }
-            catch (e) {
-                console.error(`[SnapAlly] Failed to parse A11y ${source.type}: ${e}`);
-                errorLogs.push(this.renderer.ansiToHtml(`[SnapAlly] Internal error parsing accessibility data from ${source.type}: ${e}`));
+        let reportPath;
+        let errorCount = 0;
+        const aggregatedErrors = [];
+        let pageUrl;
+        for (const [index, source] of sources.entries()) {
+            const reportData = this.parseA11ySource(source, errorLogs);
+            if (!reportData)
                 continue;
+            const reportName = this.buildA11yReportName(sanitizedTitle, reportData.pageKey, index, sources.length);
+            reportPath = reportName;
+            this.applyReportConfig(reportData, video);
+            this.backfillSteps(reportData, steps);
+            const auditFile = path.join(testResultsFolder, reportName);
+            await this.renderer.render('accessibility-report.html', { data: reportData, folderTest: testResultsFolder }, testResultsFolder, auditFile);
+            if (reportData.pageUrl && !pageUrl) {
+                pageUrl = reportData.pageUrl;
             }
-            // Determine Report Name (append index if multiple)
-            let a11yReportName = `accessibility-${sanitizedTitle}.html`;
-            if (a11yDataSources.length > 1) {
-                a11yReportName = `accessibility-${sanitizedTitle}-${index + 1}.html`;
+            // Aggregate a11y errors into browser & global summaries
+            if ((_a = reportData.a11yErrors) === null || _a === void 0 ? void 0 : _a.length) {
+                const scanCount = this.aggregateA11yErrors(reportData.a11yErrors, browser);
+                errorCount += scanCount;
+                aggregatedErrors.push(...reportData.a11yErrors);
             }
-            // Sanitize pageKey for filename override if present
-            if (reportData.pageKey) {
-                const sanitizedKey = reportData.pageKey
-                    .replace(/https?:\/\//, '')
-                    .replace(/[^a-z0-9]+/gi, '-')
-                    .replace(/^-+|-+$/g, '')
-                    .toLowerCase();
-                if (sanitizedKey) {
-                    a11yReportName =
-                        a11yDataSources.length > 1
-                            ? `${sanitizedKey}-${index + 1}.html`
-                            : `${sanitizedKey}.html`;
+        }
+        return { reportPath, errorCount, errors: aggregatedErrors, pageUrl };
+    }
+    /** Collects all A11y data sources (attachments + annotations) for a test. */
+    collectA11yDataSources(test, result) {
+        const attachments = (result.attachments || [])
+            .filter((a) => a.name === 'A11y')
+            .map((a) => ({ type: 'attachment', data: a }));
+        const annotations = (test.annotations || [])
+            .filter((a) => a.type === 'A11y')
+            .map((a) => ({ type: 'annotation', data: a }));
+        return [...attachments, ...annotations];
+    }
+    /** Attempts to parse a single A11y data source into a ReportData object. */
+    parseA11ySource(source, errorLogs) {
+        try {
+            if (source.type === 'attachment') {
+                const attach = source.data;
+                if (attach.body) {
+                    return JSON.parse(attach.body.toString());
                 }
+                if (attach.path && fs.existsSync(attach.path)) {
+                    return JSON.parse(fs.readFileSync(attach.path, 'utf-8'));
+                }
+                return null;
             }
-            // Set the main report path to the LAST one (or maybe first? using last for now)
-            a11yReportPath = a11yReportName;
-            // Re-apply configuration
-            reportData.criticalColor = ((_c = this.options.colors) === null || _c === void 0 ? void 0 : _c.critical) || '#c92a2a';
-            reportData.seriousColor = ((_d = this.options.colors) === null || _d === void 0 ? void 0 : _d.serious) || '#e67700';
-            reportData.moderateColor = ((_e = this.options.colors) === null || _e === void 0 ? void 0 : _e.moderate) || '#ca8a04';
-            reportData.minorColor = ((_f = this.options.colors) === null || _f === void 0 ? void 0 : _f.minor) || '#0891b2';
-            if (this.options.ado) {
-                reportData.adoOrganization =
-                    this.options.ado.organization || reportData.adoOrganization;
-                reportData.adoProject = this.options.ado.project || reportData.adoProject;
-            }
-            // Sync video name
-            if (video)
-                reportData.video = video;
-            // Backfill steps from actual test.step calls if annotations were empty
-            const filteredSteps = steps.filter((s) => !s.includes('Capture A11y screenshot'));
-            if (filteredSteps.length > 0) {
-                reportData.a11yErrors.forEach((err) => {
-                    err.target.forEach((t) => {
-                        if (!t.steps || t.steps.length === 0) {
-                            t.steps = filteredSteps;
-                            t.stepsJson = JSON.stringify(filteredSteps);
-                        }
-                    });
-                });
+            // annotation
+            const annot = source.data;
+            return JSON.parse(annot.description || '{}');
+        }
+        catch (e) {
+            console.error(`[SnapAlly] Failed to parse A11y ${source.type}: ${e}`);
+            errorLogs.push(this.renderer.ansiToHtml(`[SnapAlly] Internal error parsing accessibility data from ${source.type}: ${e}`));
+            return null;
+        }
+    }
+    /** Generates a sanitized HTML filename for an accessibility report. */
+    buildA11yReportName(sanitizedTitle, pageKey, index, totalScans) {
+        const hasMultiple = totalScans > 1;
+        const suffix = hasMultiple ? `-${index + 1}` : '';
+        if (pageKey) {
+            const sanitizedKey = pageKey
+                .replace(/https?:\/\//, '')
+                .replace(/[^a-z0-9]+/gi, '-')
+                .replace(/^-+|-+$/g, '')
+                .toLowerCase();
+            if (sanitizedKey) {
+                return `${sanitizedKey}${suffix}.html`;
             }
-            const auditFile = path.join(testResultsFolder, a11yReportName);
-            await this.renderer.render('accessibility-report.html', { data: reportData, folderTest: testResultsFolder }, testResultsFolder, auditFile);
-            // Capture the first page URL for the testStats if not already set
-            if (reportData.pageUrl && !testStatsPageUrl) {
-                testStatsPageUrl = reportData.pageUrl;
+        }
+        return `accessibility-${sanitizedTitle}${suffix}.html`;
+    }
+    /** Applies reporter-level configuration (colors, ADO, video) to a ReportData object. */
+    applyReportConfig(reportData, video) {
+        reportData.criticalColor = this.colors.critical;
+        reportData.seriousColor = this.colors.serious;
+        reportData.moderateColor = this.colors.moderate;
+        reportData.minorColor = this.colors.minor;
+        if (this.options.ado) {
+            reportData.adoOrganization =
+                this.options.ado.organization || reportData.adoOrganization;
+            reportData.adoProject = this.options.ado.project || reportData.adoProject;
+        }
+        if (video) {
+            reportData.video = video;
+        }
+    }
+    /**
+     * Backfills reproduction steps from `test.step` calls into a11y targets
+     * that have no steps recorded (e.g. violations found via static scan).
+     */
+    backfillSteps(reportData, steps) {
+        const filteredSteps = steps.filter((s) => !s.includes('Capture A11y screenshot'));
+        if (filteredSteps.length === 0)
+            return;
+        for (const err of reportData.a11yErrors) {
+            for (const target of err.target) {
+                if (!target.steps || target.steps.length === 0) {
+                    target.steps = filteredSteps;
+                    target.stepsJson = JSON.stringify(filteredSteps);
+                }
             }
-            // --- 3. Update Browser-Specific Summary (Partial Aggregation) ---
-            if (!this.executionSummary.browserSummaries[browser]) {
-                this.executionSummary.browserSummaries[browser] = {
-                    duration: '0s',
-                    status: '',
-                    statusIcon: '',
-                    total: 0,
-                    totalFailed: 0,
-                    totalFlaky: 0,
-                    totalPassed: 0,
-                    totalSkipped: 0,
-                    groupedResults: {},
-                    wcagErrors: {},
-                    totalA11yErrorCount: 0,
+        }
+    }
+    // ──────────────────────────────���─────────────────────────────────────────
+    //  Summary aggregation
+    // ────────────────────────────────────────────────────────────────────────
+    /**
+     * Aggregates a11y error counts into both the browser-specific and global
+     * summaries. Returns the total error count for this scan.
+     */
+    aggregateA11yErrors(errors, browser) {
+        const bSummary = this.getOrCreateBrowserSummary(browser);
+        let scanErrorCount = 0;
+        for (const err of errors) {
+            const count = err.total || 0;
+            scanErrorCount += count;
+            // Browser-level aggregation
+            if (!bSummary.wcagErrors[err.id]) {
+                bSummary.wcagErrors[err.id] = {
+                    count: 0,
+                    severity: err.severity,
+                    helpUrl: err.helpUrl,
+                    description: err.description,
                 };
             }
-            const bSummary = this.executionSummary.browserSummaries[browser];
-            if (reportData.a11yErrors && reportData.a11yErrors.length > 0) {
-                // Aggregate counts
-                const scanErrorCount = reportData.a11yErrors.reduce((sum, err) => sum + (err.total || 0), 0);
-                a11yErrorCount += scanErrorCount;
-                aggregatedA11yErrors.push(...reportData.a11yErrors);
-                reportData.a11yErrors.forEach((err) => {
-                    const rule = err.id;
-                    // Local Browser aggregation
-                    if (!bSummary.wcagErrors[rule]) {
-                        bSummary.wcagErrors[rule] = {
-                            count: 0,
-                            severity: err.severity,
-                            helpUrl: err.helpUrl,
-                            description: err.description,
-                        };
-                    }
-                    bSummary.wcagErrors[rule].count += err.total || 0;
-                    // Global aggregation (always add to ensure summary is not empty)
-                    if (!this.executionSummary.wcagErrors[rule]) {
-                        this.executionSummary.wcagErrors[rule] = {
-                            count: 0,
-                            severity: err.severity,
-                            helpUrl: err.helpUrl,
-                            description: err.description,
-                        };
-                    }
-                    this.executionSummary.wcagErrors[rule].count += err.total || 0;
-                });
-                // Update total error counts
-                bSummary.totalA11yErrorCount += scanErrorCount;
-                this.executionSummary.totalA11yErrorCount += scanErrorCount;
+            bSummary.wcagErrors[err.id].count += count;
+            // Global aggregation
+            if (!this.executionSummary.wcagErrors[err.id]) {
+                this.executionSummary.wcagErrors[err.id] = {
+                    count: 0,
+                    severity: err.severity,
+                    helpUrl: err.helpUrl,
+                    description: err.description,
+                };
             }
+            this.executionSummary.wcagErrors[err.id].count += count;
         }
-        // --- 4. Final Aggregation and Test Stats ---
-        // Update browser summary counts (always, even if no a11y scan occurred)
-        if (!this.executionSummary.browserSummaries[browser]) {
-            this.executionSummary.browserSummaries[browser] = {
-                duration: '0s',
-                status: '',
-                statusIcon: '',
-                total: 0,
-                totalFailed: 0,
-                totalFlaky: 0,
-                totalPassed: 0,
-                totalSkipped: 0,
-                groupedResults: {},
-                wcagErrors: {},
-                totalA11yErrorCount: 0,
-            };
-        }
-        const bSummary = this.executionSummary.browserSummaries[browser];
+        bSummary.totalA11yErrorCount += scanErrorCount;
+        this.executionSummary.totalA11yErrorCount += scanErrorCount;
+        return scanErrorCount;
+    }
+    /** Updates the browser-specific test counts (passed/failed/skipped). */
+    updateBrowserSummary(browser, status) {
+        const bSummary = this.getOrCreateBrowserSummary(browser);
         bSummary.total++;
-        switch (result.status) {
+        switch (status) {
             case 'passed':
                 bSummary.totalPassed++;
                 break;
@@ -293,35 +384,9 @@ class SnapAllyReporter {
                 bSummary.totalSkipped++;
                 break;
         }
-        const executionReportName = `execution-${sanitizedTitle}.html`;
-        const testStats = {
-            num: this.testIndex,
-            folderName: testFolderName,
-            executionReportPath: `${testFolderName}/${executionReportName}`,
-            title: test.title,
-            fileName: fileGroup,
-            timeDuration: result.duration,
-            duration: A11yTimeUtils_1.A11yTimeUtils.formatDuration(result.duration),
-            description,
-            status: result.status,
-            browser,
-            tags,
-            preConditions,
-            steps,
-            postConditions,
-            statusIcon,
-            pageUrl: testStatsPageUrl,
-            videoPath: video,
-            screenshotPaths: screenshots,
-            attachments: allAttachments,
-            errors: errorLogs,
-            a11yReportPath,
-            a11yErrorCount,
-            a11yErrors: aggregatedA11yErrors,
-            colors: this.options.colors,
-        };
-        this.executionSummary.groupedResults[fileGroup].push(testStats);
-        // Update summary counts
+    }
+    /** Updates the global execution summary counts. */
+    updateGlobalSummary(test, result) {
         const isFlaky = test.results.length > 1 && result.status === 'passed';
         if (isFlaky)
             this.executionSummary.totalFlaky++;
@@ -337,35 +402,35 @@ class SnapAllyReporter {
                 break;
         }
         this.executionSummary.total++;
-        // Create color config for template
-        const colors = {
-            critical: ((_g = this.options.colors) === null || _g === void 0 ? void 0 : _g.critical) || '#c92a2a',
-            serious: ((_h = this.options.colors) === null || _h === void 0 ? void 0 : _h.serious) || '#e67700',
-            moderate: ((_j = this.options.colors) === null || _j === void 0 ? void 0 : _j.moderate) || '#ca8a04',
-            minor: ((_k = this.options.colors) === null || _k === void 0 ? void 0 : _k.minor) || '#0891b2',
-        };
-        // Render Step Report
-        const indexFile = path.join(testResultsFolder, `execution-${sanitizedTitle}.html`);
-        await this.renderer.render('test-execution-report.html', { ...testStats, colors }, testResultsFolder, indexFile);
     }
-    async onEnd(result) {
-        var _a, _b, _c, _d;
-        // Wait for all test result processing to finish
-        await Promise.all(this.tasks);
-        const summaryFile = path.join(this.outputFolder, 'summary.html');
-        this.executionSummary.duration = A11yTimeUtils_1.A11yTimeUtils.formatDuration(result.duration);
-        this.executionSummary.status = result.status;
-        this.executionSummary.statusIcon =
-            models_1.TestStatusIcon[result.status] || 'help';
-        this.executionSummary.date = A11yTimeUtils_1.A11yTimeUtils.formatDate(new Date());
-        const colors = {
-            critical: ((_a = this.options.colors) === null || _a === void 0 ? void 0 : _a.critical) || '#c92a2a',
-            serious: ((_b = this.options.colors) === null || _b === void 0 ? void 0 : _b.serious) || '#e67700',
-            moderate: ((_c = this.options.colors) === null || _c === void 0 ? void 0 : _c.moderate) || '#ca8a04',
-            minor: ((_d = this.options.colors) === null || _d === void 0 ? void 0 : _d.minor) || '#0891b2',
-        };
-        await this.renderer.render('execution-summary.html', { ...this.executionSummary, colors }, this.outputFolder, summaryFile);
-        console.log(`\n[SnapAlly] Reports generated in: ${path.resolve(this.outputFolder)}`);
+    // ────────────────────────────────────────────────────────────────────────
+    //  Helpers
+    // ────────────────────────────────────────────────────────────────────────
+    /** Ensures a file group key exists in the grouped results map. */
+    ensureGroupExists(fileGroup) {
+        if (!this.executionSummary.groupedResults[fileGroup]) {
+            this.executionSummary.groupedResults[fileGroup] = [];
+        }
+    }
+    /** Lazily initialises and returns the browser summary for the given browser name. */
+    getOrCreateBrowserSummary(browser) {
+        const summaries = this.executionSummary.browserSummaries;
+        if (!summaries[browser]) {
+            summaries[browser] = {
+                duration: '0s',
+                status: '',
+                statusIcon: '',
+                total: 0,
+                totalFailed: 0,
+                totalFlaky: 0,
+                totalPassed: 0,
+                totalSkipped: 0,
+                groupedResults: {},
+                wcagErrors: {},
+                totalA11yErrorCount: 0,
+            };
+        }
+        return summaries[browser];
     }
 }
 exports.default = SnapAllyReporter;