@memberjunction/react-test-harness 2.70.0

package/dist/lib/component-runner.js

@@ -0,0 +1,177 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentRunner = void 0;
+const path = __importStar(require("path"));
+const fs = __importStar(require("fs"));
+class ComponentRunner {
+    constructor(browserManager) {
+        this.browserManager = browserManager;
+    }
+    async executeComponent(options) {
+        const startTime = Date.now();
+        const errors = [];
+        const consoleLogs = [];
+        try {
+            const page = await this.browserManager.getPage();
+            // Set up console logging
+            page.on('console', (msg) => {
+                consoleLogs.push({ type: msg.type(), text: msg.text() });
+            });
+            // Set up error handling
+            page.on('pageerror', (error) => {
+                errors.push(error.message);
+            });
+            // Create HTML template with React runtime
+            const htmlContent = this.createHTMLTemplate(options);
+            // Navigate to a data URL with the HTML content
+            await page.goto(`data:text/html;charset=utf-8,${encodeURIComponent(htmlContent)}`);
+            // Wait for React to render
+            if (options.waitForSelector) {
+                await this.browserManager.waitForSelector(options.waitForSelector, {
+                    timeout: options.timeout || 30000
+                });
+            }
+            if (options.waitForLoadState) {
+                await this.browserManager.waitForLoadState(options.waitForLoadState);
+            }
+            else {
+                // Default wait for React to finish rendering
+                await page.waitForTimeout(100);
+            }
+            // Get the rendered HTML
+            const html = await this.browserManager.getContent();
+            // Take screenshot if needed
+            const screenshot = await this.browserManager.screenshot();
+            return {
+                success: errors.length === 0,
+                html,
+                errors,
+                console: consoleLogs,
+                screenshot,
+                executionTime: Date.now() - startTime
+            };
+        }
+        catch (error) {
+            errors.push(error instanceof Error ? error.message : String(error));
+            return {
+                success: false,
+                html: '',
+                errors,
+                console: consoleLogs,
+                executionTime: Date.now() - startTime
+            };
+        }
+    }
+    createHTMLTemplate(options) {
+        const propsJson = JSON.stringify(options.props || {});
+        // Generate child component registration code if needed
+        let childComponentCode = '';
+        if (options.registerChildren !== false && options.childComponents && options.childComponents.length > 0) {
+            childComponentCode = this.generateChildComponentRegistration(options.childComponents);
+        }
+        return `
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>React Component Test</title>
+  <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+  <style>
+    body { margin: 0; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
+    #root { min-height: 100vh; }
+  </style>
+</head>
+<body>
+  <div id="root"></div>
+  <script type="text/babel">
+    ${options.setupCode || ''}
+    
+    // Register child components
+    const registeredComponents = {};
+    ${childComponentCode}
+    
+    const props = ${propsJson};
+    
+    // Add registered components to props if main component expects them
+    if (Object.keys(registeredComponents).length > 0) {
+      props.components = registeredComponents;
+    }
+    
+    ${options.componentCode}
+    
+    // Render the component
+    const root = ReactDOM.createRoot(document.getElementById('root'));
+    root.render(React.createElement(Component, props));
+  </script>
+</body>
+</html>`;
+    }
+    generateChildComponentRegistration(specs) {
+        const registrationCode = [];
+        // Recursively process all components in dependency order
+        const processSpec = (spec, depth = 0) => {
+            // Process children first (leaf nodes)
+            const children = spec.childComponents || spec.components || [];
+            children.forEach(child => processSpec(child, depth + 1));
+            // Then register this component
+            if (spec.componentCode) {
+                registrationCode.push(`
+    // Register ${spec.componentName}
+    (function() {
+      ${spec.componentCode}
+      // Wrap the component to inject nested components
+      const WrappedComponent = (props) => {
+        return React.createElement(Component, { 
+          ...props, 
+          components: registeredComponents 
+        });
+      };
+      registeredComponents['${spec.componentName}'] = WrappedComponent;
+    })();`);
+            }
+        };
+        // Process all specs
+        specs.forEach(spec => processSpec(spec));
+        // Return only the registration code (the object is declared in the HTML template)
+        return registrationCode.join('\n');
+    }
+    async executeComponentFromFile(filePath, props, options) {
+        const absolutePath = path.resolve(filePath);
+        if (!fs.existsSync(absolutePath)) {
+            throw new Error(`Component file not found: ${absolutePath}`);
+        }
+        const componentCode = fs.readFileSync(absolutePath, 'utf-8');
+        return this.executeComponent({
+            componentCode,
+            props,
+            ...options
+        });
+    }
+}
+exports.ComponentRunner = ComponentRunner;
+//# sourceMappingURL=component-runner.js.map

