@supernal/interface 1.0.8 → 1.0.11

package/dist/esm/src/testing/graph-tester/screenshot/ScreenshotAnnotator.js

@@ -0,0 +1,339 @@
+/**
+ * Core screenshot annotation capture logic.
+ *
+ * Captures full-page screenshots with element annotations including:
+ * - Bounding boxes (viewport and page coordinates)
+ * - Element metadata (testid, tag, attributes, styles)
+ * - Interaction capabilities
+ * - Element hierarchy (parent/child relationships)
+ * - ARIA attributes for accessibility analysis
+ *
+ * Uses single-pass DOM traversal for efficiency.
+ *
+ * @packageDocumentation
+ */
+import * as fs from 'fs/promises';
+import * as path from 'path';
+/**
+ * Screenshot annotator.
+ *
+ * @example
+ * ```typescript
+ * const annotator = new ScreenshotAnnotator({
+ *   outputDir: './screenshots',
+ *   fullPage: true
+ * });
+ *
+ * const result = await annotator.capture(page, '/dashboard');
+ * console.log(`Captured ${result.annotations.length} annotations`);
+ * ```
+ */
+export class ScreenshotAnnotator {
+    constructor(config) {
+        this.config = {
+            fullPage: true,
+            includeInvisible: false,
+            minElementSize: 5,
+            detectNavigation: true,
+            captureLoadMetrics: true,
+            ...config,
+        };
+    }
+    /**
+     * Capture annotated screenshot for a page.
+     *
+     * @param page - Playwright page instance
+     * @param route - Route being captured
+     * @param viewportName - Optional viewport name for responsive testing
+     * @returns Annotated screenshot
+     */
+    async capture(page, route, viewportName) {
+        const startTime = Date.now();
+        // Ensure output directory exists
+        await fs.mkdir(this.config.outputDir, { recursive: true });
+        // Capture screenshot
+        const screenshotFilename = this.generateScreenshotFilename(route, viewportName);
+        const screenshotPath = path.join(this.config.outputDir, screenshotFilename);
+        const screenshot = await page.screenshot({
+            path: screenshotPath,
+            fullPage: this.config.fullPage,
+            type: 'png',
+        });
+        // Extract element annotations (single-pass DOM traversal)
+        const annotations = await this.extractAnnotations(page);
+        // Extract page metadata
+        const pageMetadata = await this.extractPageMetadata(page);
+        const result = {
+            route,
+            screenshot: Buffer.from(screenshot),
+            screenshotPath,
+            annotations,
+            pageMetadata,
+            timestamp: new Date(),
+        };
+        // Save annotation JSON
+        const annotationFilename = screenshotFilename.replace('.png', '.json');
+        const annotationPath = path.join(this.config.outputDir, annotationFilename);
+        await fs.writeFile(annotationPath, JSON.stringify(result, null, 2));
+        console.log(`Captured screenshot in ${Date.now() - startTime}ms: ${screenshotPath}`);
+        console.log(`  Annotations: ${annotations.length}`);
+        console.log(`  Annotation JSON: ${annotationPath}`);
+        return result;
+    }
+    /**
+     * Extract element annotations via single-pass DOM traversal.
+     *
+     * @param page - Playwright page instance
+     * @returns Array of element annotations
+     */
+    async extractAnnotations(page) {
+        const config = this.config;
+        // Single-pass DOM traversal in browser context
+        const rawAnnotations = await page.evaluate(({ includeInvisible, minElementSize, detectNavigation }) => {
+            const annotations = [];
+            const elementMap = new Map(); // Element -> ID mapping
+            let idCounter = 0;
+            // Get all elements
+            const allElements = Array.from(document.querySelectorAll('*'));
+            for (const element of allElements) {
+                // Generate unique ID
+                const elementId = `elem-${idCounter++}`;
+                elementMap.set(element, elementId);
+                // Get bounding box
+                const rect = element.getBoundingClientRect();
+                // Skip elements below minimum size
+                if (rect.width < minElementSize || rect.height < minElementSize) {
+                    continue;
+                }
+                // Get computed styles
+                const computedStyle = window.getComputedStyle(element);
+                // Check visibility
+                const isVisible = computedStyle.visibility !== 'hidden' &&
+                    computedStyle.display !== 'none' &&
+                    parseFloat(computedStyle.opacity) > 0 &&
+                    rect.width > 0 &&
+                    rect.height > 0;
+                // Skip invisible elements if configured
+                if (!includeInvisible && !isVisible) {
+                    continue;
+                }
+                // Get viewport bounding box
+                const boundingBox = {
+                    x: rect.left,
+                    y: rect.top,
+                    width: rect.width,
+                    height: rect.height,
+                };
+                // Get page bounding box (for full-page screenshots)
+                const pageBoundingBox = {
+                    x: rect.left + window.scrollX,
+                    y: rect.top + window.scrollY,
+                    width: rect.width,
+                    height: rect.height,
+                };
+                // Get attributes
+                const attributes = {};
+                for (const attr of Array.from(element.attributes)) {
+                    attributes[attr.name] = attr.value;
+                }
+                // Get ARIA attributes
+                const ariaAttributes = {};
+                for (const attr of Array.from(element.attributes)) {
+                    if (attr.name.startsWith('aria-')) {
+                        ariaAttributes[attr.name] = attr.value;
+                    }
+                }
+                // Detect interaction capabilities
+                const interactions = [];
+                const tagName = element.tagName.toLowerCase();
+                // Clickable elements
+                if (tagName === 'button' ||
+                    tagName === 'a' ||
+                    attributes.role === 'button' ||
+                    attributes.onclick ||
+                    computedStyle.cursor === 'pointer') {
+                    interactions.push({ type: 'click', hasHandler: !!attributes.onclick });
+                }
+                // Input elements
+                if (tagName === 'input' ||
+                    tagName === 'textarea' ||
+                    attributes.contenteditable === 'true') {
+                    interactions.push({ type: 'input', hasHandler: true });
+                }
+                // Select elements
+                if (tagName === 'select') {
+                    interactions.push({ type: 'select', hasHandler: true });
+                }
+                // Focusable elements
+                if (element.hasAttribute('tabindex') ||
+                    ['input', 'button', 'a', 'select', 'textarea'].includes(tagName)) {
+                    interactions.push({ type: 'focus', hasHandler: true });
+                }
+                // Hoverable elements (with hover effects)
+                const hoverSelector = `:hover`;
+                if (attributes.onmouseover || attributes.onmouseenter) {
+                    interactions.push({ type: 'hover', hasHandler: true });
+                }
+                // Detect navigation targets
+                let navigationTarget = undefined;
+                if (detectNavigation && tagName === 'a' && attributes.href) {
+                    navigationTarget = {
+                        target: attributes.href,
+                        method: 'link',
+                        href: attributes.href,
+                        opensInNewTab: attributes.target === '_blank',
+                    };
+                }
+                // Get parent ID
+                let parentId = undefined;
+                if (element.parentElement) {
+                    parentId = elementMap.get(element.parentElement);
+                }
+                // Get child IDs
+                const childIds = [];
+                for (const child of Array.from(element.children)) {
+                    const childId = elementMap.get(child);
+                    if (childId) {
+                        childIds.push(childId);
+                    }
+                }
+                // Build annotation
+                const annotation = {
+                    id: elementId,
+                    selector: getCssSelector(element),
+                    testId: attributes['data-testid'],
+                    tagName,
+                    boundingBox,
+                    pageBoundingBox,
+                    computedStyles: {
+                        backgroundColor: computedStyle.backgroundColor,
+                        color: computedStyle.color,
+                        fontFamily: computedStyle.fontFamily,
+                        fontSize: computedStyle.fontSize,
+                        fontWeight: computedStyle.fontWeight,
+                        display: computedStyle.display,
+                        position: computedStyle.position,
+                        opacity: computedStyle.opacity,
+                        visibility: computedStyle.visibility,
+                        border: computedStyle.border,
+                        borderRadius: computedStyle.borderRadius,
+                        padding: computedStyle.padding,
+                        margin: computedStyle.margin,
+                    },
+                    textContent: element.textContent?.trim().substring(0, 200) || undefined,
+                    attributes,
+                    isInteractive: interactions.length > 0,
+                    interactions,
+                    navigationTarget,
+                    parentId,
+                    childIds,
+                    ariaAttributes,
+                    isVisible,
+                    zIndex: parseInt(computedStyle.zIndex) || 0,
+                };
+                annotations.push(annotation);
+            }
+            // Helper: Generate CSS selector for element
+            function getCssSelector(element) {
+                if (element.id) {
+                    return `#${element.id}`;
+                }
+                if (element.getAttribute('data-testid')) {
+                    return `[data-testid="${element.getAttribute('data-testid')}"]`;
+                }
+                const path = [];
+                let current = element;
+                while (current && current.nodeType === Node.ELEMENT_NODE) {
+                    let selector = current.tagName.toLowerCase();
+                    if (current.id) {
+                        selector += `#${current.id}`;
+                        path.unshift(selector);
+                        break;
+                    }
+                    const siblings = current.parentElement
+                        ? Array.from(current.parentElement.children)
+                        : [];
+                    if (siblings.length > 1) {
+                        const index = siblings.indexOf(current) + 1;
+                        selector += `:nth-child(${index})`;
+                    }
+                    path.unshift(selector);
+                    current = current.parentElement;
+                }
+                return path.join(' > ');
+            }
+            return annotations;
+        }, {
+            includeInvisible: this.config.includeInvisible || false,
+            minElementSize: this.config.minElementSize || 5,
+            detectNavigation: this.config.detectNavigation !== false,
+        });
+        return rawAnnotations;
+    }
+    /**
+     * Extract page metadata.
+     *
+     * @param page - Playwright page instance
+     * @returns Page metadata
+     */
+    async extractPageMetadata(page) {
+        const pageData = await page.evaluate(() => {
+            // Get meta tags
+            const metaTags = {};
+            const metaElements = Array.from(document.querySelectorAll('meta'));
+            for (const meta of metaElements) {
+                const name = meta.getAttribute('name') || meta.getAttribute('property') || '';
+                const content = meta.getAttribute('content') || '';
+                if (name) {
+                    metaTags[name] = content;
+                }
+            }
+            // Get page size
+            const pageSize = {
+                width: Math.max(document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.offsetWidth, document.documentElement.clientWidth),
+                height: Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.documentElement.clientHeight),
+            };
+            // Get load metrics
+            const perfData = performance.getEntriesByType('navigation')[0];
+            const loadMetrics = perfData
+                ? {
+                    domContentLoaded: perfData.domContentLoadedEventEnd - perfData.domContentLoadedEventStart,
+                    loadComplete: perfData.loadEventEnd - perfData.loadEventStart,
+                }
+                : undefined;
+            return {
+                title: document.title,
+                url: window.location.href,
+                metaTags,
+                pageSize,
+                loadMetrics,
+            };
+        });
+        const viewport = page.viewportSize() || { width: 1280, height: 720 };
+        return {
+            ...pageData,
+            viewport,
+        };
+    }
+    /**
+     * Generate screenshot filename from route and viewport.
+     *
+     * @param route - Route path
+     * @param viewportName - Optional viewport name
+     * @returns Sanitized filename
+     */
+    generateScreenshotFilename(route, viewportName) {
+        // Sanitize route for filename
+        let filename = route.replace(/^\//, '').replace(/\//g, '-') || 'home';
+        // Remove query params and hash
+        filename = filename.split('?')[0].split('#')[0];
+        // Add viewport name if provided
+        if (viewportName) {
+            filename = `${filename}-${viewportName}`;
+        }
+        // Add timestamp
+        const timestamp = Date.now();
+        return `${filename}-${timestamp}.png`;
+    }
+}
+//# sourceMappingURL=ScreenshotAnnotator.js.map

