@cutleryapp/agent 1.0.32 → 1.0.34

package/dist/mcp-executor.js

@@ -61,7 +61,7 @@ class TestExecutor {
         }
         console.log('[executor] varMap:', JSON.stringify(varMap));
         const resolveVars = (s) => s.replace(/\{\{([^}]+)\}\}/g, (match, key) => varMap[key.trim()] ?? match).trim();
-        const steps = testCase.automated_steps.map(resolveVars);
+        const steps = testCase.automated_steps.filter((s) => !s.startsWith('[DISABLED] ')).map(resolveVars);
         console.log('[executor] resolved steps:', JSON.stringify(steps));
         const browserLaunchers = { chromium: playwright_1.chromium, firefox: playwright_1.firefox, webkit: playwright_1.webkit };
         const launchFn = browserLaunchers[this.options.browserType] ?? playwright_1.chromium;
@@ -206,15 +206,53 @@ class TestExecutor {
                             handled = true;
                         }
                     }
-                    // 6. Select — dropdown
+                    // 6. Select — native dropdown, then React-select/autocomplete fallback
                     if (!handled && (lower.includes("select") || lower.includes("choose"))) {
-                        const selMatch = raw.match(/select\s+"?([^"]+?)"?\s+(?:from|in)\s+"?([^"]+?)"?\s*(?:dropdown|select|field)?$/i);
+                        const selMatch = raw.match(/(?:select|choose)\s+"?([^"]+?)"?\s+(?:from|in)\s+"?([^"]+?)"?\s*(?:dropdown|select|field)?$/i);
                         if (selMatch) {
+                            const optionValue = selMatch[1].trim();
+                            const fieldLabel = selMatch[2].trim();
+                            let selHandled = false;
+                            // Try native <select>
                             try {
-                                await page.selectOption(selMatch[2].trim(), { label: selMatch[1].trim() });
+                                const fieldLoc = page.getByLabel(new RegExp(fieldLabel, 'i')).first();
+                                await fieldLoc.selectOption({ label: optionValue });
+                                selHandled = true;
+                            }
+                            catch { /* not a native select */ }
+                            // Try React-select / autocomplete typeahead
+                            if (!selHandled) {
+                                selHandled = await tryAutocomplete(page, fieldLabel, optionValue);
+                            }
+                            // Try clicking a visible option in an already-open dropdown
+                            if (!selHandled) {
+                                try {
+                                    await page.locator(`[role="option"]:has-text("${optionValue}"), [class*="option"]:has-text("${optionValue}")`).first().click({ timeout: 3000 });
+                                    selHandled = true;
+                                }
+                                catch { /* fall to AI */ }
+                            }
+                            if (selHandled)
+                                handled = true;
+                        }
+                    }
+                    // 6b. Check/uncheck — checkbox or radio by label
+                    if (!handled && (lower.startsWith("check ") || lower.startsWith("tick ") || lower.startsWith("select ")) && !handled) {
+                        const cbMatch = raw.match(/(?:check|tick|select)\s+"?([^"]+?)"?\s*(?:checkbox|option|hobby|hobbies)?$/i);
+                        if (cbMatch) {
+                            const labelText = cbMatch[1].trim();
+                            try {
+                                // Try label click (works for hidden checkboxes with styled labels)
+                                await page.locator(`label:has-text("${labelText}")`).first().click({ timeout: 3000 });
                                 handled = true;
                             }
-                            catch { /* fall to AI */ }
+                            catch {
+                                try {
+                                    await page.getByLabel(new RegExp(labelText, 'i')).first().check({ timeout: 3000 });
+                                    handled = true;
+                                }
+                                catch { /* fall to AI */ }
+                            }
                         }
                     }
                     // 7. AI — single-shot for deterministic steps, full loop for intent steps
@@ -623,9 +661,14 @@ ${domElements}` + (stepAttachment ? `\n\nThe REFERENCE IMAGE (second image) show
                     const checked = await el.isChecked().catch(() => false);
                     if (!checked) {
                         let done = false;
+                        // Derive a label text from selector for label-based fallbacks
+                        const labelHint = act.label || act.selector.replace(/[#.\[\]"'=*^$]/g, ' ').trim();
                         for (const fn of [
-                            () => el.click({ timeout: 4000 }),
-                            () => page.locator(`label:has-text("${act.label || ''}")`).click({ timeout: 4000 }),
+                            () => el.click({ force: true, timeout: 4000 }), // force bypasses visibility
+                            () => el.check({ force: true, timeout: 4000 }),
+                            () => page.locator(`label[for="${act.selector.replace('#', '')}"]`).click({ timeout: 4000 }),
+                            () => page.locator(`label:has-text("${labelHint}")`).first().click({ timeout: 4000 }),
+                            () => page.locator(`label:has(${act.selector})`).click({ timeout: 4000 }),
                         ]) {
                             try {
                                 await fn();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cutleryapp/agent",
-    "version": "1.0.32",
+    "version": "1.0.34",
     "description": "Local agent that connects your machine to the Cutlery QA platform and runs UI tests via Playwright",
     "main": "dist/cli.js",
     "bin": {