vite-plugin-vue-testid 1.1.3 → 1.1.4

package/dist/index.d.ts

@@ -19,7 +19,7 @@
  * setupAntTestIds()
  * ```
  *
- * === 使用方式 B：编译期 + 运行时（推荐，获得唯一稳定 testid） ===
+ * === 使用方式 B：编译器 + Vue 插件 + 运行时（推荐，稳定 testid） ===
  *
  * ```ts
  * // vite.config.ts
@@ -38,9 +38,13 @@
  *   ]
  * })
  *
- * // main.ts (与 A 相同)
+ * // main.ts
+ * import { createTestIdBridge } from 'vite-plugin-vue-testid/plugin'
  * import { setupAntTestIds } from 'vite-plugin-vue-testid/runtime'
- * setupAntTestIds()
+ *
+ * createApp(App).mount('#app')
+ * app.use(createTestIdBridge())      // 编译器 testid → DOM（稳定）
+ * setupAntTestIds()                   // 面板 / 子元素 / 兜底
  * ```
  *
  * === 使用方式 C：仅编译期（无运行时，面板不会注入 testid） ===
@@ -67,10 +71,12 @@
 import type { Plugin } from 'vite';
 export type { RuntimeOptions, PanelContext, PanelInjectStrategy } from './runtime';
 export type { TransformOptions } from './transform';
+export type { TestIdBridgeOptions } from './plugin';
 import { createTestIdTransforms } from './transform';
 /** 等同于 `createTestIdTransforms()`，更短的导出名 */
 export declare const testIdTransforms: typeof createTestIdTransforms;
 export { createTestIdTransforms, createTestIdInjectTransform, createMultiRootFixTransform, } from './transform';
+export { createTestIdBridge } from './plugin';
 export interface VueTestIdPluginOptions {
     /**
      * testId 属性名

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIlC,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAClF,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAEpD,4CAA4C;AAC5C,eAAO,MAAM,gBAAgB,+BAAyB,CAAA;AAEtD,OAAO,EACL,sBAAsB,EACtB,2BAA2B,EAC3B,2BAA2B,GAC5B,MAAM,aAAa,CAAA;AAIpB,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,sBAAsB,GAAG,MAAM,CAItE;AAID;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,IAAI,CASrD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIlC,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAClF,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAEnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAEpD,4CAA4C;AAC5C,eAAO,MAAM,gBAAgB,+BAAyB,CAAA;AAEtD,OAAO,EACL,sBAAsB,EACtB,2BAA2B,EAC3B,2BAA2B,GAC5B,MAAM,aAAa,CAAA;AAEpB,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAI7C,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,sBAAsB,GAAG,MAAM,CAItE;AAID;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,IAAI,CASrD"}

package/dist/index.js

@@ -143,7 +143,7 @@ function isTargetComponent(el, antPrefix, customPrefixes) {
   const { tag, tagType } = el;
   if (tagType === ElementTypes.ELEMENT && NATIVE_TAGS.has(tag)) return false;
   if (tagType === ElementTypes.SLOT || tagType === ElementTypes.TEMPLATE) return false;
-  if (isAntdComponent(tag, antPrefix)) return false;
+  if (isAntdComponent(tag, antPrefix)) return true;
   if (tagType === ElementTypes.COMPONENT) return true;
   if (customPrefixes.some((p) => tag.startsWith(p))) return true;
   return false;
@@ -247,6 +247,26 @@ function createTestIdTransforms(opts = {}) {
   ];
 }
 
+// src/plugin.ts
+function createTestIdBridge(opts = {}) {
+  const attrName = opts.attributeName ?? "data-testid";
+  return {
+    install(app) {
+      app.mixin({
+        mounted() {
+          const testId = this.$attrs?.[attrName];
+          if (!testId) return;
+          if (this.$el instanceof HTMLElement) {
+            if (!this.$el.hasAttribute(attrName)) {
+              this.$el.setAttribute(attrName, testId);
+            }
+          }
+        }
+      });
+    }
+  };
+}
+
 // src/index.ts
 var testIdTransforms = createTestIdTransforms;
 function vueTestIdPlugin(_opts) {
@@ -265,6 +285,7 @@ function createVueTestIdTransform() {
 }
 export {
   createMultiRootFixTransform,
+  createTestIdBridge,
   createTestIdInjectTransform,
   createTestIdTransforms,
   createVueTestIdTransform,

package/dist/plugin.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Vue 插件：读取编译器注入的 data-testid 属性，手动写入组件的根 DOM 元素。
+ *
+ * 为什么需要：
+ *   编译器在模板中为每个 (antd + 自定义) 组件生成稳定的 {tagName}-{index} testid，
+ *   但这些 testid 通过 $attrs 传递。部分 ant-design-vue 组件（Modal、Menu 等）
+ *   使用了 inheritAttrs: false，或将其 DOM 根通过 teleport 渲染到 body 下，
+ *   导致 testid 无法自动到达目标 DOM。
+ *
+ *   本插件在组件 mounted 时读取 $attrs['data-testid']，手动写入 $el，
+ *   绕过 inheritAttrs 限制，确保编译期生成的稳定 testid 最终出现在 DOM 上。
+ *
+ * 使用方式：
+ * ```ts
+ * // main.ts
+ * import { createTestIdBridge } from 'vite-plugin-vue-testid/plugin'
+ *
+ * createApp(App).mount('#app')
+ * app.use(createTestIdBridge())
+ * app.use(createTestIdBridge({ attributeName: 'data-testid' }))
+ * ```
+ */
+import type { App } from 'vue';
+export interface TestIdBridgeOptions {
+    /**
+     * testId 属性名
+     * @default 'data-testid'
+     */
+    attributeName?: string;
+}
+export declare function createTestIdBridge(opts?: TestIdBridgeOptions): {
+    install(app: App): void;
+};
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,kBAAkB,CAAC,IAAI,GAAE,mBAAwB;iBAIhD,GAAG;EAenB"}

package/dist/plugin.js

@@ -0,0 +1,22 @@
+// src/plugin.ts
+function createTestIdBridge(opts = {}) {
+  const attrName = opts.attributeName ?? "data-testid";
+  return {
+    install(app) {
+      app.mixin({
+        mounted() {
+          const testId = this.$attrs?.[attrName];
+          if (!testId) return;
+          if (this.$el instanceof HTMLElement) {
+            if (!this.$el.hasAttribute(attrName)) {
+              this.$el.setAttribute(attrName, testId);
+            }
+          }
+        }
+      });
+    }
+  };
+}
+export {
+  createTestIdBridge
+};

package/dist/runtime.d.ts

@@ -61,11 +61,14 @@ export type PanelInjectStrategy = (ctx: PanelContext) => void;
  * 启动全运行时 testid 注入。
  *
  * 覆盖范围：
- * - 所有 ant-design-vue 组件根元素（input / select / button / picker / ...）
- * - teleport 弹出层面板（日期选择器 / 级联选择器 / 下拉选择器）
+ * - 所有 ant-design-vue 组件根元素（input / select / button / picker / auto-complete / mentions / transfer ...）
+ * - teleport 弹出层面板（日期选择器 / 级联选择器 / 下拉选择器 / 提及）
  * - Menu 子元素（inheritAttrs:false 兜底）
  * - InputNumber 内部输入框及增减按钮
  * - Slider handle、Rate 星星、Upload 内部 file input
+ * - AutoComplete 搜索输入框及清除按钮
+ * - Mentions textarea 及下拉面板选项
+ * - Transfer 左右面板 / 列表项 / 复选框 / 移除按钮 / 操作区
  *
  * @returns 清理函数，调用后停止监听
  *

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;AAosB7D;;;;;;;;;;;;;;;;;;;;;;;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"}
+{"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;AAi+B7D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,eAAe,CAAC,IAAI,GAAE,cAAmB,GAAG,MAAM,IAAI,CA4FrE;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB,wBAAkB,CAAA;AAMtD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,GAAE,cAAmB,GAAG,IAAI,CA+CtE"}

package/dist/runtime.js

@@ -8,10 +8,14 @@ function buildComponentMatchers(pc) {
     { selector: sel(pc, "input-affix-wrapper"), prefix: "a-input" },
     { selector: sel(pc, "input-textarea"), prefix: "a-textarea" },
     { selector: sel(pc, "input-number"), prefix: "a-input-number" },
+    // ── AutoComplete（必须在 select 之前，因为同时也有 .ant-select 类）──
+    { selector: sel(pc, "select-auto-complete"), prefix: "a-auto-complete", withId: true },
     // ── 选择器 ──
     { selector: sel(pc, "select"), prefix: "a-select", withId: true },
     { selector: sel(pc, "cascader"), prefix: "a-cascader", withId: true },
     { selector: sel(pc, "tree-select"), prefix: "a-tree-select" },
+    // ── Mentions ──
+    { selector: sel(pc, "mentions"), prefix: "a-mentions", withId: true },
     // ── 日期/时间 ──
     { selector: sel(pc, "picker"), prefix: "a-date-picker", withId: true },
     // ── 表单组件 ──
@@ -32,6 +36,9 @@ function buildComponentMatchers(pc) {
     { selector: sel(pc, "menu"), prefix: "a-menu" },
     // ── 标签页 ──
     { selector: sel(pc, "tabs"), prefix: "a-tabs" },
+    { selector: sel(pc, "pagination"), prefix: "a-pagination" },
+    // ── Transfer ──
+    { selector: sel(pc, "transfer"), prefix: "a-transfer" },
     // ── 纯 input / textarea（必须排在最后）──
     { selector: `input.${cls(pc, "input")}`, prefix: "a-input" },
     { selector: `textarea.${cls(pc, "input")}`, prefix: "a-textarea" }
@@ -272,11 +279,42 @@ function makeInjectSelectPanel(pc) {
     }
   };
 }
+function makeInjectMentionsPanel(pc) {
+  return (ctx) => {
+    const { container, triggerTestId, attrName } = ctx;
+    const prefix = `${triggerTestId}-dropdown`;
+    container.setAttribute(attrName, prefix);
+    const injectAllItems = () => {
+      const items = container.querySelectorAll(sel(pc, "mentions-dropdown-menu-item"));
+      items.forEach((item) => {
+        const el = item;
+        if (hasAttrCompat(el, attrName)) return;
+        const text = el.textContent?.trim() || "";
+        if (text) {
+          el.setAttribute(attrName, `${prefix}-option-${text}`);
+        }
+      });
+    };
+    injectAllItems();
+    if (!_observedContainers.has(container)) {
+      _observedContainers.add(container);
+      let timer = null;
+      const observer = new MutationObserver(() => {
+        if (timer !== null) clearTimeout(timer);
+        timer = setTimeout(() => {
+          injectAllItems();
+        }, 50);
+      });
+      observer.observe(container, { childList: true, subtree: true });
+    }
+  };
+}
 function buildPanels(pc) {
   return {
     [sel(pc, "picker-dropdown")]: makeInjectPickerPanel(pc),
     [sel(pc, "cascader-dropdown")]: makeInjectCascaderPanel(pc),
-    [sel(pc, "select-dropdown")]: makeInjectSelectPanel(pc)
+    [sel(pc, "select-dropdown")]: makeInjectSelectPanel(pc),
+    [sel(pc, "mentions-dropdown")]: makeInjectMentionsPanel(pc)
   };
 }
 function injectMenuItems(attrName, root = document, pc) {
@@ -348,6 +386,14 @@ function findActiveTrigger(attrName, pc) {
     const found = resolveTriggerInContainer(cascader, attrName);
     if (found) return found;
   }
+  const mentionsDropdown = document.querySelector(sel(pc, "mentions-dropdown"));
+  if (mentionsDropdown) {
+    const mentionsRoot = document.querySelector(sel(pc, "mentions"));
+    if (mentionsRoot) {
+      const found = resolveTriggerInContainer(mentionsRoot, attrName);
+      if (found) return found;
+    }
+  }
   const expanded = document.querySelector(
     `[id][aria-expanded="true"], [data-testid][aria-expanded="true"], [data-testId][aria-expanded="true"]`
   );
@@ -480,6 +526,150 @@ function injectTabsSubElements(root, attrName, pc) {
     }
   }
 }
+function injectPaginationSubElements(root, attrName, pc) {
+  const paginations = root.matches(`${sel(pc, "pagination")}[${attrName}]`) ? [root] : Array.from(root.querySelectorAll(`${sel(pc, "pagination")}[${attrName}]`));
+  for (const pagination of paginations) {
+    if (!(pagination instanceof HTMLElement)) continue;
+    const testId = getAttrCompat(pagination, attrName) || "";
+    if (!testId) continue;
+    const prevEl = pagination.querySelector(sel(pc, "pagination-prev"));
+    if (prevEl && !hasAttrCompat(prevEl, attrName)) {
+      prevEl.setAttribute(attrName, `${testId}-prev`);
+    }
+    const nextEl = pagination.querySelector(sel(pc, "pagination-next"));
+    if (nextEl && !hasAttrCompat(nextEl, attrName)) {
+      nextEl.setAttribute(attrName, `${testId}-next`);
+    }
+    pagination.querySelectorAll(sel(pc, "pagination-item")).forEach((item) => {
+      const el = item;
+      if (hasAttrCompat(el, attrName)) return;
+      const pageNum = el.textContent?.trim() || "";
+      if (pageNum) {
+        el.setAttribute(attrName, `${testId}-item-${pageNum}`);
+      }
+    });
+    const jumpPrev = pagination.querySelector(sel(pc, "pagination-jump-prev"));
+    if (jumpPrev && !hasAttrCompat(jumpPrev, attrName)) {
+      jumpPrev.setAttribute(attrName, `${testId}-jump-prev`);
+    }
+    const jumpNext = pagination.querySelector(sel(pc, "pagination-jump-next"));
+    if (jumpNext && !hasAttrCompat(jumpNext, attrName)) {
+      jumpNext.setAttribute(attrName, `${testId}-jump-next`);
+    }
+    const sizeChanger = pagination.querySelector(sel(pc, "pagination-options-size-changer"));
+    if (sizeChanger && !hasAttrCompat(sizeChanger, attrName)) {
+      sizeChanger.setAttribute(attrName, `${testId}-size-changer`);
+    }
+    const quickJumper = pagination.querySelector(sel(pc, "pagination-options-quick-jumper"));
+    if (quickJumper) {
+      const tryQuickJumperInput = () => {
+        const input = quickJumper.querySelector("input");
+        if (input && !hasAttrCompat(input, attrName)) {
+          input.setAttribute(attrName, `${testId}-quick-jumper`);
+          return true;
+        }
+        return false;
+      };
+      if (!tryQuickJumperInput()) {
+        const subObs = new MutationObserver(() => {
+          if (tryQuickJumperInput()) subObs.disconnect();
+        });
+        subObs.observe(quickJumper, { childList: true, subtree: true });
+      }
+    }
+    const totalText = pagination.querySelector(sel(pc, "pagination-total-text"));
+    if (totalText && !hasAttrCompat(totalText, attrName)) {
+      totalText.setAttribute(attrName, `${testId}-total`);
+    }
+  }
+}
+function injectAutoCompleteSubElements(root, attrName, pc) {
+  const wrappers = root.matches(`${sel(pc, "select-auto-complete")}[${attrName}]`) ? [root] : Array.from(root.querySelectorAll(`${sel(pc, "select-auto-complete")}[${attrName}]`));
+  for (const wrapper of wrappers) {
+    if (!(wrapper instanceof HTMLElement)) continue;
+    const testId = getAttrCompat(wrapper, attrName) || "";
+    if (!testId) continue;
+    const searchInput = wrapper.querySelector(
+      `${sel(pc, "select-selection-search")} input`
+    );
+    if (searchInput && !hasAttrCompat(searchInput, attrName)) {
+      searchInput.setAttribute(attrName, `${testId}-input`);
+    }
+    const clearBtn = wrapper.querySelector(sel(pc, "select-clear"));
+    if (clearBtn && !hasAttrCompat(clearBtn, attrName)) {
+      clearBtn.setAttribute(attrName, `${testId}-clear`);
+    }
+  }
+}
+function injectMentionsSubElements(root, attrName, pc) {
+  const mentions = root.matches(`${sel(pc, "mentions")}[${attrName}]`) ? [root] : Array.from(root.querySelectorAll(`${sel(pc, "mentions")}[${attrName}]`));
+  for (const wrapper of mentions) {
+    if (!(wrapper instanceof HTMLElement)) continue;
+    const testId = getAttrCompat(wrapper, attrName) || "";
+    if (!testId) continue;
+    const textarea = wrapper.querySelector(":scope > textarea");
+    if (textarea && !hasAttrCompat(textarea, attrName)) {
+      textarea.setAttribute(attrName, `${testId}-input`);
+    }
+  }
+}
+function injectTransferSubElements(root, attrName, pc) {
+  const transfers = root.matches(`${sel(pc, "transfer")}[${attrName}]`) ? [root] : Array.from(root.querySelectorAll(`${sel(pc, "transfer")}[${attrName}]`));
+  for (const transfer of transfers) {
+    if (!(transfer instanceof HTMLElement)) continue;
+    const testId = getAttrCompat(transfer, attrName) || "";
+    if (!testId) continue;
+    const lists = transfer.querySelectorAll(`:scope > ${sel(pc, "transfer-list")}`);
+    const directions = ["left", "right"];
+    for (let i = 0; i < Math.min(lists.length, 2); i++) {
+      const list = lists[i];
+      const dir = directions[i];
+      const listTestId = `${testId}-list-${dir}`;
+      if (!hasAttrCompat(list, attrName)) {
+        list.setAttribute(attrName, listTestId);
+      }
+      const headerCheckbox = list.querySelector(
+        `${sel(pc, "transfer-list-header")} ${sel(pc, "transfer-list-checkbox")}`
+      );
+      if (headerCheckbox && !hasAttrCompat(headerCheckbox, attrName)) {
+        headerCheckbox.setAttribute(attrName, `${listTestId}-check-all`);
+      }
+      const searchInput = list.querySelector(
+        `${sel(pc, "transfer-list-body-search-wrapper")} input`
+      );
+      if (searchInput && !hasAttrCompat(searchInput, attrName)) {
+        searchInput.setAttribute(attrName, `${listTestId}-search`);
+      }
+      const items = list.querySelectorAll(sel(pc, "transfer-list-content-item"));
+      items.forEach((item) => {
+        const el = item;
+        if (hasAttrCompat(el, attrName)) return;
+        const text = (el.querySelector(sel(pc, "transfer-list-content-item-text"))?.textContent || el.textContent || "").trim().replace(/\s+/g, "-");
+        if (text) {
+          el.setAttribute(attrName, `${listTestId}-item-${text}`);
+        }
+        const checkbox = el.querySelector(
+          sel(pc, "transfer-list-checkbox")
+        );
+        if (checkbox && !hasAttrCompat(checkbox, attrName) && text) {
+          checkbox.setAttribute(attrName, `${listTestId}-item-check-${text}`);
+        }
+        const removeBtn = el.querySelector(
+          sel(pc, "transfer-list-content-item-remove")
+        );
+        if (removeBtn && !hasAttrCompat(removeBtn, attrName) && text) {
+          removeBtn.setAttribute(attrName, `${listTestId}-item-remove-${text}`);
+        }
+      });
+    }
+    const operation = transfer.querySelector(
+      `:scope > ${sel(pc, "transfer-operation")}`
+    );
+    if (operation && !hasAttrCompat(operation, attrName)) {
+      operation.setAttribute(attrName, `${testId}-operation`);
+    }
+  }
+}
 function setupAntTestIds(opts = {}) {
   const attrName = opts.attributeName ?? "data-testid";
   const pc = opts.prefixCls ?? "ant";
@@ -507,6 +697,10 @@ function setupAntTestIds(opts = {}) {
     }
     injectSubElements(node, attrName, pc);
     injectTabsSubElements(node, attrName, pc);
+    injectPaginationSubElements(node, attrName, pc);
+    injectAutoCompleteSubElements(node, attrName, pc);
+    injectMentionsSubElements(node, attrName, pc);
+    injectTransferSubElements(node, attrName, pc);
   }
   let pending = false;
   let pendingNodes = [];
@@ -558,7 +752,11 @@ function injectCurrentDropdowns(opts = {}) {
   }
   injectSubElements(document.body, attrName, pc);
   injectTabsSubElements(document.body, attrName, pc);
+  injectPaginationSubElements(document.body, attrName, pc);
   injectMenuItems(attrName, document, pc);
+  injectAutoCompleteSubElements(document.body, attrName, pc);
+  injectMentionsSubElements(document.body, attrName, pc);
+  injectTransferSubElements(document.body, attrName, pc);
 }
 function mergeMatchers(defaults, customs) {
   if (!customs) return defaults;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vue-testid",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Vite plugin to auto-inject data-testid into Vue component templates for E2E testing",
   "type": "module",
   "main": "./dist/index.js",
@@ -14,6 +14,10 @@
     "./runtime": {
       "import": "./dist/runtime.js",
       "types": "./dist/runtime.d.ts"
+    },
+    "./plugin": {
+      "import": "./dist/plugin.js",
+      "types": "./dist/plugin.d.ts"
     }
   },
   "files": [