@playwright-test-runner/core 1.0.10 → 1.0.11

package/dist/web-ui.js

@@ -1,138 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlaywrightWebUI = void 0;
-exports.createWebUI = createWebUI;
-const express_1 = __importDefault(require("express"));
-const path_1 = __importDefault(require("path"));
-const test_runner_1 = require("./test-runner");
-const cors_1 = __importDefault(require("cors"));
-class PlaywrightWebUI {
-    app;
-    port;
-    testRunner;
-    reportProcess = null;
-    constructor(options = {}) {
-        this.app = (0, express_1.default)();
-        this.port = options.port || 3001;
-        this.testRunner = new test_runner_1.PlaywrightTestRunner({
-            projectRoot: options.projectRoot || process.cwd(),
-            testsDir: options.testsDir || 'tests',
-        });
-        this.setupMiddleware();
-        this.setupRoutes();
-    }
-    setupMiddleware() {
-        this.app.use((0, cors_1.default)());
-        this.app.use(express_1.default.json());
-        this.app.use(express_1.default.static(path_1.default.join(__dirname, '../public')));
-    }
-    setupRoutes() {
-        // Serve the HTML UI
-        this.app.get('/', (req, res) => {
-            res.sendFile(path_1.default.join(__dirname, '../public/index.html'));
-        });
-        // API endpoints
-        this.app.get('/api/health', (req, res) => {
-            res.json({ status: 'ok', service: 'playwright-web-ui' });
-        });
-        this.app.get('/api/tests', async (req, res) => {
-            try {
-                const files = await this.testRunner.getTestFiles();
-                res.json({
-                    success: true,
-                    count: files.length,
-                    files: files.map(f => path_1.default.relative(process.cwd(), f)),
-                });
-            }
-            catch (error) {
-                res.status(500).json({
-                    success: false,
-                    error: error.message,
-                });
-            }
-        });
-        this.app.post('/api/run', async (req, res) => {
-            try {
-                const { reporter = 'html', headed = false } = req.body;
-                const result = await this.testRunner.runTests({
-                    reporter,
-                    headed,
-                });
-                res.json({
-                    success: result.success,
-                    output: result.output,
-                    error: result.error,
-                    reportPath: result.reportPath,
-                });
-            }
-            catch (error) {
-                res.status(500).json({
-                    success: false,
-                    error: error.message,
-                });
-            }
-        });
-        this.app.post('/api/report/show', async (req, res) => {
-            try {
-                if (this.reportProcess) {
-                    return res.json({
-                        success: true,
-                        message: 'Report già in esecuzione',
-                        url: 'http://localhost:9323',
-                    });
-                }
-                const { url, process } = await this.testRunner.showReport();
-                this.reportProcess = process;
-                res.json({
-                    success: true,
-                    message: 'Report UI avviato',
-                    url,
-                });
-            }
-            catch (error) {
-                res.status(500).json({
-                    success: false,
-                    error: error.message,
-                });
-            }
-        });
-        this.app.post('/api/report/stop', (req, res) => {
-            if (this.reportProcess) {
-                this.reportProcess.kill();
-                this.reportProcess = null;
-                res.json({
-                    success: true,
-                    message: 'Report UI fermato',
-                });
-            }
-            else {
-                res.json({
-                    success: false,
-                    message: 'Nessun report in esecuzione',
-                });
-            }
-        });
-    }
-    start() {
-        this.app.listen(this.port, () => {
-            console.log(`\n🎭 Playwright Web UI`);
-            console.log(`━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━`);
-            console.log(`\n✨ Apri il browser su: http://localhost:${this.port}`);
-            console.log(`\n📁 Progetto: ${process.cwd()}`);
-            console.log(`📂 Cartella test: ${this.testRunner['testsDir']}`);
-            console.log(`\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━`);
-            console.log(`\nPremi Ctrl+C per fermare il server\n`);
-        });
-    }
-    getApp() {
-        return this.app;
-    }
-}
-exports.PlaywrightWebUI = PlaywrightWebUI;
-function createWebUI(options = {}) {
-    return new PlaywrightWebUI(options);
-}
-//# sourceMappingURL=web-ui.js.map

