vite-plugin-vue-testid 1.1.0 → 1.1.1

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;AA6lB7D;;;;;;;;;;;;;;;;;;;;;;;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;AAqpB7D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,eAAe,CAAC,IAAI,GAAE,cAAmB,GAAG,MAAM,IAAI,CAgFrE;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB,wBAAkB,CAAA;AAMtD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,GAAE,cAAmB,GAAG,IAAI,CAmCtE"}

package/dist/runtime.js

@@ -30,6 +30,8 @@ function buildComponentMatchers(pc) {
     { selector: sel(pc, "modal-wrap"), prefix: "a-modal", withId: true },
     // ── 菜单 ──
     { selector: sel(pc, "menu"), prefix: "a-menu" },
+    // ── 标签页 ──
+    { selector: sel(pc, "tabs"), prefix: "a-tabs" },
     // ── 纯 input / textarea（必须排在最后）──
     { selector: `input.${cls(pc, "input")}`, prefix: "a-input" },
     { selector: `textarea.${cls(pc, "input")}`, prefix: "a-textarea" }
@@ -360,7 +362,7 @@ function injectSubElements(root, attrName, pc) {
     if (!testId) continue;
     const input = wrapper.querySelector(sel(pc, "input-number-input"));
     if (input && !hasAttrCompat(input, attrName)) {
-      input.setAttribute(attrName, testId);
+      input.setAttribute(attrName, `${testId}-input`);
     }
     const upHandler = wrapper.querySelector(sel(pc, "input-number-handler-up"));
     if (upHandler && !hasAttrCompat(upHandler, attrName)) {
@@ -410,6 +412,41 @@ function injectSubElements(root, attrName, pc) {
     }
   }
 }
+function injectTabsSubElements(root, attrName, pc) {
+  const tabsContainers = root.matches(`${sel(pc, "tabs")}[${attrName}]`) ? [root] : Array.from(root.querySelectorAll(`${sel(pc, "tabs")}[${attrName}]`));
+  for (const tabs of tabsContainers) {
+    if (!(tabs instanceof HTMLElement)) continue;
+    const testId = getAttrCompat(tabs, attrName) || "";
+    if (!testId) continue;
+    const tabItems = tabs.querySelectorAll(sel(pc, "tabs-tab"));
+    tabItems.forEach((tab, i) => {
+      const el = tab;
+      if (hasAttrCompat(el, attrName)) return;
+      const btn = el.querySelector(sel(pc, "tabs-tab-btn"));
+      const text = (btn?.textContent || el.textContent || "").trim().replace(/\s+/g, "-");
+      el.setAttribute(attrName, `${testId}-tab-${i}-${text}`);
+    });
+    const panes = tabs.querySelectorAll(sel(pc, "tabs-tabpane"));
+    panes.forEach((pane, i) => {
+      const el = pane;
+      if (hasAttrCompat(el, attrName)) return;
+      const tabBtn = tabItems[i]?.querySelector(sel(pc, "tabs-tab-btn"));
+      const text = (tabBtn?.textContent || "").trim().replace(/\s+/g, "-");
+      el.setAttribute(attrName, `${testId}-pane-${i}-${text}`);
+    });
+    const navOps = tabs.querySelector(sel(pc, "tabs-nav-operations"));
+    if (navOps instanceof HTMLElement) {
+      const addBtn = navOps.querySelector(sel(pc, "tabs-nav-add"));
+      if (addBtn instanceof HTMLElement && !hasAttrCompat(addBtn, attrName)) {
+        addBtn.setAttribute(attrName, `${testId}-add`);
+      }
+      const moreBtn = navOps.querySelector(sel(pc, "tabs-nav-more"));
+      if (moreBtn instanceof HTMLElement && !hasAttrCompat(moreBtn, attrName)) {
+        moreBtn.setAttribute(attrName, `${testId}-more`);
+      }
+    }
+  }
+}
 function setupAntTestIds(opts = {}) {
   const attrName = opts.attributeName ?? "data-testid";
   const pc = opts.prefixCls ?? "ant";
@@ -436,6 +473,7 @@ function setupAntTestIds(opts = {}) {
       }
     }
     injectSubElements(node, attrName, pc);
+    injectTabsSubElements(node, attrName, pc);
   }
   let pending = false;
   let pendingNodes = [];
@@ -486,6 +524,7 @@ function injectCurrentDropdowns(opts = {}) {
     });
   }
   injectSubElements(document.body, attrName, pc);
+  injectTabsSubElements(document.body, attrName, pc);
   injectMenuItems(attrName, document, pc);
 }
 function mergeMatchers(defaults, customs) {

package/package.json

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