skopix 2.0.61 → 2.0.63

package/cli/commands/dashboard.js

@@ -1836,6 +1836,11 @@ export async function dashboardCommand(options) {
         sendJSON(res, 200, { stopped: true });
         return;
       }
+      if (pathname.match(/^\/api\/step-tester\/[^/]+\/status$/) && method === 'GET') {
+        const testerId = pathname.split('/')[3];
+        sendJSON(res, 200, { active: stepTesterSessions.has(testerId) });
+        return;
+      }
 
       // ─── STEP LIBRARY ──────────────────────────────────────────────────
       if (pathname === '/api/step-library' && method === 'GET') {
@@ -3956,21 +3961,23 @@ async function startStepTester(testerId, url, selector, mode, steps) {
     await ctx.exposeFunction('__skopixPreviewRun', async ({ index }) => {
       const s = steps[index];
       if (!s) return;
-      await page.evaluate((i, status) => { if(window.__skopixUpdatePreview) window.__skopixUpdatePreview(i, null, status); }, index, `Running step ${index+1}/${steps.length}...`).catch(()=>{});
+      await page.evaluate(({ i, status }) => { if(window.__skopixUpdatePreview) window.__skopixUpdatePreview(i, null, status); }, { i: index, status: `Running step ${index+1}/${steps.length}...` }).catch(()=>{});
       const result = await executeStepTesterAction(page, { selector: s.stableSelector||s.selector, action: s.action, value: s.value||'', assertType: s.assertType });
-      await page.evaluate((i, r, total) => {
-        if(window.__skopixUpdatePreview) window.__skopixUpdatePreview(i, r, r.passed ? (i+1 >= total ? `✓ All ${total} steps passed!` : `✓ Step ${i+1} passed`) : `✗ Step ${i+1} failed`);
-      }, index, result, steps.length).catch(()=>{});
+      const msg = result.passed ? (index+1 >= steps.length ? `✓ All ${steps.length} steps passed!` : `✓ Step ${index+1} passed`) : `✗ Step ${index+1} failed`;
+      await page.evaluate(({ i, r, msg }) => {
+        if(window.__skopixUpdatePreview) window.__skopixUpdatePreview(i, r, msg);
+      }, { i: index, r: { passed: result.passed, error: result.error||null }, msg }).catch(()=>{});
     });
 
     await ctx.exposeFunction('__skopixPreviewRunAll', async ({ fromIndex }) => {
       for (let i = fromIndex; i < steps.length; i++) {
         const s = steps[i];
-        await page.evaluate((i, total) => { if(window.__skopixUpdatePreview) window.__skopixUpdatePreview(i, null, `Running step ${i+1}/${total}...`); }, i, steps.length).catch(()=>{});
+        await page.evaluate(({ i, total }) => { if(window.__skopixUpdatePreview) window.__skopixUpdatePreview(i, null, `Running step ${i+1}/${total}...`); }, { i, total: steps.length }).catch(()=>{});
         const result = await executeStepTesterAction(page, { selector: s.stableSelector||s.selector, action: s.action, value: s.value||'', assertType: s.assertType });
-        await page.evaluate((i, r, total) => {
-          if(window.__skopixUpdatePreview) window.__skopixUpdatePreview(i, r, r.passed ? (i+1 >= total ? `✓ All ${total} steps passed!` : `Running...`) : `✗ Step ${i+1} failed — fix and retry`);
-        }, i, result, steps.length).catch(()=>{});
+        const msg = result.passed ? (i+1 >= steps.length ? `✓ All ${steps.length} steps passed!` : `Running...`) : `✗ Step ${i+1} failed — fix and retry`;
+        await page.evaluate(({ i, r, msg }) => {
+          if(window.__skopixUpdatePreview) window.__skopixUpdatePreview(i, r, msg);
+        }, { i, r: { passed: result.passed, error: result.error||null }, msg }).catch(()=>{});
         if (!result.passed) break;
         await new Promise(r => setTimeout(r, 400));
       }
@@ -4093,17 +4100,17 @@ async function startStepTester(testerId, url, selector, mode, steps) {
     // STEP TESTER MODE — register expose functions FIRST
     await ctx.exposeFunction('__skopixTesterRun', async ({ sel, action, value }) => {
       const result = await executeStepTesterAction(page, { selector: sel, action, value });
-      await page.evaluate((passed, errMsg) => {
+      await page.evaluate(({ passed }) => {
         const el = document.getElementById('__skopix_result');
         if (el) { el.textContent = passed ? '✓' : '✗'; el.style.color = passed ? '#34d399' : '#ef4444'; }
-      }, result.passed, result.error || '').catch(async () => {
+      }, { passed: result.passed }).catch(async () => {
         await new Promise(r => setTimeout(r, 500));
-        await page.evaluate((passed) => {
+        await page.evaluate(({ passed }) => {
           const el = document.getElementById('__skopix_result');
           if (el) { el.textContent = passed ? '✓' : '✗'; el.style.color = passed ? '#34d399' : '#ef4444'; }
-        }, result.passed).catch(() => {});
+        }, { passed: result.passed }).catch(() => {});
       });
-      await page.evaluate((passed, sel) => {
+      await page.evaluate(({ passed, sel }) => {
         try {
           const target = document.querySelector(sel);
           if (target) {
@@ -4112,7 +4119,7 @@ async function startStepTester(testerId, url, selector, mode, steps) {
             setTimeout(() => { target.style.outline = orig; }, 1500);
           }
         } catch {}
-      }, result.passed, sel).catch(() => {});
+      }, { passed: result.passed, sel }).catch(() => {});
     });
 
     await ctx.exposeFunction('__skopixTesterStop', async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skopix",
-  "version": "2.0.61",
+  "version": "2.0.63",
   "description": "Browser-based QA tool — record tests by using your app, replay them deterministically, generate Playwright code automatically",
   "main": "cli/index.js",
   "bin": {

package/web/app/index.html

@@ -6422,9 +6422,27 @@ async function startBuilderPreview() {
     const data = await res.json();
     if (!res.ok) throw new Error(data.error || 'Failed');
     previewState.testerId = data.testerId;
+    btn.disabled = false;
     btn.textContent = '⏸ Previewing';
     btn.onclick = stopBuilderPreview;
     showToast('Browser open — use the toolbar in the browser to run steps');
+
+    // Poll until session ends (browser closed via Stop button in browser)
+    const poll = setInterval(async () => {
+      if (!previewState.testerId) { clearInterval(poll); return; }
+      try {
+        const r = await fetch(API_BASE + '/api/step-tester/' + previewState.testerId + '/status');
+        const d = await r.json();
+        if (!d.active) {
+          clearInterval(poll);
+          previewState.testerId = null;
+          btn.disabled = false;
+          btn.textContent = 'Preview';
+          btn.onclick = startBuilderPreview;
+        }
+      } catch { clearInterval(poll); }
+    }, 1500);
+
   } catch (err) {
     showToast('Error: ' + err.message);
     btn.disabled = false;