skopix 2.0.83 → 2.0.85

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,66 @@ 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().trim();
+    if (!sSel) return step;
+
+    const match = library.find(lib => {
+      const lSel = (lib.stableSelector || lib.selector || '').toLowerCase().trim();
+      if (!lSel) return false;
+
+      // 1. Exact match
+      if (sSel === lSel) return true;
+
+      // 2. Extract pi-test-identifier values from both and compare
+      const piFrom = (sSel.match(/pi-test-identifier[*^]?=["']([^"']+)["']/) || [])[1];
+      const piLib = (lSel.match(/pi-test-identifier[*^]?=["']([^"']+)["']/) || [])[1];
+      if (piFrom && piLib) {
+        if (piFrom === piLib) return true;
+        // One starts with the other (handles *= vs =)
+        if (piFrom.startsWith(piLib) || piLib.startsWith(piFrom)) return true;
+      }
+
+      // 3. Both use same has-text value (e.g. :has-text("Mariadb"))
+      const textFrom = (sSel.match(/has-text\(["']([^"']+)["']\)/) || [])[1];
+      const textLib = (lSel.match(/has-text\(["']([^"']+)["']\)/) || [])[1];
+      if (textFrom && textLib && textFrom.toLowerCase() === textLib.toLowerCase()) {
+        // Only match if same element type or one contains the other
+        const tagFrom = sSel.split(':')[0].split(' ').pop();
+        const tagLib = lSel.split(':')[0].split(' ').pop();
+        if (tagFrom === tagLib || sSel.includes(lSel) || lSel.includes(sSel)) return true;
+      }
+
+      // 4. Step selector is a child/descendant of library selector
+      // e.g. "a[title='x'] i.fa-plus" should match "a[title='x']"
+      if (lSel.length > 10 && sSel.includes(lSel)) return true;
+      if (sSel.length > 10 && lSel.includes(sSel)) 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.85",
   "description": "Browser-based QA tool — record tests by using your app, replay them deterministically, generate Playwright code automatically",
   "main": "cli/index.js",
   "bin": {