brave-real-browser-mcp-server 2.4.3 → 2.5.1

package/dist/handlers/interaction-handlers.js

@@ -3,6 +3,7 @@ import { withErrorHandling } from '../system-utils.js';
 import { validateWorkflow, recordExecution, workflowValidator } from '../workflow-validation.js';
 import { selfHealingLocators } from '../self-healing-locators.js';
 import { randomScroll } from '../stealth-actions.js';
+import { setTimeout as sleep } from 'node:timers/promises';
 // Click handler
 export async function handleClick(args) {
     return await withWorkflowValidation('click', args, async () => {
@@ -117,18 +118,62 @@ export async function handleType(args) {
             try {
                 // Wait for element to be ready and interactable
                 await pageInstance.waitForSelector(usedSelector, { timeout: 5000 });
-                // Focus on the element first
-                await element.focus();
-                // Clear existing content
-                await pageInstance.evaluate((sel) => {
+                // Check if element is a dropdown/select
+                const isDropdown = await pageInstance.evaluate((sel) => {
                     const el = document.querySelector(sel);
-                    if (el) {
-                        el.select();
-                        el.value = '';
-                    }
+                    return el?.tagName.toLowerCase() === 'select';
                 }, usedSelector);
-                // Type the new text
-                await pageInstance.type(usedSelector, text, { delay });
+                if (isDropdown) {
+                    // Handle dropdown selection with proper event triggering
+                    await pageInstance.evaluate((sel, value) => {
+                        const selectEl = document.querySelector(sel);
+                        if (!selectEl)
+                            return;
+                        // Human-like behavior: Focus first
+                        selectEl.focus();
+                        // Find option by text or value
+                        const options = Array.from(selectEl.options);
+                        const matchedOption = options.find(opt => opt.text.toLowerCase().includes(value.toLowerCase()) ||
+                            opt.value.toLowerCase().includes(value.toLowerCase()));
+                        if (matchedOption) {
+                            // Set the value
+                            selectEl.value = matchedOption.value;
+                            // Fire all relevant events for dynamic dropdowns
+                            selectEl.dispatchEvent(new Event('input', { bubbles: true }));
+                            selectEl.dispatchEvent(new Event('change', { bubbles: true }));
+                            selectEl.dispatchEvent(new Event('blur', { bubbles: true }));
+                            // Trigger jQuery change event if jQuery exists
+                            if (typeof window.jQuery !== 'undefined') {
+                                window.jQuery(selectEl).trigger('change');
+                            }
+                        }
+                    }, usedSelector, text);
+                    // Wait a bit for dependent dropdowns to load
+                    await sleep(1500);
+                }
+                else {
+                    // Regular input field
+                    // Focus on the element first
+                    await element.focus();
+                    // Clear existing content
+                    await pageInstance.evaluate((sel) => {
+                        const el = document.querySelector(sel);
+                        if (el) {
+                            el.select();
+                            el.value = '';
+                        }
+                    }, usedSelector);
+                    // Type the new text with human-like delay
+                    await pageInstance.type(usedSelector, text, { delay });
+                    // Fire events for dynamic forms
+                    await pageInstance.evaluate((sel) => {
+                        const el = document.querySelector(sel);
+                        if (el) {
+                            el.dispatchEvent(new Event('input', { bubbles: true }));
+                            el.dispatchEvent(new Event('change', { bubbles: true }));
+                        }
+                    }, usedSelector);
+                }
                 return {
                     content: [
                         {

package/dist/handlers/interaction-handlers.test.js

@@ -251,13 +251,14 @@ describe('Interaction Handlers', () => {
                 const args = { selector: 'input', text: 'fallback text' };
                 mockPageInstance.type.mockRejectedValue(new Error('Type failed'));
                 mockPageInstance.evaluate
+                    .mockResolvedValueOnce(false) // Check dropdown
                     .mockResolvedValueOnce(undefined) // Clear content
                     .mockResolvedValueOnce(undefined); // JavaScript typing
                 // Act: Type text
                 const result = await handleType(args);
                 // Assert: Should use JavaScript fallback
                 expect(mockPageInstance.type).toHaveBeenCalled();
-                expect(mockPageInstance.evaluate).toHaveBeenCalledTimes(2); // Clear + JavaScript type
+                expect(mockPageInstance.evaluate).toHaveBeenCalledTimes(3); // Dropdown check + Clear + JavaScript type
                 expect(result.content[0].text).toContain('Typed text using JavaScript fallback');
             });
         });
@@ -275,6 +276,7 @@ describe('Interaction Handlers', () => {
                 const args = { selector: 'input', text: 'test' };
                 mockPageInstance.type.mockRejectedValue(new Error('Type operation failed'));
                 mockPageInstance.evaluate
+                    .mockResolvedValueOnce(false) // Check dropdown
                     .mockResolvedValueOnce(undefined) // Clear content succeeds
                     .mockRejectedValueOnce(new Error('JavaScript type failed')); // JavaScript type fails
                 // Act & Assert: Should throw combined error

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "brave-real-browser-mcp-server",
-  "version": "2.4.3",
+  "version": "2.5.1",
   "description": "MCP server for brave-real-browser",
   "type": "module",
   "main": "dist/index.js",