opencroc 1.5.1 → 1.6.1

package/dist/index.d.ts

@@ -47,6 +47,15 @@ interface PlaywrightOverrides {
     navigationTimeout?: number;
 }
 interface RuntimeConfig {
+    server?: {
+        command?: string;
+        args?: string[];
+        cwd?: string;
+        healthUrl?: string;
+        startTimeoutMs?: number;
+        pollIntervalMs?: number;
+        reuseExisting?: boolean;
+    };
     /** Authentication strategy */
     auth?: {
         /** Login API URL for credential-based auth */

package/dist/web/index.html

@@ -107,6 +107,8 @@
     <div class="actions">
       <button class="btn" id="btn-scan" title="Scan project">🔍 Scan</button>
       <button class="btn" id="btn-pipeline" title="Run full pipeline">▶ Pipeline</button>
+      <button class="btn" id="btn-run-tests" title="Run generated tests" disabled>🧪 Run Tests</button>
+      <button class="btn" id="btn-reports" title="Generate reports" disabled>📊 Reports</button>
       <button class="btn danger" id="btn-reset" title="Reset agents">⏹ Reset</button>
     </div>
     <div class="stats">
@@ -114,6 +116,7 @@
       <div>Models: <span id="s-mdl">-</span></div>
       <div>APIs: <span id="s-api">-</span></div>
       <div>Tests: <span id="s-files">-</span></div>
+      <div id="s-results-wrap" style="display:none">Results: <span id="s-results" style="color:var(--accent)">-</span></div>
     </div>
     <div class="conn-dot" id="conn-dot" title="WebSocket"></div>
   </header>
@@ -134,9 +137,13 @@
     <div class="panel-tabs">
       <button class="tab active" data-tab="log">📋 Log</button>
       <button class="tab" data-tab="files">📄 Tests <span id="file-badge" style="display:none;background:var(--accent);color:#000;border-radius:8px;padding:0 5px;font-size:9px;margin-left:3px">0</span></button>
+      <button class="tab" data-tab="results">🧪 Results <span id="result-badge" style="display:none;background:var(--accent);color:#000;border-radius:8px;padding:0 5px;font-size:9px;margin-left:3px">0</span></button>
+      <button class="tab" data-tab="reports">📊 Reports</button>
     </div>
     <div class="log-list" id="log-list"></div>
     <div class="file-list" id="file-list" style="display:none"></div>
+    <div class="file-list" id="results-panel" style="display:none"></div>
+    <div class="file-list" id="reports-panel" style="display:none"></div>
   </div>
 
   <section class="office" id="croc-office"></section>
@@ -152,7 +159,7 @@ const S = {
   project:null, graph:{nodes:[],edges:[]}, agents:[], ws:null,
   pan:{x:0,y:0}, zoom:1, dragging:false, dragStart:{x:0,y:0},
   nodePos:new Map(), hoveredNode:null, running:false, _userPanned:false,
-  generatedFiles:[]
+  generatedFiles:[], testMetrics:null, reports:[]
 };
 
 async function fetchProject(){
@@ -178,9 +185,23 @@ async function doReset(){
   try{await fetch('/api/reset',{method:'POST'});}catch(e){addLog('Reset failed','error');}
   S.running=false; updateBtns(); addLog('⏹ Agents reset');
 }
+async function doRunTests(){
+  if(S.running)return; S.running=true; updateBtns();
+  addLog('🧪 Starting test execution...');
+  try{await fetch('/api/run-tests',{method:'POST'});}
+  catch(e){addLog('Run tests failed: '+e.message,'error');S.running=false;updateBtns();}
+}
+async function doReports(){
+  if(S.running)return; S.running=true; updateBtns();
+  addLog('📊 Generating reports...');
+  try{await fetch('/api/reports/generate',{method:'POST'});}
+  catch(e){addLog('Report gen failed: '+e.message,'error');S.running=false;updateBtns();}
+}
 function updateBtns(){
   document.getElementById('btn-scan').disabled=S.running;
   document.getElementById('btn-pipeline').disabled=S.running;
+  document.getElementById('btn-run-tests').disabled=S.running||S.generatedFiles.length===0;
+  document.getElementById('btn-reports').disabled=S.running||S.generatedFiles.length===0;
 }
 
 function connectWS(){
@@ -207,6 +228,18 @@ function connectWS(){
         if(m.payload.status==='success') addLog('✅ Pipeline complete!');
         else addLog('❌ Pipeline failed: '+(m.payload.error||''),'error');
         setTimeout(fetchProject,500);
+      }else if(m.type==='test:complete'){
+        S.running=false; S.testMetrics=m.payload.metrics; updateBtns(); renderResults();
+        const met=m.payload.metrics;
+        document.getElementById('s-results-wrap').style.display='';
+        document.getElementById('s-results').textContent=met.passed+'✓ '+met.failed+'✗';
+        document.getElementById('s-results').style.color=met.failed>0?'var(--red)':'var(--accent)';
+        const rb=document.getElementById('result-badge');
+        rb.textContent=m.payload.total||0; rb.style.display='inline';
+        rb.style.background=met.failed>0?'var(--red)':'var(--accent)';
+      }else if(m.type==='reports:generated'){
+        S.running=false; S.reports=m.payload||[]; updateBtns(); renderReports();
+        addLog('📊 '+S.reports.length+' reports generated');
       }
     }catch{}
   };
@@ -468,6 +501,8 @@ function esc(s){return s?s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>
 document.getElementById('btn-scan').addEventListener('click',doScan);
 document.getElementById('btn-pipeline').addEventListener('click',doPipeline);
 document.getElementById('btn-reset').addEventListener('click',doReset);
+document.getElementById('btn-run-tests').addEventListener('click',doRunTests);
+document.getElementById('btn-reports').addEventListener('click',doReports);
 
 // Tab switching
 document.querySelectorAll('.panel-tabs .tab').forEach(tab=>{
@@ -477,6 +512,8 @@ document.querySelectorAll('.panel-tabs .tab').forEach(tab=>{
     const t=tab.getAttribute('data-tab');
     document.getElementById('log-list').style.display=t==='log'?'':'none';
     document.getElementById('file-list').style.display=t==='files'?'':'none';
+    document.getElementById('results-panel').style.display=t==='results'?'':'none';
+    document.getElementById('reports-panel').style.display=t==='reports'?'':'none';
   });
 });
 
@@ -509,6 +546,58 @@ document.addEventListener('keydown',e=>{
   if(e.key==='Escape') document.getElementById('file-preview').classList.remove('visible');
 });
 
+// Test Results rendering
+function renderResults(){
+  const el=document.getElementById('results-panel');
+  if(!S.testMetrics){el.innerHTML='<div style="padding:12px;color:#555;font-size:10px">No test results yet. Run Tests first.</div>';return;}
+  const m=S.testMetrics, total=m.passed+m.failed+m.skipped+m.timedOut;
+  const passRate=total>0?Math.round(m.passed/total*100):0;
+  const barColor=m.failed>0?'var(--red)':'var(--accent)';
+  el.innerHTML='<div style="padding:10px">'
+    +'<div style="font-size:13px;font-weight:bold;margin-bottom:8px">🧪 Test Execution Results</div>'
+    +'<div style="display:flex;gap:12px;margin-bottom:10px">'
+    +'<div style="flex:1;text-align:center;background:#0d2818;padding:8px;border-radius:4px"><div style="font-size:20px;color:var(--accent)">'+m.passed+'</div><div style="font-size:9px;color:var(--text-dim)">PASSED</div></div>'
+    +'<div style="flex:1;text-align:center;background:#2d0a12;padding:8px;border-radius:4px"><div style="font-size:20px;color:var(--red)">'+m.failed+'</div><div style="font-size:9px;color:var(--text-dim)">FAILED</div></div>'
+    +'<div style="flex:1;text-align:center;background:#1a1a2e;padding:8px;border-radius:4px"><div style="font-size:20px;color:var(--orange)">'+m.skipped+'</div><div style="font-size:9px;color:var(--text-dim)">SKIPPED</div></div>'
+    +'<div style="flex:1;text-align:center;background:#1a1a2e;padding:8px;border-radius:4px"><div style="font-size:20px;color:var(--blue)">'+m.timedOut+'</div><div style="font-size:9px;color:var(--text-dim)">TIMEOUT</div></div>'
+    +'</div>'
+    +'<div style="background:#222;border-radius:3px;height:8px;overflow:hidden">'
+    +'<div style="height:100%;width:'+passRate+'%;background:'+barColor+';transition:width .5s"></div></div>'
+    +'<div style="text-align:center;font-size:10px;color:var(--text-dim);margin-top:4px">Pass Rate: '+passRate+'% ('+total+' total)</div>'
+    +'</div>';
+}
+
+// Reports rendering
+function renderReports(){
+  const el=document.getElementById('reports-panel');
+  if(!S.reports.length){el.innerHTML='<div style="padding:12px;color:#555;font-size:10px">No reports generated yet. Click Reports to generate.</div>';return;}
+  el.innerHTML='<div style="padding:10px"><div style="font-size:13px;font-weight:bold;margin-bottom:8px">📊 Generated Reports</div>'
+    +S.reports.map(r=>{
+      const icon=r.format==='html'?'🌐':r.format==='json'?'📋':'📝';
+      const sizeKB=(r.size/1024).toFixed(1);
+      return '<div class="file-item" data-format="'+esc(r.format)+'" style="cursor:pointer">'
+        +'<div class="fname">'+icon+' '+esc(r.filename)+'</div>'
+        +'<div class="fmeta">'+r.format.toUpperCase()+' — '+sizeKB+' KB</div></div>';
+    }).join('')+'</div>';
+  el.querySelectorAll('.file-item').forEach(item=>{
+    item.addEventListener('click',async()=>{
+      const fmt=item.getAttribute('data-format');
+      try{
+        const r=await fetch('/api/reports/'+fmt);
+        const content=await r.text();
+        if(fmt==='html'){
+          const w=window.open('','_blank','width=900,height=700');
+          w.document.write(content);w.document.close();
+        }else{
+          document.getElementById('fp-title').textContent='report.'+fmt;
+          document.getElementById('fp-code').textContent=content;
+          document.getElementById('file-preview').classList.add('visible');
+        }
+      }catch(e){addLog('Failed to load report: '+e.message,'error');}
+    });
+  });
+}
+
 (async()=>{setupCanvas();await fetchProject();connectWS();addLog('🐊 OpenCroc Studio ready');
 window.addEventListener('resize',()=>{layoutGraph();renderCanvas();});})();
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencroc",
-  "version": "1.5.1",
+  "version": "1.6.1",
   "description": "AI-native E2E testing framework — source-aware test generation, intelligent validation, and self-healing",
   "keywords": [
     "e2e",