skopix 2.0.83 → 2.0.84

package/cli/commands/dashboard.js

@@ -1022,6 +1022,10 @@ export async function dashboardCommand(options) {
           const userEnv = await resolveUserSecretsEnv(currentUser && currentUser.id, teamMode);
           Object.assign(process.env, userEnv || {});
           const result = await processRecording({ steps, testName, url, provider: provider || 'gemini' });
+          // Match processed steps against library — substitute known elements
+          const matched = await matchStepsToLibrary(suitesDir, result.steps || []);
+          result.steps = matched.steps;
+          result.matchedCount = matched.count;
           sendJSON(res, 200, result);
         } catch (err) { sendJSON(res, 500, { error: err.message }); }
         return;
@@ -3867,6 +3871,47 @@ async function syncIssuesStatus() {
 // STEP LIBRARY — persistent store of reusable UI interactions
 // ═══════════════════════════════════════════════════════════════
 
+// Match recorded steps against library — substitute known elements automatically
+async function matchStepsToLibrary(suitesDir, steps) {
+  const library = await listLibrarySteps(suitesDir);
+  if (!library.length || !steps.length) return { steps, count: 0 };
+
+  let count = 0;
+  const matched = steps.map(step => {
+    const sSel = (step.stableSelector || step.selector || '').toLowerCase();
+    if (!sSel) return step;
+
+    // Find matching library element
+    const match = library.find(lib => {
+      const lSel = (lib.stableSelector || lib.selector || '').toLowerCase();
+      if (!lSel) return false;
+      // Exact match
+      if (sSel === lSel) return true;
+      // One contains the other (handles i.fa-plus vs a[title="x"] i.fa-plus)
+      if (sSel.includes(lSel) || lSel.includes(sSel)) return true;
+      // Shared key tokens
+      const keyTokens = lSel.match(/\.[a-z][a-z0-9_-]+|\[[\w-]+=["'][^"']+["']\]|#[a-z][a-z0-9_-]+/g) || [];
+      const strongTokens = keyTokens.filter(t => t.length > 8);
+      if (strongTokens.length > 0 && strongTokens.some(tok => sSel.includes(tok))) return true;
+      return false;
+    });
+
+    if (match) {
+      count++;
+      return {
+        ...step,
+        stableSelector: match.stableSelector || match.selector,
+        selector: match.selector || match.stableSelector,
+        description: match.name || step.description,
+        libraryId: match.id,
+      };
+    }
+    return step;
+  });
+
+  return { steps: matched, count };
+}
+
 const FOLDERS_FILE = () => path.join(os.homedir(), '.skopix', 'folders.yaml');
 
 async function getFolders() {

package/package.json

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