@cutleryapp/agent 1.0.39 → 1.0.41

package/dist/mcp-executor.js

@@ -334,36 +334,67 @@ class TestExecutor {
                             const optionValue = selMatch[1].trim();
                             const fieldLabel = selMatch[2].trim();
                             let selHandled = false;
-                            // Try native <select>
-                            try {
-                                const fieldLoc = page.getByLabel(new RegExp(fieldLabel, 'i')).first();
-                                await fieldLoc.selectOption({ label: optionValue }, { timeout: 800 });
-                                selHandled = true;
+                            // 1. Native <select> — try by label, name, id
+                            if (!selHandled) {
+                                const fieldRe = new RegExp(fieldLabel.replace(/[\s_-]+/g, '[\\s_-]*'), 'i');
+                                const selectLocators = [
+                                    page.getByLabel(fieldRe),
+                                    page.locator(`select[name*="${fieldLabel}" i]`),
+                                    page.locator(`select[id*="${fieldLabel}" i]`),
+                                    page.locator(`select[data-test*="${fieldLabel}" i]`),
+                                ];
+                                for (const loc of selectLocators) {
+                                    try {
+                                        const el = loc.first();
+                                        const tag = await el.evaluate((n) => n.tagName.toLowerCase()).catch(() => '');
+                                        if (tag !== 'select')
+                                            continue; // only drive actual <select> elements
+                                        // Try matching by label text, then by value
+                                        const matched = await Promise.any([
+                                            el.selectOption({ label: optionValue }, { timeout: 1000 }),
+                                            el.selectOption({ value: optionValue }, { timeout: 1000 }),
+                                            el.selectOption(optionValue, { timeout: 1000 }),
+                                        ]).then(() => true).catch(() => false);
+                                        if (matched) {
+                                            selHandled = true;
+                                            break;
+                                        }
+                                    }
+                                    catch { /* next */ }
+                                }
                             }
-                            catch { /* not a native select */ }
-                            // Try React-select / autocomplete typeahead
+                            // 2. Radio / checkbox label click — before autocomplete so radio buttons
+                            //    are handled in <100ms instead of waiting through autocomplete timeouts
                             if (!selHandled) {
-                                selHandled = await tryAutocomplete(page, fieldLabel, optionValue);
+                                try {
+                                    await page.locator(`label:has-text("${optionValue}")`).first().click({ timeout: 800 });
+                                    selHandled = true;
+                                }
+                                catch { /* not a labelled radio/checkbox */ }
                             }
-                            // 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: 1500 });
+                                    await page.locator(`input[type="radio"][value="${optionValue}" i], input[type="checkbox"][value="${optionValue}" i]`).first().click({ force: true, timeout: 800 });
                                     selHandled = true;
                                 }
-                                catch { /* try checkbox */ }
+                                catch { /* not an input with matching value */ }
                             }
-                            // Checkbox / radio fallback — label click or direct input click
+                            // 3. React-select / autocomplete typeahead
+                            if (!selHandled) {
+                                selHandled = await tryAutocomplete(page, fieldLabel, optionValue);
+                            }
+                            // 4. Already-open dropdown option
                             if (!selHandled) {
                                 try {
-                                    await page.locator(`label:has-text("${optionValue}")`).first().click({ timeout: 2000 });
+                                    await page.locator(`[role="option"]:has-text("${optionValue}"), [class*="option"]:has-text("${optionValue}")`).first().click({ timeout: 1000 });
                                     selHandled = true;
                                 }
-                                catch { /* try input by value */ }
+                                catch { /* try text input fallback */ }
                             }
+                            // 5. Text input / textarea fallback — handles "Select X in Y" where Y is a textarea
                             if (!selHandled) {
                                 try {
-                                    await page.locator(`input[type="radio"][value="${optionValue}" i], input[type="checkbox"][value="${optionValue}" i]`).first().click({ force: true, timeout: 2000 });
+                                    await tryFill(page, fieldLabel, optionValue);
                                     selHandled = true;
                                 }
                                 catch { /* fall to AI */ }
@@ -978,12 +1009,17 @@ async function tryAutocomplete(page, fieldLabel, value) {
     for (const loc of inputLocators) {
         try {
             const input = loc.first();
-            // Skip wrapper divs — getByLabel can return the React-select container div
+            // Skip wrapper divs and non-text inputs (radio/checkbox handled by label click above)
             const tag = await input.evaluate((el) => el.tagName.toLowerCase()).catch(() => '');
             if (tag && !['input', 'textarea'].includes(tag))
                 continue;
-            await input.waitFor({ state: 'visible', timeout: 1500 });
-            await input.click({ timeout: 1500 });
+            if (tag === 'input') {
+                const inputType = await input.evaluate((el) => el.type || '').catch(() => '');
+                if (['radio', 'checkbox', 'submit', 'button', 'file', 'hidden'].includes(inputType))
+                    continue;
+            }
+            await input.waitFor({ state: 'visible', timeout: 500 });
+            await input.click({ timeout: 500 });
             await input.fill('');
             await input.type(value, { delay: 30 });
             await page.waitForTimeout(350);

package/package.json

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