chrometools-mcp 3.5.3 → 3.5.4-beta.0

package/index.js

@@ -2362,7 +2362,7 @@ Start coding now.`;
       const pageUrl = page.url();
 
       // APOM Tree format (default) - v2 with tree structure and positioning
-      const apomResult = await page.evaluate((apomTreeConverterCode, selectorResolverCode, modelsCode, shouldRegister, includeAll, viewportOnly) => {
+      const apomResult = await page.evaluate(async (apomTreeConverterCode, selectorResolverCode, modelsCode, shouldRegister, includeAll, viewportOnly) => {
         // Inject utilities if not already loaded
         if (typeof buildAPOMTree === 'undefined') {
           eval(apomTreeConverterCode);
@@ -2374,6 +2374,29 @@ Start coding now.`;
           eval(modelsCode);
         }
 
+        // Wait for Angular stability before DOM traversal (like Protractor's whenStable).
+        // Prevents reading intermediate DOM state during Angular change detection.
+        // whenStable() resolves immediately if Angular is already stable (zero overhead).
+        if (typeof window.getAllAngularTestabilities === 'function') {
+          try {
+            const testabilities = window.getAllAngularTestabilities();
+            if (testabilities && testabilities.length > 0) {
+              await Promise.race([
+                new Promise(resolve => testabilities[0].whenStable(resolve)),
+                new Promise(resolve => setTimeout(resolve, 3000))
+              ]);
+            }
+          } catch (e) {
+            // Angular testability API not available or errored — proceed without waiting
+          }
+        }
+
+        // Clear stale element registry before building new tree.
+        // Old IDs from previous analyses may point to elements that no longer exist.
+        if (typeof clearRegistry === 'function') {
+          clearRegistry();
+        }
+
         // Build APOM tree
         // interactiveOnly = !includeAll (if includeAll is true, we want ALL elements)
         const apomData = buildAPOMTree(!includeAll, viewportOnly);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrometools-mcp",
-  "version": "3.5.3",
+  "version": "3.5.4-beta.0",
   "description": "MCP (Model Context Protocol) server for Chrome automation using Puppeteer. Persistent browser sessions, UI framework detection (MUI, Ant Design, etc.), Page Object support, visual testing, Figma comparison. Works seamlessly in WSL, Linux, macOS, and Windows.",
   "type": "module",
   "main": "index.js",