vite-plugin-vue-testid 1.0.10 → 1.0.12

package/dist/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;;;;;;;OAaG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAEnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC,CAAA;CACzD;AAED,MAAM,WAAW,YAAY;IAC3B,kBAAkB;IAClB,SAAS,EAAE,WAAW,CAAA;IACtB,iBAAiB;IACjB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,oBAAoB;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAA;AAijB7D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,eAAe,CAAC,IAAI,GAAE,cAAmB,GAAG,MAAM,IAAI,CA6ErE;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB,wBAAkB,CAAA;AAMtD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,GAAE,cAAmB,GAAG,IAAI,CAgCtE"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;;;;;;;OAaG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAEnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC,CAAA;CACzD;AAED,MAAM,WAAW,YAAY;IAC3B,kBAAkB;IAClB,SAAS,EAAE,WAAW,CAAA;IACtB,iBAAiB;IACjB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,oBAAoB;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAA;AAukB7D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,eAAe,CAAC,IAAI,GAAE,cAAmB,GAAG,MAAM,IAAI,CAwFrE;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB,wBAAkB,CAAA;AAMtD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,GAAE,cAAmB,GAAG,IAAI,CAgCtE"}

package/dist/runtime.js

@@ -284,8 +284,9 @@ function injectMenuItems(attrName, root = document, pc) {
     { selector: sel(pc, "menu-item-group"), textSelector: sel(pc, "menu-item-group-title"), prefix: "a-menu-item-group-" }
   ];
   for (const rule of itemRules) {
-    const items = root.querySelectorAll(rule.selector);
-    items.forEach((item) => {
+    const descendants = Array.from(root.querySelectorAll(rule.selector));
+    const items = root instanceof HTMLElement && root.matches(rule.selector) ? [root, ...descendants] : descendants;
+    for (const item of items) {
       const el = item;
       if (el.hasAttribute(attrName)) return;
       const id = el.getAttribute("id");
@@ -298,7 +299,7 @@ function injectMenuItems(attrName, root = document, pc) {
       if (text) {
         el.setAttribute(attrName, rule.prefix + text);
       }
-    });
+    }
   }
 }
 var _observedContainers = /* @__PURE__ */ new WeakSet();
@@ -307,18 +308,29 @@ function getTriggerTestId(trigger, attrName) {
   return trigger.getAttribute(attrName) || trigger.getAttribute("id") || "unknown";
 }
 function findActiveTrigger(attrName, pc) {
+  const resolveInContainer = (el) => {
+    if (el.hasAttribute(attrName)) return el;
+    const inner = el.querySelector(`[${attrName}]`);
+    if (inner) return inner;
+    return null;
+  };
   const focused = document.querySelector(sel(pc, "picker-focused"));
   if (focused) {
-    if (focused.hasAttribute(attrName)) return focused;
-    const inner = focused.querySelector(`[${attrName}]`);
-    if (inner) return inner;
+    const found = resolveInContainer(focused);
+    if (found) return found;
     const input = focused.querySelector("input[id]");
     if (input) return input;
   }
   const selectOpen = document.querySelector(sel(pc, "select-open"));
-  if (selectOpen?.hasAttribute(attrName)) return selectOpen;
+  if (selectOpen) {
+    const found = resolveInContainer(selectOpen);
+    if (found) return found;
+  }
   const cascader = document.querySelector(sel(pc, "cascader-picker-focused"));
-  if (cascader?.hasAttribute(attrName)) return cascader;
+  if (cascader) {
+    const found = resolveInContainer(cascader);
+    if (found) return found;
+  }
   const expanded = document.querySelector(
     `[${attrName}][aria-expanded="true"]`
   );
@@ -401,9 +413,16 @@ function setupAntTestIds(opts = {}) {
         if (container.hasAttribute(attrName)) continue;
         if (strategy) {
           queueMicrotask(() => {
-            const trigger = findActiveTrigger(attrName, pc);
-            const triggerTestId = getTriggerTestId(trigger, attrName);
-            strategy({ container, trigger, triggerTestId, attrName });
+            const runPanelInjection = (retriesLeft) => {
+              const trigger = findActiveTrigger(attrName, pc);
+              const triggerTestId = getTriggerTestId(trigger, attrName);
+              if (triggerTestId === "unknown" && retriesLeft > 0) {
+                requestAnimationFrame(() => runPanelInjection(retriesLeft - 1));
+                return;
+              }
+              strategy({ container, trigger, triggerTestId, attrName });
+            };
+            runPanelInjection(3);
           });
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vue-testid",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "Vite plugin to auto-inject data-testid into Vue component templates for E2E testing",
   "type": "module",
   "main": "./dist/index.js",