skopix 2.0.91 → 2.0.93

package/cli/commands/dashboard.js

@@ -1496,6 +1496,15 @@ export async function dashboardCommand(options) {
         const config = JSON.parse(body);
         const userEnv = await resolveUserSecretsEnv(currentUser?.id, teamMode);
         const runId = startRun(config, activeRuns, reportsDir, currentUser, userEnv);
+        if (teamMode && currentUser) {
+          teamMode.db.logAudit({
+            userId: currentUser.id,
+            action: 'test.run',
+            targetType: 'test',
+            targetId: config.testId || config.suiteId || 'unknown',
+            metadata: { testName: config.testName || config.suiteName, scope: config.scope }
+          });
+        }
         sendJSON(res, 200, { runId });
         return;
       }
@@ -1583,6 +1592,9 @@ export async function dashboardCommand(options) {
           const result = await updateTest(suitesDir, scope, testId, data);
           // Extract any new unmatched steps to pending review queue
           extractStepsToLibrary(suitesDir, data.steps || [], data.name || testId).catch(() => {});
+          if (teamMode && currentUser) {
+            teamMode.db.logAudit({ userId: currentUser.id, action: 'test.updated', targetType: 'test', targetId: testId, metadata: { name: data.name, scope } });
+          }
           sendJSON(res, 200, result);
         } catch (err) {
           sendJSON(res, 400, { error: err.message });
@@ -1593,7 +1605,11 @@ export async function dashboardCommand(options) {
         const parts = pathname.split('/');
         const scope = decodeURIComponent(parts[3]);
         const testId = decodeURIComponent(parts[4]);
+        const testToDelete = await getTest(suitesDir, scope, testId).catch(() => null);
         await deleteTest(suitesDir, scope, testId);
+        if (teamMode && currentUser) {
+          teamMode.db.logAudit({ userId: currentUser.id, action: 'test.deleted', targetType: 'test', targetId: testId, metadata: { name: testToDelete?.name, scope } });
+        }
         sendJSON(res, 200, { deleted: true });
         return;
       }
@@ -4334,25 +4350,37 @@ async function startStepTester(testerId, url, selector, mode, steps) {
   if (mode === 'preview' && steps && steps.length > 0) {
     // Register expose functions FIRST before addInitScript so they're available on DOMContentLoaded
     await ctx.exposeFunction('__skopixPreviewRun', async ({ index }) => {
+      const session = stepTesterSessions.get(testerId);
+      if (!session) return;
       const s = steps[index];
       if (!s) return;
       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 });
       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 (result.passed) session.currentStep = index + 1;
+      if (!session.results) session.results = {};
+      session.results[index] = { passed: result.passed, error: result.error||null };
+      await page.evaluate(({ i, r, msg, currentStep }) => {
         if(window.__skopixUpdatePreview) window.__skopixUpdatePreview(i, r, msg);
-      }, { i: index, r: { passed: result.passed, error: result.error||null }, msg }).catch(()=>{});
+        window.__skopixPreviewCurrentStep = currentStep;
+      }, { i: index, r: { passed: result.passed, error: result.error||null }, msg, currentStep: session.currentStep || 0 }).catch(()=>{});
     });
 
     await ctx.exposeFunction('__skopixPreviewRunAll', async ({ fromIndex }) => {
+      const session = stepTesterSessions.get(testerId);
+      if (!session) return;
       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, total: steps.length }).catch(()=>{});
         const result = await executeStepTesterAction(page, { selector: s.stableSelector||s.selector, action: s.action, value: s.value||'', assertType: s.assertType });
