cdp-mcp-server 5.0.1 → 5.0.3

package/dist/tools/form.js

@@ -141,38 +141,38 @@ async function fillText(ctx, sess, uid, value, tabId) {
     const axInfo = await getAXNodeInfo(ctx, sess, uid, tabId);
     // Focus, clear, and set value using React-compatible approach
     await ctx.sendCommand('Runtime.callFunctionOn', {
-        functionDeclaration: `function() {
-      this.scrollIntoView({ block: "center" });
-      this.focus();
-      // Clear existing value
-      if ('value' in this) {
-        const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set
-                          || Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;
-        if (nativeSetter) nativeSetter.call(this, '');
-        else this.value = '';
-        this.dispatchEvent(new Event('input', { bubbles: true }));
-      } else if (this.isContentEditable) {
-        this.textContent = '';
-      }
+        functionDeclaration: `function() {
+      this.scrollIntoView({ block: "center" });
+      this.focus();
+      // Clear existing value
+      if ('value' in this) {
+        const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set
+                          || Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;
+        if (nativeSetter) nativeSetter.call(this, '');
+        else this.value = '';
+        this.dispatchEvent(new Event('input', { bubbles: true }));
+      } else if (this.isContentEditable) {
+        this.textContent = '';
+      }
     }`,
         objectId,
         returnByValue: true,
     }, sess);
     // Set the value using native setter for React/Angular compatibility
     const result = await ctx.sendCommand('Runtime.callFunctionOn', {
-        functionDeclaration: `function() {
-      const val = ${JSON.stringify(value)};
-      if ('value' in this) {
-        const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set
-                          || Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;
-        if (nativeSetter) nativeSetter.call(this, val);
-        else this.value = val;
-      } else if (this.isContentEditable) {
-        this.textContent = val;
-      }
-      this.dispatchEvent(new Event('input', { bubbles: true }));
-      this.dispatchEvent(new Event('change', { bubbles: true }));
-      return { ok: true };
+        functionDeclaration: `function() {
+      const val = ${JSON.stringify(value)};
+      if ('value' in this) {
+        const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set
+                          || Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;
+        if (nativeSetter) nativeSetter.call(this, val);
+        else this.value = val;
+      } else if (this.isContentEditable) {
+        this.textContent = val;
+      }
+      this.dispatchEvent(new Event('input', { bubbles: true }));
+      this.dispatchEvent(new Event('change', { bubbles: true }));
+      return { ok: true };
     }`,
         objectId,
         returnByValue: true,
@@ -200,16 +200,16 @@ async function fillCombobox(ctx, sess, uid, value, tabId) {
     const axInfo = await getAXNodeInfo(ctx, sess, uid, tabId);
     // 1. Focus and clear the combobox
     await ctx.sendCommand('Runtime.callFunctionOn', {
-        functionDeclaration: `function() {
-      this.scrollIntoView({ block: "center" });
-      this.focus();
-      if ('value' in this) {
-        const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set
-                          || Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;
-        if (nativeSetter) nativeSetter.call(this, '');
-        else this.value = '';
-        this.dispatchEvent(new Event('input', { bubbles: true }));
-      }
+        functionDeclaration: `function() {
+      this.scrollIntoView({ block: "center" });
+      this.focus();
+      if ('value' in this) {
+        const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set
+                          || Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;
+        if (nativeSetter) nativeSetter.call(this, '');
+        else this.value = '';
+        this.dispatchEvent(new Event('input', { bubbles: true }));
+      }
     }`,
         objectId,
         returnByValue: true,
@@ -228,8 +228,8 @@ async function fillCombobox(ctx, sess, uid, value, tabId) {
     let controlledListboxId = null;
     try {
         const controlsResult = await ctx.sendCommand('Runtime.callFunctionOn', {
-            functionDeclaration: `function() {
-        return this.getAttribute('aria-controls') || this.getAttribute('aria-owns') || '';
+            functionDeclaration: `function() {
+        return this.getAttribute('aria-controls') || this.getAttribute('aria-owns') || '';
       }`,
             objectId,
             returnByValue: true,
@@ -363,14 +363,14 @@ async function fillCombobox(ctx, sess, uid, value, tabId) {
         const shortValue = value.substring(0, 3);
         // Clear and retype with shorter prefix
         await ctx.sendCommand('Runtime.callFunctionOn', {
-            functionDeclaration: `function() {
-        if ('value' in this) {
-          const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set
-                            || Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;
-          if (nativeSetter) nativeSetter.call(this, '');
-          else this.value = '';
-          this.dispatchEvent(new Event('input', { bubbles: true }));
-        }
+            functionDeclaration: `function() {
+        if ('value' in this) {
+          const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set
+                            || Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;
+          if (nativeSetter) nativeSetter.call(this, '');
+          else this.value = '';
+          this.dispatchEvent(new Event('input', { bubbles: true }));
+        }
       }`,
             objectId,
             returnByValue: true,
@@ -413,9 +413,9 @@ async function fillCombobox(ctx, sess, uid, value, tabId) {
             }, sess);
             if (resolved?.object?.objectId) {
                 await ctx.sendCommand('Runtime.callFunctionOn', {
-                    functionDeclaration: `function() {
-            this.scrollIntoView({ block: "center" });
-            this.click();
+                    functionDeclaration: `function() {
+            this.scrollIntoView({ block: "center" });
+            this.click();
           }`,
                     objectId: resolved.object.objectId,
                     returnByValue: true,
@@ -489,15 +489,15 @@ async function fillCheckbox(ctx, sess, uid, value, tabId) {
     const axInfo = await getAXNodeInfo(ctx, sess, uid, tabId);
     const desired = value === 'true' || value === '1' || value === 'yes';
     const result = await ctx.sendCommand('Runtime.callFunctionOn', {
-        functionDeclaration: `function() {
-      this.scrollIntoView({ block: "center" });
-      const desired = ${desired};
-      const current = this.checked || this.getAttribute('aria-checked') === 'true';
-      if (current !== desired) {
-        this.click();
-        this.dispatchEvent(new Event('change', { bubbles: true }));
-      }
-      return { checked: desired };
+        functionDeclaration: `function() {
+      this.scrollIntoView({ block: "center" });
+      const desired = ${desired};
+      const current = this.checked || this.getAttribute('aria-checked') === 'true';
+      if (current !== desired) {
+        this.click();
+        this.dispatchEvent(new Event('change', { bubbles: true }));
+      }
+      return { checked: desired };
     }`,
         objectId,
         returnByValue: true,
@@ -516,10 +516,10 @@ async function fillRadio(ctx, sess, uid, value, tabId) {
     const { objectId } = await resolveUidToObjectId(ctx, sess, uid, tabId);
     const axInfo = await getAXNodeInfo(ctx, sess, uid, tabId);
     await ctx.sendCommand('Runtime.callFunctionOn', {
-        functionDeclaration: `function() {
-      this.scrollIntoView({ block: "center" });
-      this.click();
-      this.dispatchEvent(new Event('change', { bubbles: true }));
+        functionDeclaration: `function() {
+      this.scrollIntoView({ block: "center" });
+      this.click();
+      this.dispatchEvent(new Event('change', { bubbles: true }));
     }`,
         objectId,
         returnByValue: true,
@@ -538,36 +538,36 @@ async function fillSelect(ctx, sess, uid, value, tabId) {
     const { objectId } = await resolveUidToObjectId(ctx, sess, uid, tabId);
     const axInfo = await getAXNodeInfo(ctx, sess, uid, tabId);
     const result = await ctx.sendCommand('Runtime.callFunctionOn', {
-        functionDeclaration: `function() {
-      this.scrollIntoView({ block: "center" });
-      const val = ${JSON.stringify(value)};
-
-      if (this.tagName === 'SELECT') {
-        let opt = Array.from(this.options).find(o => o.value === val || o.textContent.trim() === val);
-        if (!opt) {
-          // Case-insensitive match
-          opt = Array.from(this.options).find(o =>
-            o.value.toLowerCase() === val.toLowerCase() ||
-            o.textContent.trim().toLowerCase() === val.toLowerCase()
-          );
-        }
-        if (!opt) {
-          const available = Array.from(this.options).map(o => o.textContent.trim()).filter(Boolean);
-          return { error: "Option not found: " + val, available };
-        }
-
-        const nativeSetter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value')?.set;
-        if (nativeSetter) nativeSetter.call(this, opt.value);
-        else this.value = opt.value;
-
-        this.dispatchEvent(new Event('input', { bubbles: true }));
-        this.dispatchEvent(new Event('change', { bubbles: true }));
-        return { selected: opt.textContent.trim() };
-      }
-
-      // Custom dropdown — click to open, then look for matching option
-      this.click();
-      return { customDropdown: true };
+        functionDeclaration: `function() {
+      this.scrollIntoView({ block: "center" });
+      const val = ${JSON.stringify(value)};
+
+      if (this.tagName === 'SELECT') {
+        let opt = Array.from(this.options).find(o => o.value === val || o.textContent.trim() === val);
+        if (!opt) {
+          // Case-insensitive match
+          opt = Array.from(this.options).find(o =>
+            o.value.toLowerCase() === val.toLowerCase() ||
+            o.textContent.trim().toLowerCase() === val.toLowerCase()
+          );
+        }
+        if (!opt) {
+          const available = Array.from(this.options).map(o => o.textContent.trim()).filter(Boolean);
+          return { error: "Option not found: " + val, available };
+        }
+
+        const nativeSetter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value')?.set;
+        if (nativeSetter) nativeSetter.call(this, opt.value);
+        else this.value = opt.value;
+
+        this.dispatchEvent(new Event('input', { bubbles: true }));
+        this.dispatchEvent(new Event('change', { bubbles: true }));
+        return { selected: opt.textContent.trim() };
+      }
+
+      // Custom dropdown — click to open, then look for matching option
+      this.click();
+      return { customDropdown: true };
     }`,
         objectId,
         returnByValue: true,
@@ -586,21 +586,21 @@ async function fillSelect(ctx, sess, uid, value, tabId) {
         // Wait for dropdown to open, then find and click the option
         await sleep(300);
         const clickResult = await ctx.sendCommand('Runtime.evaluate', {
-            expression: `(() => {
-        const val = ${JSON.stringify(value)};
-        const valLower = val.toLowerCase();
-        const options = document.querySelectorAll('[role="option"], [role="listitem"], li[data-value], .MuiMenuItem-root, .ant-select-item, [class*="option"]');
-        for (const opt of options) {
-          const text = opt.textContent.trim();
-          const optValue = opt.getAttribute("data-value") || opt.getAttribute("value") || "";
-          if (text === val || optValue === val || text.toLowerCase() === valLower) {
-            opt.scrollIntoView({ block: "center" });
-            opt.click();
-            return { selected: text };
-          }
-        }
-        const available = Array.from(options).slice(0, 10).map(o => o.textContent.trim());
-        return { error: "Option not found in custom dropdown", available };
+            expression: `(() => {
+        const val = ${JSON.stringify(value)};
+        const valLower = val.toLowerCase();
+        const options = document.querySelectorAll('[role="option"], [role="listitem"], li[data-value], .MuiMenuItem-root, .ant-select-item, [class*="option"]');
+        for (const opt of options) {
+          const text = opt.textContent.trim();
+          const optValue = opt.getAttribute("data-value") || opt.getAttribute("value") || "";
+          if (text === val || optValue === val || text.toLowerCase() === valLower) {
+            opt.scrollIntoView({ block: "center" });
+            opt.click();
+            return { selected: text };
+          }
+        }
+        const available = Array.from(options).slice(0, 10).map(o => o.textContent.trim());
+        return { error: "Option not found in custom dropdown", available };
       })()`,
             returnByValue: true,
         }, sess);
@@ -620,19 +620,19 @@ async function fillDate(ctx, sess, uid, value, tabId) {
     const { objectId } = await resolveUidToObjectId(ctx, sess, uid, tabId);
     const axInfo = await getAXNodeInfo(ctx, sess, uid, tabId);
     const result = await ctx.sendCommand('Runtime.callFunctionOn', {
-        functionDeclaration: `function() {
-      this.scrollIntoView({ block: "center" });
-      this.focus();
-      const val = ${JSON.stringify(value)};
-
-      // Native date input
-      const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set;
-      if (nativeSetter) nativeSetter.call(this, val);
-      else this.value = val;
-
-      this.dispatchEvent(new Event('input', { bubbles: true }));
-      this.dispatchEvent(new Event('change', { bubbles: true }));
-      return { ok: true };
+        functionDeclaration: `function() {
+      this.scrollIntoView({ block: "center" });
+      this.focus();
+      const val = ${JSON.stringify(value)};
+
+      // Native date input
+      const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set;
+      if (nativeSetter) nativeSetter.call(this, val);
+      else this.value = val;
+
+      this.dispatchEvent(new Event('input', { bubbles: true }));
+      this.dispatchEvent(new Event('change', { bubbles: true }));
+      return { ok: true };
     }`,
         objectId,
         returnByValue: true,
@@ -705,16 +705,16 @@ async function fillLocation(ctx, sess, uid, value, tabId) {
     const axInfo = await getAXNodeInfo(ctx, sess, uid, tabId);
     // Focus and clear
     await ctx.sendCommand('Runtime.callFunctionOn', {
-        functionDeclaration: `function() {
-      this.scrollIntoView({ block: "center" });
-      this.focus();
-      if ('value' in this) {
-        const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set
-                          || Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;
-        if (nativeSetter) nativeSetter.call(this, '');
-        else this.value = '';
-        this.dispatchEvent(new Event('input', { bubbles: true }));
-      }
+        functionDeclaration: `function() {
+      this.scrollIntoView({ block: "center" });
+      this.focus();
+      if ('value' in this) {
+        const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set
+                          || Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;
+        if (nativeSetter) nativeSetter.call(this, '');
+        else this.value = '';
+        this.dispatchEvent(new Event('input', { bubbles: true }));
+      }
     }`,
         objectId,
         returnByValue: true,
@@ -753,9 +753,9 @@ async function fillLocation(ctx, sess, uid, value, tabId) {
             }, sess);
             if (resolved?.object?.objectId) {
                 await ctx.sendCommand('Runtime.callFunctionOn', {
-                    functionDeclaration: `function() {
-            this.scrollIntoView({ block: "center" });
-            this.click();
+                    functionDeclaration: `function() {
+            this.scrollIntoView({ block: "center" });
+            this.click();
           }`,
                     objectId: resolved.object.objectId,
                     returnByValue: true,
@@ -849,11 +849,11 @@ async function clearFields(ctx, sess, fields, tabId) {
             if (type === 'checkbox') {
                 // Uncheck if checked
                 await ctx.sendCommand('Runtime.callFunctionOn', {
-                    functionDeclaration: `function() {
-            if (this.checked || this.getAttribute('aria-checked') === 'true') {
-              this.click();
-              this.dispatchEvent(new Event('change', { bubbles: true }));
-            }
+                    functionDeclaration: `function() {
+            if (this.checked || this.getAttribute('aria-checked') === 'true') {
+              this.click();
+              this.dispatchEvent(new Event('change', { bubbles: true }));
+            }
           }`,
                     objectId,
                     returnByValue: true,
@@ -863,18 +863,18 @@ async function clearFields(ctx, sess, fields, tabId) {
             else {
                 // Clear text-like fields
                 await ctx.sendCommand('Runtime.callFunctionOn', {
-                    functionDeclaration: `function() {
-            this.focus();
-            if ('value' in this) {
-              const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set
-                                || Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;
-              if (nativeSetter) nativeSetter.call(this, '');
-              else this.value = '';
-            } else if (this.isContentEditable) {
-              this.textContent = '';
-            }
-            this.dispatchEvent(new Event('input', { bubbles: true }));
-            this.dispatchEvent(new Event('change', { bubbles: true }));
+                    functionDeclaration: `function() {
+            this.focus();
+            if ('value' in this) {
+              const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set
+                                || Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;
+              if (nativeSetter) nativeSetter.call(this, '');
+              else this.value = '';
+            } else if (this.isContentEditable) {
+              this.textContent = '';
+            }
+            this.dispatchEvent(new Event('input', { bubbles: true }));
+            this.dispatchEvent(new Event('change', { bubbles: true }));
           }`,
                     objectId,
                     returnByValue: true,