package/dist/web-ui.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"web-ui.js","sourceRoot":"","sources":["../src/web-ui.ts"],"names":[],"mappings":";;;;;;AAiJA,kCAEC;AAnJD,sDAAqD;AACrD,gDAAwB;AACxB,+CAAqD;AACrD,gDAAwB;AAQxB,MAAa,eAAe;IAClB,GAAG,CAAsB;IACzB,IAAI,CAAS;IACb,UAAU,CAAuB;IACjC,aAAa,GAAQ,IAAI,CAAC;IAElC,YAAY,UAAwB,EAAE;QACpC,IAAI,CAAC,GAAG,GAAG,IAAA,iBAAO,GAAE,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC;QACjC,IAAI,CAAC,UAAU,GAAG,IAAI,kCAAoB,CAAC;YACzC,WAAW,EAAE,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,GAAG,EAAE;YACjD,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,OAAO;SACtC,CAAC,CAAC;QAEH,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAA,cAAI,GAAE,CAAC,CAAC;QACrB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,iBAAO,CAAC,IAAI,EAAE,CAAC,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,iBAAO,CAAC,MAAM,CAAC,cAAI,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IAEO,WAAW;QACjB,oBAAoB;QACpB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAY,EAAE,GAAa,EAAE,EAAE;YAChD,GAAG,CAAC,QAAQ,CAAC,cAAI,CAAC,IAAI,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,gBAAgB;QAChB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC,GAAY,EAAE,GAAa,EAAE,EAAE;YAC1D,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,YAAY,EAAE,KAAK,EAAE,GAAY,EAAE,GAAa,EAAE,EAAE;YAC/D,IAAI,CAAC;gBACH,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE,CAAC;gBACnD,GAAG,CAAC,IAAI,CAAC;oBACP,OAAO,EAAE,IAAI;oBACb,KAAK,EAAE,KAAK,CAAC,MAAM;oBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,cAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;iBACvD,CAAC,CAAC;YACL,CAAC;YAAC,OAAO,KAAU,EAAE,CAAC;gBACpB,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;oBACnB,OAAO,EAAE,KAAK;oBACd,KAAK,EAAE,KAAK,CAAC,OAAO;iBACrB,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,GAAY,EAAE,GAAa,EAAE,EAAE;YAC9D,IAAI,CAAC;gBACH,MAAM,EAAE,QAAQ,GAAG,MAAM,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,GAAG,CAAC,IAAI,CAAC;gBAEvD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;oBAC5C,QAAQ;oBACR,MAAM;iBACP,CAAC,CAAC;gBAEH,GAAG,CAAC,IAAI,CAAC;oBACP,OAAO,EAAE,MAAM,CAAC,OAAO;oBACvB,MAAM,EAAE,MAAM,CAAC,MAAM;oBACrB,KAAK,EAAE,MAAM,CAAC,KAAK;oBACnB,UAAU,EAAE,MAAM,CAAC,UAAU;iBAC9B,CAAC,CAAC;YACL,CAAC;YAAC,OAAO,KAAU,EAAE,CAAC;gBACpB,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;oBACnB,OAAO,EAAE,KAAK;oBACd,KAAK,EAAE,KAAK,CAAC,OAAO;iBACrB,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAE,GAAY,EAAE,GAAa,EAAE,EAAE;YACtE,IAAI,CAAC;gBACH,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,OAAO,GAAG,CAAC,IAAI,CAAC;wBACd,OAAO,EAAE,IAAI;wBACb,OAAO,EAAE,0BAA0B;wBACnC,GAAG,EAAE,uBAAuB;qBAC7B,CAAC,CAAC;gBACL,CAAC;gBAED,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;gBAC5D,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;gBAE7B,GAAG,CAAC,IAAI,CAAC;oBACP,OAAO,EAAE,IAAI;oBACb,OAAO,EAAE,mBAAmB;oBAC5B,GAAG;iBACJ,CAAC,CAAC;YACL,CAAC;YAAC,OAAO,KAAU,EAAE,CAAC;gBACpB,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;oBACnB,OAAO,EAAE,KAAK;oBACd,KAAK,EAAE,KAAK,CAAC,OAAO;iBACrB,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,GAAY,EAAE,GAAa,EAAE,EAAE;YAChE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;gBAC1B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;gBAC1B,GAAG,CAAC,IAAI,CAAC;oBACP,OAAO,EAAE,IAAI;oBACb,OAAO,EAAE,mBAAmB;iBAC7B,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,IAAI,CAAC;oBACP,OAAO,EAAE,KAAK;oBACd,OAAO,EAAE,6BAA6B;iBACvC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,KAAK;QACV,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;YAC9B,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;YACtC,OAAO,CAAC,GAAG,CAAC,uDAAuD,CAAC,CAAC;YACrE,OAAO,CAAC,GAAG,CAAC,4CAA4C,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YACrE,OAAO,CAAC,GAAG,CAAC,kBAAkB,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YAC/C,OAAO,CAAC,GAAG,CAAC,qBAAqB,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;YAChE,OAAO,CAAC,GAAG,CAAC,yDAAyD,CAAC,CAAC;YACvE,OAAO,CAAC,GAAG,CAAC,wCAAwC,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,GAAG,CAAC;IAClB,CAAC;CACF;AApID,0CAoIC;AAED,SAAgB,WAAW,CAAC,UAAwB,EAAE;IACpD,OAAO,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC;AACtC,CAAC"}

