chrome-cdp-cli 2.0.4 → 2.1.0

package/dist/handlers/ClickHandler.js

@@ -114,35 +114,99 @@ class ClickHandler {
                     error: `Element with selector "${selector}" not found`
                 };
             }
-            await client.send('Input.dispatchMouseEvent', {
-                type: 'mousePressed',
-                x: coords.x,
-                y: coords.y,
-                button: 'left',
-                clickCount: 1
-            });
-            await new Promise(resolve => setTimeout(resolve, 10));
-            await client.send('Input.dispatchMouseEvent', {
-                type: 'mouseReleased',
-                x: coords.x,
-                y: coords.y,
-                button: 'left',
-                clickCount: 1
-            });
-            return {
+            try {
+                await client.send('Input.dispatchMouseEvent', {
+                    type: 'mousePressed',
+                    x: coords.x,
+                    y: coords.y,
+                    button: 'left',
+                    clickCount: 1
+                });
+                await new Promise(resolve => setTimeout(resolve, 10));
+                await client.send('Input.dispatchMouseEvent', {
+                    type: 'mouseReleased',
+                    x: coords.x,
+                    y: coords.y,
+                    button: 'left',
+                    clickCount: 1
+                });
+                return {
+                    success: true,
+                    data: {
+                        selector: selector,
+                        element: {
+                            success: true,
+                            tagName: coords.tagName,
+                            id: coords.id,
+                            className: coords.className
+                        },
+                        method: 'Input.dispatchMouseEvent',
+                        coordinates: { x: coords.x, y: coords.y }
+                    }
+                };
+            }
+            catch (inputError) {
+                const fallbackExpression = `
+          (function() {
+            const e = document.querySelector('${escapedSelector}');
+            if (!e) return { success: false, error: 'Element not found' };
+            const r = e.getBoundingClientRect();
+            const p = { x: r.left + r.width / 2, y: r.top + r.height / 2 };
+            const topEl = document.elementFromPoint(p.x, p.y);
+            if (topEl) {
+              topEl.dispatchEvent(new MouseEvent('click', {
+                bubbles: true,
+                cancelable: true,
+                view: window,
+                clientX: p.x,
+                clientY: p.y,
+                button: 0
+              }));
+              return {
                 success: true,
-                data: {
-                    selector: selector,
-                    element: {
-                        success: true,
-                        tagName: coords.tagName,
-                        id: coords.id,
-                        className: coords.className
-                    },
-                    method: 'Input.dispatchMouseEvent',
-                    coordinates: { x: coords.x, y: coords.y }
+                tagName: e.tagName,
+                id: e.id,
+                className: e.className,
+                topElementTag: topEl.tagName
+              };
+            }
+            return { success: false, error: 'No element at point' };
+          })()
+        `;
+                const fallbackResponse = await client.send('Runtime.evaluate', {
+                    expression: fallbackExpression,
+                    returnByValue: true,
+                    userGesture: true
+                });
+                if (fallbackResponse.exceptionDetails) {
+                    return {
+                        success: false,
+                        error: `Input click failed and fallback also failed: ${fallbackResponse.exceptionDetails.exception?.description || fallbackResponse.exceptionDetails.text}`
+                    };
                 }
-            };
+                const fallbackResult = fallbackResponse.result.value;
+                if (!fallbackResult.success) {
+                    return {
+                        success: false,
+                        error: `Input click failed and fallback failed: ${fallbackResult.error || 'Unknown error'}`
+                    };
+                }
+                return {
+                    success: true,
+                    data: {
+                        selector: selector,
+                        element: {
+                            success: true,
+                            tagName: fallbackResult.tagName || coords.tagName,
+                            id: fallbackResult.id || coords.id,
+                            className: fallbackResult.className || coords.className
+                        },
+                        method: 'dispatchEvent (fallback)',
+                        coordinates: { x: coords.x, y: coords.y },
+                        topElementTag: fallbackResult.topElementTag
+                    }
+                };
+            }
         }
         catch (error) {
             return {