skopix 2.0.42 → 2.0.43

package/cli/commands/dashboard.js

@@ -3978,6 +3978,8 @@ async function startStepTester(testerId, url, selector, mode, steps) {
                   border-radius:6px;padding:4px 10px;cursor:pointer;font-size:11px;font-family:monospace">▶ Next</button>
                 <button id="__skopix_run_all" style="background:#f59e0b;border:none;color:#000;
                   border-radius:6px;padding:4px 10px;cursor:pointer;font-size:11px;font-family:monospace;font-weight:700">▶▶ All</button>
+                <button id="__skopix_stop_preview" style="background:transparent;border:1px solid #374151;color:#9ca3af;
+                  border-radius:6px;padding:4px 10px;cursor:pointer;font-size:11px;font-family:monospace">✕ Stop</button>
               </div>
             </div>
             <div id="__skopix_preview_status" style="color:#9ca3af;font-size:11px">Navigate to start, then click Run</div>
@@ -4023,6 +4025,11 @@ async function startStepTester(testerId, url, selector, mode, steps) {
           if (window.__skopixPreviewRunAll) window.__skopixPreviewRunAll({ fromIndex: window.__skopixPreviewCurrentStep });
         });
 
+        document.getElementById('__skopix_stop_preview').addEventListener('click', (e) => {
+          e.stopPropagation();
+          if (window.__skopixStopPreview) window.__skopixStopPreview({});
+        });
+
         window.__skopixUpdatePreview = (index, result, status) => {
           window.__skopixPreviewResults[index] = result;
           if (result && result.passed) window.__skopixPreviewCurrentStep = index + 1;
@@ -4076,6 +4083,11 @@ async function startStepTester(testerId, url, selector, mode, steps) {
       }
     });
 
+    await ctx.exposeFunction('__skopixStopPreview', async () => {
+      try { await browser.close(); } catch {}
+      stepTesterSessions.delete(testerId);
+    });
+
   } else {
     // STEP TESTER MODE — single step toolbar
     await ctx.addInitScript((sel) => {
@@ -4112,6 +4124,8 @@ async function startStepTester(testerId, url, selector, mode, steps) {
             border-radius:6px;padding:5px 14px;cursor:pointer;font-size:11px;font-weight:700;
             font-family:monospace">▶ Run</button>
           <span id="__skopix_result" style="font-size:13px;min-width:20px"></span>
+          <button id="__skopix_stop" style="background:transparent;border:1px solid #374151;color:#9ca3af;
+            border-radius:6px;padding:5px 10px;cursor:pointer;font-size:11px;font-family:monospace">✕ Stop</button>
         `;
         document.body.appendChild(tb);
         document.getElementById('__skopix_action').addEventListener('change', function() {
@@ -4126,6 +4140,10 @@ async function startStepTester(testerId, url, selector, mode, steps) {
           document.getElementById('__skopix_result').textContent = '⏳';
           if (window.__skopixTesterRun) window.__skopixTesterRun({ sel, action, value });
         });
+        document.getElementById('__skopix_stop').addEventListener('click', function(e) {
+          e.stopPropagation();
+          if (window.__skopixTesterStop) window.__skopixTesterStop({});
+        });
       });
     }, selector || '');
 
@@ -4144,6 +4162,11 @@ async function startStepTester(testerId, url, selector, mode, steps) {
         } catch {}
       }, result, sel);
     });
+
+    await ctx.exposeFunction('__skopixTesterStop', async () => {
+      try { await browser.close(); } catch {}
+      stepTesterSessions.delete(testerId);
+    });
   }
 
   if (url) await page.goto(url, { waitUntil: 'domcontentloaded', timeout: 30000 }).catch(() => {});

package/package.json

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