package/dist/lib/component-runner.js.map

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

package/dist/lib/test-harness.d.ts

@@ -0,0 +1,55 @@
+/// <reference types="node" />
+import { BrowserContextOptions } from './browser-context';
+import { ComponentExecutionOptions, ComponentExecutionResult, ComponentSpec } from './component-runner';
+import { AssertionHelpers } from './assertion-helpers';
+export interface TestHarnessOptions extends BrowserContextOptions {
+    debug?: boolean;
+    screenshotOnError?: boolean;
+    screenshotPath?: string;
+}
+export declare class ReactTestHarness {
+    private browserManager;
+    private componentRunner;
+    private options;
+    constructor(options?: TestHarnessOptions);
+    initialize(): Promise<void>;
+    testComponent(componentCode: string, props?: Record<string, any>, options?: Partial<ComponentExecutionOptions>): Promise<ComponentExecutionResult>;
+    testComponentFromFile(filePath: string, props?: Record<string, any>, options?: Partial<ComponentExecutionOptions>): Promise<ComponentExecutionResult>;
+    testComponentHierarchy(rootSpec: ComponentSpec, props?: Record<string, any>, options?: Partial<ComponentExecutionOptions>): Promise<ComponentExecutionResult>;
+    testComponentFromFileWithChildren(filePath: string, childComponents: ComponentSpec[], props?: Record<string, any>, options?: Partial<ComponentExecutionOptions>): Promise<ComponentExecutionResult>;
+    private collectChildComponents;
+    runTest(name: string, testFn: () => Promise<void>): Promise<{
+        name: string;
+        passed: boolean;
+        error?: string;
+        duration: number;
+    }>;
+    runTests(tests: Array<{
+        name: string;
+        fn: () => Promise<void>;
+    }>): Promise<{
+        total: number;
+        passed: number;
+        failed: number;
+        duration: number;
+        results: Array<{
+            name: string;
+            passed: boolean;
+            error?: string;
+            duration: number;
+        }>;
+    }>;
+    getAssertionHelpers(): typeof AssertionHelpers;
+    createMatcher(html: string): {
+        toContainText: (text: string) => void;
+        toHaveElement: (selector: string) => void;
+        toHaveElementCount: (tagName: string, count: number) => void;
+        toHaveAttribute: (selector: string, attribute: string, value?: string | undefined) => void;
+    };
+    close(): Promise<void>;
+    screenshot(path?: string): Promise<Buffer>;
+    reload(): Promise<void>;
+    navigateTo(url: string): Promise<void>;
+    evaluateInPage<T>(fn: (...args: any[]) => T, ...args: any[]): Promise<T>;
+}
+//# sourceMappingURL=test-harness.d.ts.map

package/dist/lib/test-harness.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-harness.d.ts","sourceRoot":"","sources":["../../src/lib/test-harness.ts"],"names":[],"mappings":"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"}

package/dist/lib/test-harness.js