+        if (result.passed) session.currentStep = i + 1;
+        if (!session.results) session.results = {};
+        session.results[i] = { passed: result.passed, error: result.error||null };
         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 }) => {
+        await page.evaluate(({ i, r, msg, currentStep }) => {
           if(window.__skopixUpdatePreview) window.__skopixUpdatePreview(i, r, msg);
-        }, { i, r: { passed: result.passed, error: result.error||null }, msg }).catch(()=>{});
+          window.__skopixPreviewCurrentStep = currentStep;
+        }, { i, r: { passed: result.passed, error: result.error||null }, msg, currentStep: session.currentStep || 0 }).catch(()=>{});
         if (!result.passed) break;
         await new Promise(r => setTimeout(r, 400));
       }
@@ -4363,6 +4391,11 @@ async function startStepTester(testerId, url, selector, mode, steps) {
       stepTesterSessions.delete(testerId);
     });
 
+    await ctx.exposeFunction('__skopixGetState', async () => {
+      const session = stepTesterSessions.get(testerId);
+      return { currentStep: session?.currentStep || 0, results: session?.results || {} };
+    });
+
     // THEN inject toolbar via addInitScript
     // PREVIEW MODE — inject steps list toolbar
     await ctx.addInitScript((stepsData) => {
@@ -4456,6 +4489,17 @@ async function startStepTester(testerId, url, selector, mode, steps) {
           if (window.__skopixStopPreview) window.__skopixStopPreview({});
         });
 
+        // Restore state from server after navigation
+        if (window.__skopixGetState) {
+          window.__skopixGetState({}).then(state => {
+            if (state && state.currentStep > 0) {
+              window.__skopixPreviewCurrentStep = state.currentStep;
+              window.__skopixPreviewResults = state.results || {};
+              renderSteps(state.currentStep, state.results || {});
+            }
+          }).catch(() => {});
+        }
+
         window.__skopixUpdatePreview = (index, result, status) => {
           window.__skopixPreviewResults[index] = result;
           if (result && result.passed) window.__skopixPreviewCurrentStep = index + 1;
@@ -4578,7 +4622,7 @@ async function startStepTester(testerId, url, selector, mode, steps) {
   if (url) await page.goto(url, { waitUntil: 'domcontentloaded', timeout: 30000 }).catch(() => {});
   // Ensure toolbar is injected on first page (DOMContentLoaded may have already fired)
   await page.evaluate(() => { if (window.__skopixTesterSelector !== undefined && !document.getElementById('__skopix_tester') && !document.getElementById('__skopix_preview')) { document.dispatchEvent(new Event('DOMContentLoaded')); } }).catch(() => {});
-  stepTesterSessions.set(testerId, { browser, ctx, page });
+  stepTesterSessions.set(testerId, { browser, ctx, page, currentStep: 0, results: {} });
 }
 
 async function executeStepTesterAction(page, { selector, action, value }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skopix",
-  "version": "2.0.91",
+  "version": "2.0.93",
   "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

@@ -2070,21 +2070,32 @@ body.viewer-mode .saved-test-row { cursor: default !important; }
           <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:center">
             <select class="form-select" id="audit-action-filter" style="padding:8px 12px;font-size:12px;width:auto" onchange="renderAuditLog()">
               <option value="">All actions</option>
-              <option value="user.login">Logins</option>
-              <option value="user.logout">Logouts</option>
-              <option value="user.created">User created</option>
-              <option value="user.deleted">User deleted</option>
-              <option value="user.role_changed">Role changed</option>
-              <option value="user.disabled">User disabled</option>
-              <option value="user.enabled">User enabled</option>
-              <option value="user.sessions_revoked">Force logout</option>
-              <option value="user.reset_generated">Password reset generated</option>
-              <option value="user.password_reset">Password reset used</option>
-              <option value="user.password_changed">Password changed</option>
-              <option value="user.secret_set">Secret set</option>
-              <option value="user.secret_deleted">Secret deleted</option>
-              <option value="invite.created">Invite created</option>
-              <option value="invite.revoked">Invite revoked</option>
+              <optgroup label="Tests">
+                <option value="test.created">Test created</option>
+                <option value="test.updated">Test updated</option>
+                <option value="test.deleted">Test deleted</option>
+                <option value="test.duplicated">Test duplicated</option>
+                <option value="test.run">Test run</option>
+              </optgroup>
+              <optgroup label="Users">
+                <option value="user.login">Logins</option>
+                <option value="user.logout">Logouts</option>
+                <option value="user.created">User created</option>
+                <option value="user.deleted">User deleted</option>
+                <option value="user.role_changed">Role changed</option>
+                <option value="user.disabled">User disabled</option>
+                <option value="user.enabled">User enabled</option>
+                <option value="user.sessions_revoked">Force logout</option>
+                <option value="user.reset_generated">Password reset generated</option>
+                <option value="user.password_reset">Password reset used</option>
+                <option value="user.password_changed">Password changed</option>
+                <option value="user.secret_set">Secret set</option>
+                <option value="user.secret_deleted">Secret deleted</option>
+              </optgroup>
+              <optgroup label="Invites">
+                <option value="invite.created">Invite created</option>
+                <option value="invite.revoked">Invite revoked</option>
+              </optgroup>
             </select>
             <span id="audit-count" style="font-family:var(--mono);font-size:11px;color:var(--muted)"></span>
           </div>
@@ -5144,13 +5155,28 @@ function renderAuditLog() {
     'user.secret_deleted':   { label: 'Secret removed',    badge: 'background:rgba(255,255,255,0.04);color:var(--muted)' },
     'invite.created':        { label: 'Invite created',    badge: 'background:rgba(0,212,255,0.15);color:var(--cyan)' },
     'invite.revoked':        { label: 'Invite revoked',    badge: 'background:rgba(255,255,255,0.04);color:var(--muted)' },
+    'test.created':          { label: 'Test created',      badge: 'background:rgba(16,185,129,0.15);color:var(--green)' },
+    'test.updated':          { label: 'Test updated',      badge: 'background:rgba(0,212,255,0.15);color:var(--cyan)' },
+    'test.deleted':          { label: 'Test deleted',      badge: 'background:rgba(239,68,68,0.15);color:var(--red)' },
+    'test.duplicated':       { label: 'Test duplicated',   badge: 'background:rgba(0,212,255,0.15);color:var(--cyan)' },
+    'test.run':              { label: 'Test run',          badge: 'background:rgba(124,58,237,0.15);color:var(--purple)' },
   };
 
   list.innerHTML = _auditEntries.map(e => {
     const meta = actionMeta[e.action] || { label: e.action, badge: 'background:rgba(255,255,255,0.04);color:var(--muted)' };
     const when = formatDateTime(e.createdAt);
     const actor = e.userName ? `${escapeHtml(e.userName)} <span style="color:var(--muted2)">·</span> <span style="color:var(--muted)">${escapeHtml(e.userEmail || '')}</span>` : '<span style="color:var(--muted2)">system</span>';
-    const metaDisplay = e.metadata ? `<span style="color:var(--muted2);font-size:10px;margin-left:8px">${escapeHtml(JSON.stringify(e.metadata))}</span>` : '';
+    // Show metadata nicely — test name, scope etc
+    let metaDisplay = '';
+    if (e.metadata) {
+      const m = e.metadata;
+      const parts = [];
+      if (m.name) parts.push(escapeHtml(m.name));
+      else if (m.testName) parts.push(escapeHtml(m.testName));
+      if (m.scope && m.scope !== 'saved') parts.push(escapeHtml(m.scope));
+      if (m.type) parts.push(escapeHtml(m.type));
+      metaDisplay = parts.length ? `<span style="color:var(--muted);font-size:11px;margin-left:8px">— ${parts.join(' · ')}</span>` : '';
+    }
     return `
       <div class="saved-test-row" style="cursor:default;align-items:center;padding:14px 22px">
         <div style="display:flex;align-items:center;gap:14px;flex:1;min-width:0">