@cutleryapp/agent 1.0.43 → 1.0.45

package/dist/mcp-executor.js

@@ -85,6 +85,14 @@ class TestExecutor {
                 const stepAttachment = (testCase.step_attachments || {})[String(i)] || null;
                 console.log(`  📎 Step ${i} attachment: ${stepAttachment ? `YES (${stepAttachment.length} chars)` : 'none'}`);
                 let stepError;
+                // Dismiss any open overlay (calendar, dropdown, modal) left from the previous step
+                if (i > 0) {
+                    await page.keyboard.press('Escape').catch(() => { });
+                    await page.waitForTimeout(80);
+                    // Click a neutral spot (top-left corner) to blur active element and close popups
+                    await page.mouse.click(10, 10).catch(() => { });
+                    await page.waitForTimeout(80);
+                }
                 try {
                     // When a reference image is attached, skip MCP strategies entirely and go
                     // straight to the AI multi-field loop so it can scan the form and fill everything.
@@ -182,6 +190,20 @@ class TestExecutor {
                                 }
                                 else {
                                     await tryFill(page, fieldLabel, value);
+                                    // After filling, check if an autocomplete dropdown appeared and click the option
+                                    try {
+                                        const optSel = [
+                                            `[role="option"]:has-text("${value}")`,
+                                            `[class*="option"]:has-text("${value}")`,
+                                            `[class*="suggestion"]:has-text("${value}")`,
+                                            `li:has-text("${value}")`,
+                                        ].join(', ');
+                                        const opt = page.locator(optSel).first();
+                                        if (await opt.isVisible({ timeout: 400 })) {
+                                            await opt.click({ timeout: 1000 });
+                                        }
+                                    }
+                                    catch { /* no autocomplete dropdown, that's fine */ }
                                 }
                             }
                             handled = true;
@@ -370,21 +392,29 @@ class TestExecutor {
                                     catch { /* next */ }
                                 }
                             }
-                            // 2. Radio / checkbox label click — before autocomplete so radio buttons
-                            //    are handled in <100ms instead of waiting through autocomplete timeouts
-                            if (!selHandled) {
-                                try {
-                                    await page.locator(`label:has-text("${optionValue}")`).first().click({ timeout: 800 });
-                                    selHandled = true;
-                                }
-                                catch { /* not a labelled radio/checkbox */ }
-                            }
+                            // 2. Radio / checkbox — try before autocomplete so radios resolve in <100ms
                             if (!selHandled) {
-                                try {
-                                    await page.locator(`input[type="radio"][value="${optionValue}" i], input[type="checkbox"][value="${optionValue}" i]`).first().click({ force: true, timeout: 800 });
-                                    selHandled = true;
+                                for (const sel of [
+                                    `label:text-is("${optionValue}")`, // exact case-insensitive
+                                    `label:has-text("${optionValue}")`, // substring match
+                                    `[role="radio"]:has-text("${optionValue}")`,
+                                    `input[type="radio"][value="${optionValue}" i]`,
+                                    `input[type="checkbox"][value="${optionValue}" i]`,
+                                ]) {
+                                    try {
+                                        const loc = page.locator(sel).first();
+                                        const tag = await loc.evaluate((el) => el.tagName.toLowerCase()).catch(() => 'label');
+                                        if (tag === 'input') {
+                                            await loc.click({ force: true, timeout: 800 });
+                                        }
+                                        else {
+                                            await loc.click({ timeout: 800 });
+                                        }
+                                        selHandled = true;
+                                        break;
+                                    }
+                                    catch { /* try next */ }
                                 }
-                                catch { /* not an input with matching value */ }
                             }
                             // 3. React-select / autocomplete typeahead
                             if (!selHandled) {
@@ -1219,42 +1249,51 @@ function parseDate(value) {
 async function tryFillDate(page, label, value) {
     const labelRe = new RegExp(escapeRegex(label), 'i');
     const parsed = parseDate(value);
-    // Strategy 1: input[type="date"] — needs YYYY-MM-DD format
+    // First close any already-open calendar/overlay before we start
+    await page.keyboard.press('Escape').catch(() => { });
+    await page.waitForTimeout(100);
+    // Strategy 1: native input[type="date"] — fill with ISO format, no calendar involved
     if (parsed) {
-        const dateInputSelectors = [
-            `input[type="date"]`,
-            `input[type="datetime-local"]`,
-        ];
-        for (const sel of dateInputSelectors) {
-            try {
-                const loc = page.locator(sel).first();
-                if (await loc.isVisible({ timeout: 400 })) {
-                    await loc.fill(parsed.iso, { timeout: 1000 });
-                    return;
-                }
+        try {
+            const native = page.locator('input[type="date"], input[type="datetime-local"]').first();
+            if (await native.isVisible({ timeout: 300 })) {
+                await native.fill(parsed.iso, { timeout: 1000 });
+                return;
             }
-            catch { /* try next */ }
         }
+        catch { /* not a native date input */ }
     }
-    // Strategy 2: plain text input — type the value as-is, dismiss any calendar that opens
-    try {
-        const input = await Promise.any([
-            page.getByLabel(labelRe).first().elementHandle({ timeout: 500 }),
-            page.getByPlaceholder(labelRe).first().elementHandle({ timeout: 500 }),
-            page.getByRole('textbox', { name: labelRe }).first().elementHandle({ timeout: 500 }),
-        ]);
-        if (input) {
-            await input.click();
-            await page.keyboard.press('Escape'); // close any calendar that opened
+    // Strategy 2: react-datepicker / custom date input — click, select-all, type, Tab to commit
+    const dateLocators = [
+        page.getByLabel(labelRe).first(),
+        page.getByPlaceholder(labelRe).first(),
+        page.getByRole('textbox', { name: labelRe }).first(),
+    ];
+    for (const loc of dateLocators) {
+        try {
+            if (!await loc.isVisible({ timeout: 400 }))
+                continue;
+            // Click to focus (may open calendar)
+            await loc.click({ timeout: 800 });
+            await page.waitForTimeout(150);
+            // Select all existing text and replace
+            await page.keyboard.press('Control+a');
+            await page.keyboard.press('Meta+a'); // Mac
+            await page.keyboard.type(value, { delay: 40 });
+            await page.waitForTimeout(150);
+            // Tab out to commit and close the calendar
+            await page.keyboard.press('Tab');
+            await page.waitForTimeout(200);
+            // Aggressively close any calendar still open
+            await page.keyboard.press('Escape').catch(() => { });
+            await page.waitForTimeout(100);
+            // Click neutral area to ensure calendar/overlay is gone
+            await page.mouse.click(10, 10).catch(() => { });
             await page.waitForTimeout(150);
-            await input.click({ clickCount: 3 }); // select all existing text
-            await page.keyboard.type(value, { delay: 30 });
-            await page.keyboard.press('Escape'); // close calendar again after typing
-            await page.keyboard.press('Tab'); // commit the value
             return;
         }
+        catch { /* try next */ }
     }
-    catch { /* fall through */ }
     // Strategy 3: fallback to regular fill
     await tryFill(page, label, value);
 }

package/package.json

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