package/public/index.html

@@ -1,542 +0,0 @@
-<!DOCTYPE html>
-<html lang="it">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Playwright Test Runner - Web UI</title>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            min-height: 100vh;
-            padding: 20px;
-        }
-
-        .container {
-            max-width: 1200px;
-            margin: 0 auto;
-        }
-
-        .header {
-            text-align: center;
-            color: white;
-            margin-bottom: 40px;
-        }
-
-        .header h1 {
-            font-size: 3em;
-            margin-bottom: 10px;
-            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
-        }
-
-        .header .emoji {
-            font-size: 4em;
-            margin-bottom: 20px;
-        }
-
-        .header p {
-            font-size: 1.2em;
-            opacity: 0.9;
-        }
-
-        .card {
-            background: white;
-            border-radius: 12px;
-            padding: 30px;
-            margin-bottom: 20px;
-            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
-        }
-
-        .card h2 {
-            color: #333;
-            margin-bottom: 20px;
-            font-size: 1.8em;
-            display: flex;
-            align-items: center;
-            gap: 10px;
-        }
-
-        .info-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-            gap: 15px;
-            margin-bottom: 20px;
-        }
-
-        .info-item {
-            background: #f5f5f5;
-            padding: 15px;
-            border-radius: 8px;
-            border-left: 4px solid #667eea;
-        }
-
-        .info-item strong {
-            display: block;
-            color: #667eea;
-            margin-bottom: 5px;
-            font-size: 0.9em;
-        }
-
-        .info-item span {
-            color: #333;
-            font-size: 1.1em;
-        }
-
-        .test-list {
-            margin-top: 20px;
-        }
-
-        .test-item {
-            background: #f9f9f9;
-            padding: 12px 15px;
-            margin: 8px 0;
-            border-radius: 6px;
-            border-left: 3px solid #4CAF50;
-            font-family: 'Courier New', monospace;
-            font-size: 0.95em;
-        }
-
-        .controls {
-            display: flex;
-            gap: 15px;
-            flex-wrap: wrap;
-            margin-top: 20px;
-        }
-
-        .btn {
-            padding: 15px 30px;
-            border: none;
-            border-radius: 8px;
-            font-size: 1em;
-            font-weight: 600;
-            cursor: pointer;
-            transition: all 0.3s ease;
-            display: flex;
-            align-items: center;
-            gap: 10px;
-            flex: 1;
-            min-width: 200px;
-            justify-content: center;
-        }
-
-        .btn:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
-        }
-
-        .btn:active {
-            transform: translateY(0);
-        }
-
-        .btn-primary {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            color: white;
-        }
-
-        .btn-success {
-            background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
-            color: white;
-        }
-
-        .btn-info {
-            background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
-            color: white;
-        }
-
-        .btn-warning {
-            background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
-            color: white;
-        }
-
-        .btn:disabled {
-            opacity: 0.5;
-            cursor: not-allowed;
-            transform: none !important;
-        }
-
-        .output {
-            background: #1e1e1e;
-            color: #d4d4d4;
-            padding: 20px;
-            border-radius: 8px;
-            font-family: 'Courier New', monospace;
-            font-size: 0.9em;
-            max-height: 400px;
-            overflow-y: auto;
-            white-space: pre-wrap;
-            word-wrap: break-word;
-            margin-top: 20px;
-            line-height: 1.5;
-        }
-
-        .output:empty::before {
-            content: 'Output dei test apparirà qui...';
-            opacity: 0.5;
-        }
-
-        .spinner {
-            border: 3px solid #f3f3f3;
-            border-top: 3px solid #667eea;
-            border-radius: 50%;
-            width: 20px;
-            height: 20px;
-            animation: spin 1s linear infinite;
-        }
-
-        @keyframes spin {
-            0% { transform: rotate(0deg); }
-            100% { transform: rotate(360deg); }
-        }
-
-        .status {
-            padding: 10px 15px;
-            border-radius: 6px;
-            margin-top: 15px;
-            display: none;
-        }
-
-        .status.success {
-            background: #d4edda;
-            color: #155724;
-            border: 1px solid #c3e6cb;
-            display: block;
-        }
-
-        .status.error {
-            background: #f8d7da;
-            color: #721c24;
-            border: 1px solid #f5c6cb;
-            display: block;
-        }
-
-        .status.info {
-            background: #d1ecf1;
-            color: #0c5460;
-            border: 1px solid #bee5eb;
-            display: block;
-        }
-
-        .badge {
-            background: #667eea;
-            color: white;
-            padding: 4px 12px;
-            border-radius: 12px;
-            font-size: 0.85em;
-            font-weight: 600;
-        }
-
-        .options {
-            display: flex;
-            gap: 20px;
-            margin-top: 20px;
-            flex-wrap: wrap;
-        }
-
-        .option-group {
-            flex: 1;
-            min-width: 200px;
-        }
-
-        .option-group label {
-            display: block;
-            margin-bottom: 8px;
-            color: #555;
-            font-weight: 600;
-        }
-
-        .option-group select {
-            width: 100%;
-            padding: 10px;
-            border: 2px solid #ddd;
-            border-radius: 6px;
-            font-size: 1em;
-            background: white;
-            cursor: pointer;
-        }
-
-        .option-group select:focus {
-            outline: none;
-            border-color: #667eea;
-        }
-
-        .checkbox-option {
-            display: flex;
-            align-items: center;
-            gap: 10px;
-            margin-top: 25px;
-        }
-
-        .checkbox-option input {
-            width: 20px;
-            height: 20px;
-            cursor: pointer;
-        }
-
-        .footer {
-            text-align: center;
-            color: white;
-            margin-top: 40px;
-            opacity: 0.8;
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div class="header">
-            <div class="emoji">🎭</div>
-            <h1>Playwright Test Runner</h1>
-            <p>Interfaccia Web per eseguire i tuoi test Playwright</p>
-        </div>
-
-        <!-- Project Info Card -->
-        <div class="card">
-            <h2>📁 Informazioni Progetto</h2>
-            <div class="info-grid">
-                <div class="info-item">
-                    <strong>Cartella Progetto</strong>
-                    <span id="projectPath">Caricamento...</span>
-                </div>
-                <div class="info-item">
-                    <strong>Cartella Test</strong>
-                    <span id="testsDir">Caricamento...</span>
-                </div>
-                <div class="info-item">
-                    <strong>Test Trovati</strong>
-                    <span id="testCount">
-                        <span class="badge">0</span>
-                    </span>
-                </div>
-            </div>
-            <button class="btn btn-info" onclick="loadTests()">
-                🔄 Ricarica Test
-            </button>
-        </div>
-
-        <!-- Test List Card -->
-        <div class="card">
-            <h2>📋 File di Test</h2>
-            <div id="testList" class="test-list">
-                <p style="color: #999;">Clicca "Ricarica Test" per vedere i file disponibili</p>
-            </div>
-        </div>
-
-        <!-- Run Tests Card -->
-        <div class="card">
-            <h2>⚡ Esegui Test</h2>
-
-            <div class="options">
-                <div class="option-group">
-                    <label for="reporter">Reporter:</label>
-                    <select id="reporter">
-                        <option value="html" selected>HTML Report (consigliato)</option>
-                        <option value="json">JSON</option>
-                        <option value="line">Line</option>
-                        <option value="list">List</option>
-                    </select>
-                </div>
-
-                <div class="checkbox-option">
-                    <input type="checkbox" id="headed">
-                    <label for="headed">Mostra browser durante i test (headed mode)</label>
-                </div>
-            </div>
-
-            <div class="controls">
-                <button class="btn btn-primary" onclick="runTests()" id="runBtn">
-                    ▶️ Esegui Tutti i Test
-                </button>
-                <button class="btn btn-success" onclick="showReport()" id="reportBtn">
-                    📊 Mostra Report UI
-                </button>
-                <button class="btn btn-warning" onclick="stopReport()" id="stopBtn">
-                    ⏹️ Ferma Report UI
-                </button>
-            </div>
-
-            <div id="status" class="status"></div>
-
-            <div id="output" class="output"></div>
-        </div>
-
-        <div class="footer">
-            <p>Powered by Playwright Test Runner Library v1.0.0</p>
-        </div>
-    </div>
-
-    <script>
-        const API_BASE = '';
-
-        // Load project info and tests on page load
-        window.addEventListener('DOMContentLoaded', () => {
-            loadProjectInfo();
-            loadTests();
-        });
-
-        async function loadProjectInfo() {
-            try {
-                const response = await fetch(`${API_BASE}/api/health`);
-                const data = await response.json();
-
-                document.getElementById('projectPath').textContent = window.location.hostname === 'localhost'
-                    ? 'Progetto locale'
-                    : 'Progetto remoto';
-            } catch (error) {
-                console.error('Error loading project info:', error);
-            }
-        }
-
-        async function loadTests() {
-            const testList = document.getElementById('testList');
-            const testCount = document.getElementById('testCount');
-
-            testList.innerHTML = '<p style="color: #999;">Caricamento...</p>';
-
-            try {
-                const response = await fetch(`${API_BASE}/api/tests`);
-                const data = await response.json();
-
-                if (data.success) {
-                    testCount.innerHTML = `<span class="badge">${data.count}</span>`;
-
-                    if (data.files.length === 0) {
-                        testList.innerHTML = '<p style="color: #999;">Nessun file di test trovato</p>';
-                    } else {
-                        testList.innerHTML = data.files
-                            .map(file => `<div class="test-item">✓ ${file}</div>`)
-                            .join('');
-                    }
-
-                    showStatus('Test caricati con successo!', 'success');
-                } else {
-                    testList.innerHTML = `<p style="color: #e74c3c;">Errore: ${data.error}</p>`;
-                    showStatus(`Errore: ${data.error}`, 'error');
-                }
-            } catch (error) {
-                testList.innerHTML = '<p style="color: #e74c3c;">Errore nel caricamento dei test</p>';
-                showStatus('Errore di connessione al server', 'error');
-            }
-        }
-
-        async function runTests() {
-            const runBtn = document.getElementById('runBtn');
-            const output = document.getElementById('output');
-            const reporter = document.getElementById('reporter').value;
-            const headed = document.getElementById('headed').checked;
-
-            runBtn.disabled = true;
-            runBtn.innerHTML = '<div class="spinner"></div> Test in esecuzione...';
-            output.textContent = 'Avvio test Playwright...\n\n';
-
-            try {
-                const response = await fetch(`${API_BASE}/api/run`, {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json',
-                    },
-                    body: JSON.stringify({ reporter, headed }),
-                });
-
-                const data = await response.json();
-
-                if (data.success) {
-                    output.textContent += '✅ Test completati con successo!\n\n';
-                    output.textContent += data.output;
-
-                    showStatus(
-                        `Test completati! ${data.reportPath ? 'Report salvato in: ' + data.reportPath : ''}`,
-                        'success'
-                    );
-
-                    if (reporter === 'html') {
-                        setTimeout(() => {
-                            if (confirm('Vuoi aprire il report UI?')) {
-                                showReport();
-                            }
-                        }, 1000);
-                    }
-                } else {
-                    output.textContent += '❌ Test falliti!\n\n';
-                    if (data.error) {
-                        output.textContent += 'Errore:\n' + data.error + '\n\n';
-                    }
-                    if (data.output) {
-                        output.textContent += 'Output:\n' + data.output;
-                    }
-
-                    showStatus('Test falliti. Controlla l\'output per i dettagli.', 'error');
-                }
-            } catch (error) {
-                output.textContent += '❌ Errore di connessione!\n\n' + error;
-                showStatus('Errore di connessione al server', 'error');
-            } finally {
-                runBtn.disabled = false;
-                runBtn.innerHTML = '▶️ Esegui Tutti i Test';
-            }
-        }
-
-        async function showReport() {
-            const reportBtn = document.getElementById('reportBtn');
-
-            reportBtn.disabled = true;
-            reportBtn.innerHTML = '<div class="spinner"></div> Avvio report...';
-
-            try {
-                const response = await fetch(`${API_BASE}/api/report/show`, {
-                    method: 'POST',
-                });
-
-                const data = await response.json();
-
-                if (data.success) {
-                    showStatus(`Report UI disponibile su: ${data.url}`, 'success');
-
-                    // Apri in una nuova finestra
-                    window.open(data.url, '_blank');
-                } else {
-                    showStatus(`Errore: ${data.error || data.message}`, 'error');
-                }
-            } catch (error) {
-                showStatus('Errore nell\'avvio del report UI', 'error');
-            } finally {
-                reportBtn.disabled = false;
-                reportBtn.innerHTML = '📊 Mostra Report UI';
-            }
-        }
-
-        async function stopReport() {
-            const stopBtn = document.getElementById('stopBtn');
-
-            stopBtn.disabled = true;
-
-            try {
-                const response = await fetch(`${API_BASE}/api/report/stop`, {
-                    method: 'POST',
-                });
-
-                const data = await response.json();
-                showStatus(data.message, data.success ? 'info' : 'error');
-            } catch (error) {
-                showStatus('Errore nella chiusura del report UI', 'error');
-            } finally {
-                stopBtn.disabled = false;
-            }
-        }
-
-        function showStatus(message, type) {
-            const status = document.getElementById('status');
-            status.textContent = message;
-            status.className = 'status ' + type;
-
-            setTimeout(() => {
-                status.className = 'status';
-            }, 5000);
-        }
-    </script>
-</body>
-</html>