@@ -0,0 +1,185 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactTestHarness = void 0;
+const browser_context_1 = require("./browser-context");
+const component_runner_1 = require("./component-runner");
+const assertion_helpers_1 = require("./assertion-helpers");
+const path = __importStar(require("path"));
+const fs = __importStar(require("fs"));
+class ReactTestHarness {
+    constructor(options = {}) {
+        this.options = {
+            headless: true,
+            debug: false,
+            screenshotOnError: true,
+            ...options
+        };
+        this.browserManager = new browser_context_1.BrowserManager(this.options);
+        this.componentRunner = new component_runner_1.ComponentRunner(this.browserManager);
+    }
+    async initialize() {
+        await this.browserManager.initialize();
+    }
+    async testComponent(componentCode, props, options) {
+        const result = await this.componentRunner.executeComponent({
+            componentCode,
+            props,
+            ...options
+        });
+        if (this.options.debug) {
+            console.log('=== Test Execution Debug Info ===');
+            console.log('Success:', result.success);
+            console.log('Execution Time:', result.executionTime, 'ms');
+            console.log('Errors:', result.errors);
+            console.log('Console Output:', result.console);
+            console.log('================================');
+        }
+        if (!result.success && this.options.screenshotOnError && result.screenshot) {
+            const screenshotPath = this.options.screenshotPath || './error-screenshot.png';
+            const fs = await Promise.resolve().then(() => __importStar(require('fs')));
+            fs.writeFileSync(screenshotPath, result.screenshot);
+            console.log(`Screenshot saved to: ${screenshotPath}`);
+        }
+        return result;
+    }
+    async testComponentFromFile(filePath, props, options) {
+        return await this.componentRunner.executeComponentFromFile(filePath, props, options);
+    }
+    async testComponentHierarchy(rootSpec, props, options) {
+        if (!rootSpec.componentCode) {
+            throw new Error(`Root component ${rootSpec.componentName} must have componentCode`);
+        }
+        // Collect all child components from the hierarchy
+        const childComponents = this.collectChildComponents(rootSpec);
+        // Execute the root component with all children registered
+        const result = await this.componentRunner.executeComponent({
+            componentCode: rootSpec.componentCode,
+            props,
+            childComponents,
+            registerChildren: true,
+            ...options
+        });
+        if (this.options.debug) {
+            console.log('=== Component Hierarchy Test Debug Info ===');
+            console.log('Root Component:', rootSpec.componentName);
+            console.log('Child Components:', childComponents.map(c => c.componentName));
+            console.log('==========================================');
+        }
+        return result;
+    }
+    async testComponentFromFileWithChildren(filePath, childComponents, props, options) {
+        const absolutePath = path.resolve(filePath);
+        if (!fs.existsSync(absolutePath)) {
+            throw new Error(`Component file not found: ${absolutePath}`);
+        }
+        const componentCode = fs.readFileSync(absolutePath, 'utf-8');
+        return await this.componentRunner.executeComponent({
+            componentCode,
+            props,
+            childComponents,
+            registerChildren: true,
+            ...options
+        });
+    }
+    collectChildComponents(spec) {
+        const collected = [];
+        const processSpec = (s) => {
+            const children = s.childComponents || s.components || [];
+            children.forEach(child => {
+                if (child.componentCode) {
+                    collected.push(child);
+                }
+                processSpec(child);
+            });
+        };
+        processSpec(spec);
+        return collected;
+    }
+    async runTest(name, testFn) {
+        const startTime = Date.now();
+        try {
+            await testFn();
+            const duration = Date.now() - startTime;
+            if (this.options.debug) {
+                console.log(`✓ ${name} (${duration}ms)`);
+            }
+            return { name, passed: true, duration };
+        }
+        catch (error) {
+            const duration = Date.now() - startTime;
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            if (this.options.debug) {
+                console.log(`✗ ${name} (${duration}ms)`);
+                console.error(`  Error: ${errorMessage}`);
+            }
+            return { name, passed: false, error: errorMessage, duration };
+        }
+    }
+    async runTests(tests) {
+        const startTime = Date.now();
+        const results = [];
+        for (const test of tests) {
+            const result = await this.runTest(test.name, test.fn);
+            results.push(result);
+        }
+        const total = results.length;
+        const passed = results.filter(r => r.passed).length;
+        const failed = total - passed;
+        const duration = Date.now() - startTime;
+        if (this.options.debug) {
+            console.log('\n=== Test Summary ===');
+            console.log(`Total: ${total}`);
+            console.log(`Passed: ${passed}`);
+            console.log(`Failed: ${failed}`);
+            console.log(`Duration: ${duration}ms`);
+            console.log('==================');
+        }
+        return { total, passed, failed, duration, results };
+    }
+    getAssertionHelpers() {
+        return assertion_helpers_1.AssertionHelpers;
+    }
+    createMatcher(html) {
+        return assertion_helpers_1.AssertionHelpers.createMatcher(html);
+    }
+    async close() {
+        await this.browserManager.close();
+    }
+    async screenshot(path) {
+        return await this.browserManager.screenshot(path);
+    }
+    async reload() {
+        await this.browserManager.reload();
+    }
+    async navigateTo(url) {
+        await this.browserManager.navigateTo(url);
+    }
+    async evaluateInPage(fn, ...args) {
+        return await this.browserManager.evaluateInPage(fn, ...args);
+    }
+}
+exports.ReactTestHarness = ReactTestHarness;
+//# sourceMappingURL=test-harness.js.map

package/dist/lib/test-harness.js.map

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

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@memberjunction/react-test-harness",
+  "version": "2.70.0",
+  "description": "React component test harness for MemberJunction using Playwright",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "bin": {
+    "mj-react-test": "./dist/cli/index.js"
+  },
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "start": "ts-node-dev src/index.ts",
+    "build": "tsc",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "MemberJunction.com",
+  "license": "ISC",
+  "devDependencies": {
+    "ts-node-dev": "^2.0.0",
+    "typescript": "^5.4.5"
+  },
+  "dependencies": {
+    "@memberjunction/react-runtime": "^2.70.0",
+    "@playwright/test": "^1.40.0",
+    "playwright": "^1.40.0",
+    "commander": "^11.1.0",
+    "chalk": "^4.1.2",
+    "ora": "^5.4.1"
+  }
+}