package/dist/esm/src/testing/graph-tester/screenshot/ScreenshotAnnotator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenshotAnnotator.js","sourceRoot":"","sources":["../../../../../../src/testing/graph-tester/screenshot/ScreenshotAnnotator.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/testing/graph-tester/screenshot/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Screenshot annotation system exports.
+ *
+ * @packageDocumentation
+ */
+export { ScreenshotAnnotator } from './ScreenshotAnnotator';
+export type { ScreenshotAnnotatorConfig } from './ScreenshotAnnotator';
+export { HTMLAnnotationRenderer } from './HTMLAnnotationRenderer';
+export { CanvasAnnotationRenderer } from './CanvasAnnotationRenderer';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/src/testing/graph-tester/screenshot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/testing/graph-tester/screenshot/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,mBAAmB,SAAS,CAAC"}

package/dist/esm/src/testing/graph-tester/screenshot/index.js

@@ -0,0 +1,9 @@
+/**
+ * Screenshot annotation system exports.
+ *
+ * @packageDocumentation
+ */
+export { ScreenshotAnnotator } from './ScreenshotAnnotator.js';
+export { HTMLAnnotationRenderer } from './HTMLAnnotationRenderer.js';
+export { CanvasAnnotationRenderer } from './CanvasAnnotationRenderer.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/src/testing/graph-tester/screenshot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/testing/graph-tester/screenshot/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}