vite-plugin-vue-testid 1.0.0

package/README.md

@@ -0,0 +1,361 @@
+# vite-plugin-vue-testid
+
+编译期 + 运行时自动为 Vue 组件模板注入 `data-testid` 的 Vite 插件，专为 ant-design-vue 4.x 适配，大幅降低 E2E 测试中的元素定位成本。
+
+## 特性
+
+- **编译期注入** — 通过 Vue 编译器 `nodeTransform` 自动为组件模板添加 `data-testid`
+- **运行时注入** — 为 ant-design-vue teleport 弹出层（DatePicker、Cascader、Select、TreeSelect 等）动态注入 testId
+- **<a-table> 适配** — bodyCell 插槽内组件自动生成「列名 + 行号 + 序号」的唯一 testId
+- **自动补全 index 解构** — 即使 `#bodyCell="{ column, record }"` 未写 `index`，插件也会自动补上
+- **不会覆盖已有 testId** — 手动标注了 `data-testid` 的元素会被跳过
+- **teleport 组件双注入** — DatePicker / RangePicker / Modal 同时注入 `id` + `data-testid`
+- **日期面板模式感知** — date / month / year / decade 面板自动区分
+- **MutationObserver 重注入** — 面板切换、树节点展开/折叠时自动检测并注入新 DOM
+- **可扩展** — 支持自定义组件列表、testId 生成规则、弹出面板注入策略
+
+---
+
+## 安装
+
+```bash
+pnpm add -D vite-plugin-vue-testid
+```
+
+> 要求：`vite >= 5.0.0`，`vue >= 3.3.0`，`@vue/compiler-core >= 3.5.0`
+
+---
+
+## 快速开始
+
+### 1. 编译期注入（vite.config.ts）
+
+```ts
+// vite.config.ts
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { createVueTestIdTransform } from 'vite-plugin-vue-testid'
+
+export default defineConfig({
+  plugins: [
+    vue({
+      template: {
+        compilerOptions: {
+          nodeTransforms: [createVueTestIdTransform()]
+        }
+      }
+    })
+  ]
+})
+```
+
+### 2. 运行时注入（main.ts）
+
+```ts
+// main.ts
+import { createApp } from 'vue'
+import App from './App.vue'
+import { setupAntDropdownTestIds } from 'vite-plugin-vue-testid/runtime'
+
+const app = createApp(App)
+app.mount('#app')
+
+// 在 mount 之后调用，监听 teleport 面板并自动注入 testId
+setupAntDropdownTestIds()
+```
+
+---
+
+## 生成的 testId 示例
+
+### 普通组件
+
+```html
+<!-- 源码 -->
+<a-input />
+<a-select />
+<a-button />
+
+<!-- 编译后 -->
+<a-input data-testid="a-input-0" />
+<a-select data-testid="a-select-1" />
+<a-button data-testid="a-button-2" />
+```
+
+### teleport 组件（双注入）
+
+```html
+<!-- 源码 -->
+<a-date-picker />
+<a-modal v-model:visible="show" title="提示" />
+
+<!-- 编译后 -->
+<a-date-picker id="a-date-picker-0" data-testid="a-date-picker-0" />
+<a-modal id="a-modal-1" data-testid="a-modal-1" />
+```
+
+### <a-table> bodyCell 内组件
+
+```
+格式：${column.dataIndex}-${index}-${组件名}-${序号}
+
+示例：
+- label-0-a-input-4    (label 列，第 0 行)
+- value-2-a-input-5    (value 列，第 2 行)
+```
+
+### 运行时 DatePicker 面板
+
+```
+a-date-picker-0-dropdown                    # 面板容器
+a-date-picker-0-dropdown-prev               # 上一月
+a-date-picker-0-dropdown-next               # 下一月
+a-date-picker-0-dropdown-header-date        # header 容器
+a-date-picker-0-dropdown-header-month-btn   # header 月份按钮
+a-date-picker-0-dropdown-header-year-btn    # header 年份按钮
+a-date-picker-0-dropdown-date-2026-06-15    # 日期单元格
+a-date-picker-0-dropdown-ok                 # 确定按钮
+```
+
+切换到月面板 / 年面板后（MutationObserver 自动重注入）：
+
+```
+a-date-picker-0-dropdown-header-month       # 月面板 header
+a-date-picker-0-dropdown-month-06           # 6月
+a-date-picker-0-dropdown-header-year        # 年面板 header
+a-date-picker-0-dropdown-year-2026          # 2026年
+a-date-picker-0-dropdown-decade-2020-2029   # 2020-2029 年代
+```
+
+### 运行时 RangePicker 面板
+
+```
+a-range-picker-0-dropdown-prev-left         # 左侧面板上一月
+a-range-picker-0-dropdown-date-2026-05-15-left   # 左侧面板日期
+a-range-picker-0-dropdown-date-2026-06-20-right  # 右侧面板日期
+```
+
+### 运行时 TimePicker
+
+```
+a-time-picker-0-dropdown-time-column-0      # 时列
+a-time-picker-0-dropdown-time-08            # 08时
+a-time-picker-0-dropdown-time-column-1      # 分列
+a-time-picker-0-dropdown-time-30            # 30分
+```
+
+### 运行时 Cascader
+
+```
+a-cascader-0-dropdown                       # 面板容器
+a-cascader-0-dropdown-menu-0                # 第1级菜单
+a-cascader-0-dropdown-item-浙江             # 浙江选项
+a-cascader-0-dropdown-menu-1                # 第2级菜单
+a-cascader-0-dropdown-item-杭州             # 杭州选项
+```
+
+### 运行时 Select
+
+```
+a-select-0-dropdown                         # 下拉容器
+a-select-0-dropdown-option-选项1            # 选项
+a-select-0-dropdown-option-选项2            # 选项
+```
+
+### 运行时 TreeSelect
+
+```
+a-tree-select-0-dropdown                    # 下拉容器
+a-tree-select-0-dropdown-tree-root-1        # 根节点
+a-tree-select-0-dropdown-tree-parent-1      # 父节点（展开后注入）
+a-tree-select-0-dropdown-tree-my-leaf       # 叶子节点
+```
+
+---
+
+## 配置
+
+### 编译期配置
+
+```ts
+import { createVueTestIdTransform } from 'vite-plugin-vue-testid'
+
+createVueTestIdTransform({
+  /**
+   * 需要注入 testId 的组件标签列表（kebab-case）
+   * @default 见下方「默认支持的组件」
+   */
+  components: ['a-input', 'a-select', 'my-button'],
+
+  /**
+   * 自定义 testId 生成函数
+   * @param tagName  组件标签名
+   * @param count    全局递增序号
+   * @returns testId 字符串
+   */
+  generateId: (tagName, count) => `myapp-${tagName}-${count}`,
+
+  /**
+   * testId 属性名（可改为 data-cy 适配 Cypress）
+   * @default 'data-testid'
+   */
+  attributeName: 'data-cy',
+
+  /**
+   * 需要同时注入 id + testId 的组件
+   * @default ['a-date-picker', 'a-range-picker', 'a-time-picker', 'a-modal']
+   */
+  idComponents: ['a-date-picker', 'a-modal'],
+
+  /**
+   * id 属性名
+   * @default 'id'
+   */
+  idAttributeName: 'id',
+})
+```
+
+### 运行时配置
+
+```ts
+import { setupAntDropdownTestIds } from 'vite-plugin-vue-testid/runtime'
+
+// 默认配置
+const cleanup = setupAntDropdownTestIds()
+
+// 自定义配置
+const cleanup = setupAntDropdownTestIds({
+  /**
+   * testId 属性名，需与编译期配置一致
+   * @default 'data-testid'
+   */
+  attributeName: 'data-testid',
+
+  /**
+   * 自定义面板选择器 → 注入策略映射
+   * key: CSS 选择器
+   * value: 注入函数，设为 undefined 可禁用某个默认面板
+   */
+  panels: {
+    '.ant-picker-dropdown': undefined,                     // 禁用内置 Picker 面板注入
+    '.my-custom-dropdown': (ctx) => {
+      // ctx.container   — 面板容器 HTMLElement
+      // ctx.trigger     — 触发器 HTMLElement | null
+      // ctx.triggerTestId — 触发器的 testId 值
+      // ctx.attrName    — testId 属性名
+      const prefix = `${ctx.triggerTestId}-dropdown`
+      ctx.container.setAttribute(ctx.attrName, prefix)
+      // ... 自定义注入逻辑
+    },
+  },
+})
+
+// 组件卸载时清理 Observer
+onUnmounted(cleanup)
+```
+
+### 一次性手动注入
+
+```ts
+import { injectCurrentDropdowns } from 'vite-plugin-vue-testid/runtime'
+
+// SSR / hydration 场景下，不想用 MutationObserver 时直接调用
+injectCurrentDropdowns({ attributeName: 'data-testid' })
+```
+
+---
+
+## 默认支持的组件
+
+| 组件 | 编译期注入 | 运行时注入 |
+|------|:---------:|:---------:|
+| `a-input` | ✅ | — |
+| `a-textarea` | ✅ | — |
+| `a-input-number` | ✅ | — |
+| `a-select` | ✅ | ✅ 下拉面板 |
+| `a-cascader` | ✅ | ✅ 级联面板 |
+| `a-tree-select` | ✅ | ✅ 树选择面板 |
+| `a-radio-group` | ✅ | — |
+| `a-checkbox-group` | ✅ | — |
+| `a-date-picker` | ✅ id+testid | ✅ 日期面板 |
+| `a-range-picker` | ✅ id+testid | ✅ 双面板 |
+| `a-time-picker` | ✅ id+testid | ✅ 时间面板 |
+| `a-switch` | ✅ | — |
+| `a-slider` | ✅ | — |
+| `a-rate` | ✅ | — |
+| `a-upload` | ✅ | — |
+| `a-form-item` | ✅ | — |
+| `a-button` | ✅ | — |
+| `a-modal` | ✅ id+testid | — |
+
+---
+
+## 自定义面板注入策略
+
+如果需要支持其他 UI 库的弹出面板，可以自定义策略：
+
+```ts
+import type { PanelInjectStrategy } from 'vite-plugin-vue-testid/runtime'
+
+// 示例：为 Element Plus 的弹出层注入 testId
+const injectElDropdown: PanelInjectStrategy = (ctx) => {
+  const { container, triggerTestId, attrName } = ctx
+  const prefix = `${triggerTestId}-dropdown`
+
+  container.setAttribute(attrName, prefix)
+
+  container.querySelectorAll('.el-select-dropdown__item').forEach((item) => {
+    const el = item as HTMLElement
+    const text = el.textContent?.trim() || ''
+    el.setAttribute(attrName, `${prefix}-option-${text}`)
+  })
+}
+
+setupAntDropdownTestIds({
+  panels: {
+    '.el-select-dropdown': injectElDropdown,
+    '.el-cascader-dropdown': injectElDropdown,
+  },
+})
+```
+
+---
+
+## API 参考
+
+### 编译期
+
+| 导出 | 类型 | 说明 |
+|------|------|------|
+| `createVueTestIdTransform(opts?)` | `(node: RootNode \| TemplateChildNode) => void` | 创建 Vue 编译器 nodeTransform |
+| `VueTestIdTransformOptions` | `interface` | 编译期配置类型 |
+
+### 运行时（`/runtime` 子路径）
+
+| 导出 | 类型 | 说明 |
+|------|------|------|
+| `setupAntDropdownTestIds(opts?)` | `() => void` | 启动 MutationObserver，自动注入弹出面板 testId，返回清理函数 |
+| `injectCurrentDropdowns(opts?)` | `void` | 一次性手动注入当前 DOM 中已有的弹出面板 |
+| `RuntimeOptions` | `interface` | 运行时配置类型 |
+| `PanelContext` | `interface` | 面板注入上下文类型 |
+| `PanelInjectStrategy` | `(ctx: PanelContext) => void` | 面板注入策略函数类型 |
+
+---
+
+## 原理
+
+### 编译期
+
+通过 Vue 编译器的 `nodeTransform` 钩子在 AST 阶段遍历模板节点，匹配目标组件标签后直接追加 `data-testid` 属性节点。由于是编译期注入，对运行时没有性能影响。
+
+### 运行时
+
+ant-design-vue 4.x 的 DatePicker / Select / Cascader 等组件使用 Teleport 将弹出层渲染到 `document.body`，编译期无法触及这些 DOM。运行时模块通过 `MutationObserver` 监听 body 下的 DOM 变化，匹配 ant-design 面板的 CSS class，自动为面板内元素注入与触发器关联的 testId。
+
+对于 DatePicker 这种 `inheritAttrs: false` 的组件，`data-testid` 在编译期注入后无法到达 DOM。插件通过同时注入 `id` 属性（该属性被 ant-design-vue 显式转发到内部 `<input>`）作为兜底标识。
+
+---
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,64 @@
+import type { RootNode, TemplateChildNode } from '@vue/compiler-core';
+export interface VueTestIdTransformOptions {
+    /**
+     * 需要注入 testId 的组件标签列表（kebab-case）
+     * @default ant-design-vue 常用表单组件
+     */
+    components?: string[];
+    /**
+     * 自定义 testId 生成函数
+     * @param tagName  组件标签名
+     * @param count    全局递增序号
+     * @returns testId 字符串
+     */
+    generateId?: (tagName: string, count: number) => string;
+    /**
+     * testId 属性名
+     * @default 'data-testid'
+     */
+    attributeName?: string;
+    /**
+     * 需要同时注入 id + testId 的组件（如弹窗、日期选择器等 teleport 组件）
+     * @default ['a-date-picker', 'a-range-picker', 'a-time-picker', 'a-modal']
+     */
+    idComponents?: string[];
+    /**
+     * teleport 组件的 id 属性名
+     * @default 'id'
+     */
+    idAttributeName?: string;
+}
+/**
+ * 创建 Vue 编译器 nodeTransform 函数。
+ * 直接传给 `@vitejs/plugin-vue` 的 `template.compilerOptions.nodeTransforms`。
+ *
+ * @example
+ * ```ts
+ * // vite.config.ts
+ * import vue from '@vitejs/plugin-vue'
+ * import { createVueTestIdTransform } from 'vite-plugin-vue-testid'
+ *
+ * export default defineConfig({
+ *   plugins: [
+ *     vue({
+ *       template: {
+ *         compilerOptions: {
+ *           nodeTransforms: [createVueTestIdTransform()]
+ *         }
+ *       }
+ *     })
+ *   ]
+ * })
+ * ```
+ *
+ * @example 自定义配置
+ * ```ts
+ * createVueTestIdTransform({
+ *   components: ['a-input', 'a-select', 'el-input'],
+ *   generateId: (tag, n) => `myapp-${tag}-${n}`,
+ *   attributeName: 'data-cy',
+ * })
+ * ```
+ */
+export declare function createVueTestIdTransform(rawOpts?: VueTestIdTransformOptions): (node: RootNode | TemplateChildNode) => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,QAAQ,EAER,iBAAiB,EAClB,MAAM,oBAAoB,CAAA;AAI3B,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IAErB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAEvD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAuMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,CAAC,EAAE,yBAAyB,GAClC,CAAC,IAAI,EAAE,QAAQ,GAAG,iBAAiB,KAAK,IAAI,CAG9C"}

package/dist/index.js

@@ -0,0 +1,154 @@
+// src/index.ts
+import { ConstantTypes, NodeTypes } from "@vue/compiler-core";
+var DEFAULT_COMPONENTS = [
+  "a-input",
+  "a-textarea",
+  "a-input-number",
+  "a-select",
+  "a-cascader",
+  "a-tree-select",
+  "a-radio-group",
+  "a-checkbox-group",
+  "a-date-picker",
+  "a-range-picker",
+  "a-time-picker",
+  "a-switch",
+  "a-slider",
+  "a-rate",
+  "a-upload",
+  "a-form-item",
+  "a-button",
+  "a-modal"
+];
+var DEFAULT_ID_COMPONENTS = [
+  "a-date-picker",
+  "a-range-picker",
+  "a-time-picker",
+  "a-modal"
+];
+function resolveOptions(raw) {
+  return {
+    components: raw?.components ?? DEFAULT_COMPONENTS,
+    generateId: raw?.generateId ?? ((tag, n) => `${tag}-${n}`),
+    attributeName: raw?.attributeName ?? "data-testid",
+    idComponents: raw?.idComponents ?? DEFAULT_ID_COMPONENTS,
+    idAttributeName: raw?.idAttributeName ?? "id"
+  };
+}
+function ensureSlotIndex(exp) {
+  if (!exp) return;
+  if (exp.type === NodeTypes.SIMPLE_EXPRESSION) {
+    if (!/\bindex\b/.test(exp.content)) {
+      exp.content = exp.content.replace(/\s*\}$/, ", index}");
+    }
+  } else if (exp.type === NodeTypes.COMPOUND_EXPRESSION) {
+    const hasIndex = exp.children.some((c) => {
+      if (typeof c === "string") return /\bindex\b/.test(c);
+      if (typeof c === "symbol") return false;
+      if (c.type === NodeTypes.TEXT || c.type === NodeTypes.SIMPLE_EXPRESSION) {
+        return /\bindex\b/.test(c.content);
+      }
+      return false;
+    });
+    if (hasIndex) return;
+    for (let i = exp.children.length - 1; i >= 0; i--) {
+      const c = exp.children[i];
+      if (typeof c === "string") {
+        exp.children[i] = c.replace(/}$/, ", index}");
+        break;
+      }
+      if (typeof c !== "symbol" && c.type === NodeTypes.TEXT) {
+        c.content = c.content.replace(/}$/, ", index}");
+        break;
+      }
+    }
+  }
+}
+function hasExistingTestId(node, attrName) {
+  return node.props.some(
+    (p) => p.type === NodeTypes.ATTRIBUTE && p.name === attrName || p.type === NodeTypes.DIRECTIVE && p.name === "bind" && p.arg && p.arg.type === NodeTypes.SIMPLE_EXPRESSION && p.arg.content === attrName
+  );
+}
+function createStaticAttr(name, value, loc) {
+  return {
+    type: NodeTypes.ATTRIBUTE,
+    name,
+    nameLoc: loc,
+    value: { type: NodeTypes.TEXT, content: value, loc },
+    loc
+  };
+}
+function createBindDirective(attrName, exprContent, loc) {
+  return {
+    type: NodeTypes.DIRECTIVE,
+    name: "bind",
+    arg: {
+      type: NodeTypes.SIMPLE_EXPRESSION,
+      content: attrName,
+      isStatic: true,
+      constType: ConstantTypes.CAN_STRINGIFY,
+      loc
+    },
+    exp: {
+      type: NodeTypes.SIMPLE_EXPRESSION,
+      content: exprContent,
+      isStatic: false,
+      constType: ConstantTypes.NOT_CONSTANT,
+      loc
+    },
+    modifiers: [],
+    loc
+  };
+}
+function createASTTransform(opts) {
+  let count = 0;
+  let insideTableDepth = 0;
+  let insideBodyCellDepth = 0;
+  const componentSet = new Set(opts.components);
+  const idComponentSet = new Set(opts.idComponents);
+  return (node) => {
+    if (node.type !== NodeTypes.ELEMENT) return;
+    const tagName = node.tag.toLowerCase();
+    if (tagName === "a-table") {
+      insideTableDepth++;
+      return () => {
+        insideTableDepth--;
+      };
+    }
+    if (tagName === "template" && insideTableDepth > 0) {
+      const slotDir = node.props.find(
+        (p) => p.type === NodeTypes.DIRECTIVE && p.name === "slot" && p.arg && p.arg.type === NodeTypes.SIMPLE_EXPRESSION && p.arg.content === "bodyCell"
+      );
+      if (slotDir && slotDir.type === NodeTypes.DIRECTIVE) {
+        ensureSlotIndex(slotDir.exp);
+        insideBodyCellDepth++;
+        return () => {
+          insideBodyCellDepth--;
+        };
+      }
+    }
+    if (insideTableDepth > 0 && insideBodyCellDepth === 0) return;
+    if (!componentSet.has(tagName)) return;
+    if (hasExistingTestId(node, opts.attributeName)) return;
+    const testIdValue = opts.generateId(tagName, count++);
+    if (insideBodyCellDepth > 0) {
+      const expr = `\`\${column?.dataIndex || column?.key || 'cell'}-\${index}-${testIdValue}\``;
+      node.props.push(createBindDirective(opts.attributeName, expr, node.loc));
+      return;
+    }
+    if (idComponentSet.has(tagName)) {
+      node.props.push(createStaticAttr(opts.idAttributeName, testIdValue, node.loc));
+      node.props.push(createStaticAttr(opts.attributeName, testIdValue, node.loc));
+      return;
+    }
+    node.props.push(createStaticAttr(opts.attributeName, testIdValue, node.loc));
+  };
+}
+function createVueTestIdTransform(rawOpts) {
+  const opts = resolveOptions(rawOpts);
+  return createASTTransform(opts);
+}
+export {
+  createVueTestIdTransform
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { ConstantTypes, NodeTypes } from '@vue/compiler-core'\nimport type {\n  AttributeNode,\n  DirectiveNode,\n  ExpressionNode,\n  RootNode,\n  SimpleExpressionNode,\n  TemplateChildNode,\n} from '@vue/compiler-core'\n\n// ──────────────────────── Types ────────────────────────\n\nexport interface VueTestIdTransformOptions {\n  /**\n   * 需要注入 testId 的组件标签列表（kebab-case）\n   * @default ant-design-vue 常用表单组件\n   */\n  components?: string[]\n\n  /**\n   * 自定义 testId 生成函数\n   * @param tagName  组件标签名\n   * @param count    全局递增序号\n   * @returns testId 字符串\n   */\n  generateId?: (tagName: string, count: number) => string\n\n  /**\n   * testId 属性名\n   * @default 'data-testid'\n   */\n  attributeName?: string\n\n  /**\n   * 需要同时注入 id + testId 的组件（如弹窗、日期选择器等 teleport 组件）\n   * @default ['a-date-picker', 'a-range-picker', 'a-time-picker', 'a-modal']\n   */\n  idComponents?: string[]\n\n  /**\n   * teleport 组件的 id 属性名\n   * @default 'id'\n   */\n  idAttributeName?: string\n}\n\ntype ResolvedOptions = Required<VueTestIdTransformOptions>\n\nconst DEFAULT_COMPONENTS = [\n  'a-input', 'a-textarea', 'a-input-number',\n  'a-select', 'a-cascader', 'a-tree-select',\n  'a-radio-group', 'a-checkbox-group',\n  'a-date-picker', 'a-range-picker', 'a-time-picker',\n  'a-switch', 'a-slider', 'a-rate', 'a-upload',\n  'a-form-item',\n  'a-button',\n  'a-modal',\n]\n\nconst DEFAULT_ID_COMPONENTS = [\n  'a-date-picker', 'a-range-picker', 'a-time-picker', 'a-modal',\n]\n\n// ──────────────────────── Helpers ────────────────────────\n\nfunction resolveOptions(raw?: VueTestIdTransformOptions): ResolvedOptions {\n  return {\n    components: raw?.components ?? DEFAULT_COMPONENTS,\n    generateId: raw?.generateId ?? ((tag, n) => `${tag}-${n}`),\n    attributeName: raw?.attributeName ?? 'data-testid',\n    idComponents: raw?.idComponents ?? DEFAULT_ID_COMPONENTS,\n    idAttributeName: raw?.idAttributeName ?? 'id',\n  }\n}\n\n/**\n * 确保 slot props 解构表达式中包含 index。\n * 兼容 SIMPLE_EXPRESSION (type=4) 和 COMPOUND_EXPRESSION (type=8)。\n */\nfunction ensureSlotIndex(exp: ExpressionNode | undefined): void {\n  if (!exp) return\n\n  if (exp.type === NodeTypes.SIMPLE_EXPRESSION) {\n    if (!/\\bindex\\b/.test(exp.content)) {\n      exp.content = exp.content.replace(/\\s*\\}$/, ', index}')\n    }\n  } else if (exp.type === NodeTypes.COMPOUND_EXPRESSION) {\n    const hasIndex = exp.children.some(c => {\n      if (typeof c === 'string') return /\\bindex\\b/.test(c)\n      if (typeof c === 'symbol') return false\n      if (c.type === NodeTypes.TEXT || c.type === NodeTypes.SIMPLE_EXPRESSION) {\n        return /\\bindex\\b/.test(c.content)\n      }\n      return false\n    })\n    if (hasIndex) return\n\n    for (let i = exp.children.length - 1; i >= 0; i--) {\n      const c = exp.children[i]\n      if (typeof c === 'string') {\n        exp.children[i] = c.replace(/}$/, ', index}')\n        break\n      }\n      if (typeof c !== 'symbol' && c.type === NodeTypes.TEXT) {\n        c.content = c.content.replace(/}$/, ', index}')\n        break\n      }\n    }\n  }\n}\n\nfunction hasExistingTestId(\n  node: { props: (AttributeNode | DirectiveNode)[] },\n  attrName: string,\n): boolean {\n  return node.props.some(\n    p =>\n      (p.type === NodeTypes.ATTRIBUTE && p.name === attrName) ||\n      (p.type === NodeTypes.DIRECTIVE &&\n        p.name === 'bind' &&\n        p.arg &&\n        (p.arg as SimpleExpressionNode).type === NodeTypes.SIMPLE_EXPRESSION &&\n        (p.arg as SimpleExpressionNode).content === attrName),\n  )\n}\n\nfunction createStaticAttr(name: string, value: string, loc: RootNode['loc']): AttributeNode {\n  return {\n    type: NodeTypes.ATTRIBUTE,\n    name,\n    nameLoc: loc,\n    value: { type: NodeTypes.TEXT, content: value, loc },\n    loc,\n  }\n}\n\nfunction createBindDirective(\n  attrName: string,\n  exprContent: string,\n  loc: RootNode['loc'],\n): DirectiveNode {\n  return {\n    type: NodeTypes.DIRECTIVE,\n    name: 'bind',\n    arg: {\n      type: NodeTypes.SIMPLE_EXPRESSION,\n      content: attrName,\n      isStatic: true,\n      constType: ConstantTypes.CAN_STRINGIFY,\n      loc,\n    },\n    exp: {\n      type: NodeTypes.SIMPLE_EXPRESSION,\n      content: exprContent,\n      isStatic: false,\n      constType: ConstantTypes.NOT_CONSTANT,\n      loc,\n    },\n    modifiers: [],\n    loc,\n  }\n}\n\n// ──────────────────────── Core Transform ────────────────────────\n\n/**\n * 创建 Vue 编译器 nodeTransform，自动为模板元素注入 data-testid。\n *\n * 特性：\n * - 自动跳过手动标注了 data-testid 的元素\n * - 支持 <a-table> 内 #bodyCell 插槽的动态 testId（行+列唯一）\n * - 自动补全 bodyCell slot props 中的 index 解构\n * - teleport 组件（日期选择器、弹窗）同时注入 id + data-testid\n */\nfunction createASTTransform(opts: ResolvedOptions) {\n  let count = 0\n  let insideTableDepth = 0\n  let insideBodyCellDepth = 0\n\n  const componentSet = new Set(opts.components)\n  const idComponentSet = new Set(opts.idComponents)\n\n  return (node: RootNode | TemplateChildNode) => {\n    if (node.type !== NodeTypes.ELEMENT) return\n\n    const tagName = node.tag.toLowerCase()\n\n    // ──────────── <a-table> 上下文 ────────────\n    if (tagName === 'a-table') {\n      insideTableDepth++\n      return () => { insideTableDepth-- }\n    }\n\n    // ──────────── <template #bodyCell> 上下文 ────────────\n    if (tagName === 'template' && insideTableDepth > 0) {\n      const slotDir = node.props.find(\n        p =>\n          p.type === NodeTypes.DIRECTIVE &&\n          p.name === 'slot' &&\n          p.arg &&\n          (p.arg as SimpleExpressionNode).type === NodeTypes.SIMPLE_EXPRESSION &&\n          (p.arg as SimpleExpressionNode).content === 'bodyCell',\n      )\n      if (slotDir && slotDir.type === NodeTypes.DIRECTIVE) {\n        ensureSlotIndex(slotDir.exp)\n        insideBodyCellDepth++\n        return () => { insideBodyCellDepth-- }\n      }\n    }\n\n    // table 内部但非 bodyCell → 跳过\n    if (insideTableDepth > 0 && insideBodyCellDepth === 0) return\n\n    // 非目标组件 → 跳过\n    if (!componentSet.has(tagName)) return\n\n    // 已有 testId → 跳过\n    if (hasExistingTestId(node, opts.attributeName)) return\n\n    const testIdValue = opts.generateId(tagName, count++)\n\n    // ── bodyCell 内：动态 bind（引用 column.dataIndex + index） ──\n    if (insideBodyCellDepth > 0) {\n      const expr =\n        `\\`\\${column?.dataIndex || column?.key || 'cell'}-\\${index}-${testIdValue}\\``\n      node.props.push(createBindDirective(opts.attributeName, expr, node.loc))\n      return\n    }\n\n    // ── teleport 组件：id + data-testid 双注入 ──\n    if (idComponentSet.has(tagName)) {\n      node.props.push(createStaticAttr(opts.idAttributeName, testIdValue, node.loc))\n      node.props.push(createStaticAttr(opts.attributeName, testIdValue, node.loc))\n      return\n    }\n\n    // ── 普通组件：静态 data-testid ──\n    node.props.push(createStaticAttr(opts.attributeName, testIdValue, node.loc))\n  }\n}\n\n// ──────────────────────── Public API ────────────────────────\n\n/**\n * 创建 Vue 编译器 nodeTransform 函数。\n * 直接传给 `@vitejs/plugin-vue` 的 `template.compilerOptions.nodeTransforms`。\n *\n * @example\n * ```ts\n * // vite.config.ts\n * import vue from '@vitejs/plugin-vue'\n * import { createVueTestIdTransform } from 'vite-plugin-vue-testid'\n *\n * export default defineConfig({\n *   plugins: [\n *     vue({\n *       template: {\n *         compilerOptions: {\n *           nodeTransforms: [createVueTestIdTransform()]\n *         }\n *       }\n *     })\n *   ]\n * })\n * ```\n *\n * @example 自定义配置\n * ```ts\n * createVueTestIdTransform({\n *   components: ['a-input', 'a-select', 'el-input'],\n *   generateId: (tag, n) => `myapp-${tag}-${n}`,\n *   attributeName: 'data-cy',\n * })\n * ```\n */\nexport function createVueTestIdTransform(\n  rawOpts?: VueTestIdTransformOptions,\n): (node: RootNode | TemplateChildNode) => void {\n  const opts = resolveOptions(rawOpts)\n  return createASTTransform(opts)\n}\n"],"mappings":"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","names":[]}

package/dist/runtime.d.ts

@@ -0,0 +1,77 @@
+/**
+ * 运行时辅助模块：为 ant-design-vue teleport 弹出层（日期选择器、级联选择器等）
+ * 中的 DOM 元素注入 data-testid，解决编译期无法处理的定位问题。
+ *
+ * 使用方式（在 main.ts 或入口文件中调用一次即可）：
+ * ```ts
+ * import { setupAntDropdownTestIds } from 'vite-plugin-vue-testid/runtime'
+ *
+ * setupAntDropdownTestIds()
+ * ```
+ */
+export interface RuntimeOptions {
+    /**
+     * testId 属性名，需与编译期插件保持一致
+     * @default 'data-testid'
+     */
+    attributeName?: string;
+    /**
+     * 需要监听的 teleport 面板 CSS 选择器映射
+     * key: 面板容器选择器
+     * value: 注入策略（自定义函数 或 undefined 使用内置策略）
+     */
+    panels?: Record<string, PanelInjectStrategy | undefined>;
+}
+export interface PanelContext {
+    /** 面板容器 DOM 元素 */
+    container: HTMLElement;
+    /** 当前激活的触发器元素 */
+    trigger: HTMLElement | null;
+    /** 触发器的 testId 值 */
+    triggerTestId: string;
+    /** testId 属性名 */
+    attrName: string;
+}
+export type PanelInjectStrategy = (ctx: PanelContext) => void;
+/**
+ * 为 teleport 弹出层面板注入 testId。
+ * 使用 MutationObserver 监听 DOM 新增节点，自动识别 ant-design 弹出面板。
+ *
+ * @example
+ * ```ts
+ * // main.ts
+ * import { setupAntDropdownTestIds } from 'vite-plugin-vue-testid/runtime'
+ *
+ * createApp(App).mount('#app')
+ * setupAntDropdownTestIds()
+ * ```
+ *
+ * testId 注入结果示例：
+ * ```
+ * // 日期面板（初始）
+ * a-date-picker-0-dropdown                  // 面板容器
+ * a-date-picker-0-dropdown-prev             // 上月/上一级
+ * a-date-picker-0-dropdown-next             // 下月/下一级
+ * a-date-picker-0-dropdown-header-date      // header 容器
+ * a-date-picker-0-dropdown-header-month-btn // header 内的月份按钮（"Jun"/"6月"）
+ * a-date-picker-0-dropdown-header-year-btn  // header 内的年份按钮（"2026"）
+ * a-date-picker-0-dropdown-date-2026-06-15  // 日期单元格
+ * a-date-picker-0-dropdown-ok               // 确定按钮
+ *
+ * // 点击月份按钮 → 月面板（MutationObserver 自动重注入）
+ * a-date-picker-0-dropdown-header-month     // header 容器
+ * a-date-picker-0-dropdown-header-year-btn  // header 内的年份按钮
+ * a-date-picker-0-dropdown-month-06         // 6月按钮
+ *
+ * // 点击年份按钮 → 年面板
+ * a-date-picker-0-dropdown-header-year      // header 容器
+ * a-date-picker-0-dropdown-year-2026        // 2026年按钮
+ * ```
+ */
+export declare function setupAntDropdownTestIds(opts?: RuntimeOptions): () => void;
+/**
+ * 手动为当前已存在或即将出现的弹出面板注入 testId（一次性补丁）。
+ * 适用于 SSR/hydration 或不想用 MutationObserver 的场景。
+ */
+export declare function injectCurrentDropdowns(opts?: RuntimeOptions): void;
+//# sourceMappingURL=runtime.d.ts.map

package/dist/runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;;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;AAyW7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,GAAE,cAAmB,GAAG,MAAM,IAAI,CA4C7E;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,GAAE,cAAmB,GAAG,IAAI,CAkBtE"}

package/dist/runtime.js

@@ -0,0 +1,276 @@
+// src/runtime.ts
+function getPanelMode(panel) {
+  if (panel.classList.contains("ant-picker-month-panel")) return "month";
+  if (panel.classList.contains("ant-picker-year-panel")) return "year";
+  if (panel.classList.contains("ant-picker-decade-panel")) return "decade";
+  return "date";
+}
+var MONTH_NAMES = [
+  "jan",
+  "feb",
+  "mar",
+  "apr",
+  "may",
+  "jun",
+  "jul",
+  "aug",
+  "sep",
+  "oct",
+  "nov",
+  "dec"
+];
+function injectHeaderViewButtons(panel, prefix, attrName, suffix) {
+  const headerView = panel.querySelector(".ant-picker-header-view");
+  if (!headerView) return;
+  const buttons = headerView.querySelectorAll("button");
+  buttons.forEach((btn) => {
+    const el = btn;
+    if (el.hasAttribute(attrName)) return;
+    const text = el.textContent?.trim().toLowerCase() || "";
+    let name;
+    if (MONTH_NAMES.some((m) => text.startsWith(m))) {
+      name = "header-month-btn";
+    } else if (/^\d{1,2}月?$/.test(text)) {
+      name = "header-month-btn";
+    } else if (/^\d{4}$/.test(text)) {
+      name = "header-year-btn";
+    } else if (/^\d{4}-\d{4}$/.test(text)) {
+      name = "header-decade-btn";
+    } else {
+      name = `header-btn-${text}`;
+    }
+    el.setAttribute(attrName, `${prefix}-${name}${suffix}`);
+  });
+}
+var _observedContainers = /* @__PURE__ */ new WeakSet();
+function injectSinglePanel(panel, prefix, attrName, suffix) {
+  const mode = getPanelMode(panel);
+  const setAttr = (selector, name) => {
+    const el = panel.querySelector(selector);
+    if (el && !el.hasAttribute(attrName)) {
+      el.setAttribute(attrName, `${prefix}-${name}${suffix}`);
+    }
+  };
+  setAttr(".ant-picker-header-super-prev-btn", "super-prev");
+  setAttr(".ant-picker-header-prev-btn", "prev");
+  setAttr(".ant-picker-header-next-btn", "next");
+  setAttr(".ant-picker-header-super-next-btn", "super-next");
+  setAttr(".ant-picker-header-view", `header-${mode}`);
+  injectHeaderViewButtons(panel, prefix, attrName, suffix);
+  injectPanelCells(panel, prefix, attrName, suffix);
+}
+function injectPanelCells(panel, prefix, attrName, suffix) {
+  const mode = getPanelMode(panel);
+  const cells = panel.querySelectorAll(".ant-picker-cell-inner");
+  cells.forEach((cell) => {
+    const el = cell;
+    if (el.hasAttribute(attrName)) return;
+    const raw = (el.getAttribute("title") || el.textContent?.trim() || "").replace(/\s+/g, "-");
+    let label;
+    switch (mode) {
+      case "month":
+        label = raw.length >= 2 ? raw.slice(-2) : raw;
+        el.setAttribute(attrName, `${prefix}-month-${label}${suffix}`);
+        break;
+      case "year":
+        label = raw;
+        el.setAttribute(attrName, `${prefix}-year-${label}${suffix}`);
+        break;
+      case "decade":
+        label = raw;
+        el.setAttribute(attrName, `${prefix}-decade-${label}${suffix}`);
+        break;
+      default:
+        label = raw;
+        el.setAttribute(attrName, `${prefix}-date-${label}${suffix}`);
+        break;
+    }
+  });
+}
+function injectPickerPanel(ctx) {
+  const { container, triggerTestId, attrName } = ctx;
+  const prefix = `${triggerTestId}-dropdown`;
+  container.setAttribute(attrName, prefix);
+  const isRange = container.classList.contains("ant-picker-dropdown-range");
+  const injectAllPanels = () => {
+    const panels = container.querySelectorAll(".ant-picker-panel");
+    if (isRange && panels.length >= 2) {
+      injectSinglePanel(panels[0], prefix, attrName, "-left");
+      injectSinglePanel(panels[1], prefix, attrName, "-right");
+    } else {
+      const panel = panels[0] || container;
+      injectSinglePanel(panel, prefix, attrName, "");
+    }
+    const presets = container.querySelectorAll(".ant-picker-presets .ant-tag");
+    presets.forEach((tag) => {
+      const el = tag;
+      if (el.hasAttribute(attrName)) return;
+      const text = el.textContent?.trim() || "";
+      el.setAttribute(attrName, `${prefix}-preset-${text}`);
+    });
+    const timeColumns = container.querySelectorAll(".ant-picker-time-panel-column");
+    timeColumns.forEach((col, i) => {
+      const el = col;
+      if (el.hasAttribute(attrName)) return;
+      el.setAttribute(attrName, `${prefix}-time-column-${i}`);
+      const items = col.querySelectorAll("li");
+      items.forEach((item) => {
+        const li = item;
+        if (li.hasAttribute(attrName)) return;
+        const text = li.textContent?.trim() || "";
+        li.setAttribute(attrName, `${prefix}-time-${text}`);
+      });
+    });
+    const setFooterBtn = (selector, name) => {
+      const btn = container.querySelector(selector);
+      if (btn && !btn.hasAttribute(attrName)) {
+        btn.setAttribute(attrName, `${prefix}-${name}`);
+      }
+    };
+    setFooterBtn(".ant-picker-ok button", "ok");
+    setFooterBtn(".ant-picker-now button", "now");
+    setFooterBtn(".ant-picker-now-btn", "now");
+  };
+  injectAllPanels();
+  if (!_observedContainers.has(container)) {
+    _observedContainers.add(container);
+    let timer = null;
+    const observer = new MutationObserver(() => {
+      if (timer !== null) clearTimeout(timer);
+      timer = setTimeout(() => {
+        injectAllPanels();
+      }, 50);
+    });
+    observer.observe(container, { childList: true, subtree: true });
+  }
+}
+function injectCascaderPanel(ctx) {
+  const { container, triggerTestId, attrName } = ctx;
+  const prefix = `${triggerTestId}-dropdown`;
+  container.setAttribute(attrName, prefix);
+  const menus = container.querySelectorAll(".ant-cascader-menu");
+  menus.forEach((menu, i) => {
+    const el = menu;
+    el.setAttribute(attrName, `${prefix}-menu-${i}`);
+    const items = menu.querySelectorAll(".ant-cascader-menu-item");
+    items.forEach((item) => {
+      const li = item;
+      const text = li.textContent?.trim() || "";
+      li.setAttribute(attrName, `${prefix}-item-${text}`);
+    });
+  });
+}
+function injectSelectPanel(ctx) {
+  const { container, triggerTestId, attrName } = ctx;
+  const prefix = `${triggerTestId}-dropdown`;
+  container.setAttribute(attrName, prefix);
+  const injectAllItems = () => {
+    const options = container.querySelectorAll(".ant-select-item-option");
+    options.forEach((opt) => {
+      const el = opt;
+      if (el.hasAttribute(attrName)) return;
+      const title = el.getAttribute("title") || el.textContent?.trim() || "";
+      el.setAttribute(attrName, `${prefix}-option-${title}`);
+    });
+    const treeNodes = container.querySelectorAll(".ant-select-tree-node-content-wrapper");
+    treeNodes.forEach((node) => {
+      const el = node;
+      if (el.hasAttribute(attrName)) return;
+      const title = el.getAttribute("title") || el.textContent?.trim() || "";
+      el.setAttribute(attrName, `${prefix}-tree-${title}`);
+    });
+  };
+  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 });
+  }
+}
+var DEFAULT_PANELS = {
+  ".ant-picker-dropdown": injectPickerPanel,
+  ".ant-cascader-dropdown": injectCascaderPanel,
+  ".ant-select-dropdown": injectSelectPanel
+};
+function getTriggerTestId(trigger, attrName) {
+  if (!trigger) return "unknown-picker";
+  return trigger.getAttribute(attrName) || trigger.getAttribute("id") || "unknown-picker";
+}
+function findActiveTrigger(attrName) {
+  const focused = document.querySelector(".ant-picker-focused");
+  if (focused) {
+    if (focused.hasAttribute(attrName)) return focused;
+    const inner = focused.querySelector(`[${attrName}]`);
+    if (inner) return inner;
+    const input = focused.querySelector("input[id]");
+    if (input) return input;
+  }
+  const selectOpen = document.querySelector(".ant-select-open");
+  if (selectOpen?.hasAttribute(attrName)) return selectOpen;
+  const cascader = document.querySelector(".ant-cascader-picker-focused");
+  if (cascader?.hasAttribute(attrName)) return cascader;
+  const expanded = document.querySelector(
+    `[${attrName}][aria-expanded="true"]`
+  );
+  if (expanded) return expanded;
+  return null;
+}
+function setupAntDropdownTestIds(opts = {}) {
+  const attrName = opts.attributeName ?? "data-testid";
+  const panels = { ...DEFAULT_PANELS, ...opts.panels };
+  const observer = new MutationObserver((mutations) => {
+    for (const mutation of mutations) {
+      for (const node of mutation.addedNodes) {
+        if (!(node instanceof HTMLElement)) continue;
+        for (const [selector, strategy] of Object.entries(panels)) {
+          const containers = node.matches(selector) ? [node] : Array.from(node.querySelectorAll(selector));
+          for (const container of containers) {
+            if (!(container instanceof HTMLElement)) continue;
+            if (container.hasAttribute(attrName)) continue;
+            if (strategy) {
+              queueMicrotask(() => {
+                const trigger = findActiveTrigger(attrName);
+                const triggerTestId = getTriggerTestId(trigger, attrName);
+                const ctx = {
+                  container,
+                  trigger,
+                  triggerTestId,
+                  attrName
+                };
+                strategy(ctx);
+              });
+            }
+          }
+        }
+      }
+    }
+  });
+  observer.observe(document.body, { childList: true, subtree: true });
+  return () => observer.disconnect();
+}
+function injectCurrentDropdowns(opts = {}) {
+  const attrName = opts.attributeName ?? "data-testid";
+  const panels = { ...DEFAULT_PANELS, ...opts.panels };
+  for (const [selector, strategy] of Object.entries(panels)) {
+    const containers = document.querySelectorAll(selector);
+    containers.forEach((container) => {
+      if (!(container instanceof HTMLElement)) return;
+      if (container.hasAttribute(attrName)) return;
+      if (!strategy) return;
+      const trigger = findActiveTrigger(attrName);
+      const triggerTestId = getTriggerTestId(trigger, attrName);
+      strategy({ container, trigger, triggerTestId, attrName });
+    });
+  }
+}
+export {
+  injectCurrentDropdowns,
+  setupAntDropdownTestIds
+};
+//# sourceMappingURL=runtime.js.map

package/dist/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/runtime.ts"],"sourcesContent":["/**\n * 运行时辅助模块：为 ant-design-vue teleport 弹出层（日期选择器、级联选择器等）\n * 中的 DOM 元素注入 data-testid，解决编译期无法处理的定位问题。\n *\n * 使用方式（在 main.ts 或入口文件中调用一次即可）：\n * ```ts\n * import { setupAntDropdownTestIds } from 'vite-plugin-vue-testid/runtime'\n *\n * setupAntDropdownTestIds()\n * ```\n */\n\nexport interface RuntimeOptions {\n  /**\n   * testId 属性名，需与编译期插件保持一致\n   * @default 'data-testid'\n   */\n  attributeName?: string\n\n  /**\n   * 需要监听的 teleport 面板 CSS 选择器映射\n   * key: 面板容器选择器\n   * value: 注入策略（自定义函数 或 undefined 使用内置策略）\n   */\n  panels?: Record<string, PanelInjectStrategy | undefined>\n}\n\nexport interface PanelContext {\n  /** 面板容器 DOM 元素 */\n  container: HTMLElement\n  /** 当前激活的触发器元素 */\n  trigger: HTMLElement | null\n  /** 触发器的 testId 值 */\n  triggerTestId: string\n  /** testId 属性名 */\n  attrName: string\n}\n\nexport type PanelInjectStrategy = (ctx: PanelContext) => void\n\n// ──────────────────────── 内置注入策略 ────────────────────────\n\n/**\n * 判断当前 PickerPanel 处于哪种展示模式。\n * ant-design 通过 CSS 类区分：date / month / year / decade\n */\nfunction getPanelMode(panel: Element): 'date' | 'month' | 'year' | 'decade' {\n  if (panel.classList.contains('ant-picker-month-panel')) return 'month'\n  if (panel.classList.contains('ant-picker-year-panel')) return 'year'\n  if (panel.classList.contains('ant-picker-decade-panel')) return 'decade'\n  return 'date'\n}\n\n/** 月份英文缩写 */\nconst MONTH_NAMES = ['jan', 'feb', 'mar', 'apr', 'may', 'jun',\n  'jul', 'aug', 'sep', 'oct', 'nov', 'dec']\n\n/**\n * 为 header-view 内部的独立按钮注入 testId\n * ant-design 中 header-view 在 date 模式下包含两个按钮：\n * - 月份按钮（如 \"Jun\" / \"6月\"）→ header-month-btn\n * - 年份按钮（如 \"2026\"）      → header-year-btn\n */\nfunction injectHeaderViewButtons(\n  panel: Element,\n  prefix: string,\n  attrName: string,\n  suffix: string,\n): void {\n  const headerView = panel.querySelector('.ant-picker-header-view')\n  if (!headerView) return\n\n  const buttons = headerView.querySelectorAll('button')\n  buttons.forEach((btn) => {\n    const el = btn as HTMLElement\n    if (el.hasAttribute(attrName)) return\n\n    const text = el.textContent?.trim().toLowerCase() || ''\n\n    let name: string\n    if (MONTH_NAMES.some((m) => text.startsWith(m))) {\n      // 匹配 Jan/Feb/... 英文月份缩写\n      name = 'header-month-btn'\n    } else if (/^\\d{1,2}月?$/.test(text)) {\n      // 匹配 \"1月\" \"2月\" ... \"12月\" 或纯数字 \"01\" \"1\" ~ \"12\"\n      name = 'header-month-btn'\n    } else if (/^\\d{4}$/.test(text)) {\n      // 4 位数字年份如 \"2026\"\n      name = 'header-year-btn'\n    } else if (/^\\d{4}-\\d{4}$/.test(text)) {\n      // 年代范围如 \"2020-2029\"\n      name = 'header-decade-btn'\n    } else {\n      // 兜底：直接用文本内容\n      name = `header-btn-${text}`\n    }\n\n    el.setAttribute(attrName, `${prefix}-${name}${suffix}`)\n  })\n}\n\n/** 已绑定 MutationObserver 的容器，避免重复绑定 */\nconst _observedContainers = new WeakSet<Element>()\n\n/**\n * 为单个 PickerPanel 注入全部 testId：\n * - header 按钮（super-prev/prev/next/super-next）\n * - header-view（带模式后缀：header-date / header-month / header-year）\n * - header-view 内部按钮（header-month-btn / header-year-btn）\n * - 单元格（模式区分：date-xxx / month-xx / year-xxxx 等）\n */\nfunction injectSinglePanel(\n  panel: Element,\n  prefix: string,\n  attrName: string,\n  suffix: '' | '-left' | '-right',\n): void {\n  const mode = getPanelMode(panel)\n\n  const setAttr = (selector: string, name: string) => {\n    const el = panel.querySelector(selector) as HTMLElement | null\n    if (el && !el.hasAttribute(attrName)) {\n      el.setAttribute(attrName, `${prefix}-${name}${suffix}`)\n    }\n  }\n\n  setAttr('.ant-picker-header-super-prev-btn', 'super-prev')\n  setAttr('.ant-picker-header-prev-btn', 'prev')\n  setAttr('.ant-picker-header-next-btn', 'next')\n  setAttr('.ant-picker-header-super-next-btn', 'super-next')\n  setAttr('.ant-picker-header-view', `header-${mode}`)\n\n  injectHeaderViewButtons(panel, prefix, attrName, suffix)\n  injectPanelCells(panel, prefix, attrName, suffix)\n}\n\n/**\n * 根据面板当前模式注入单元格 testId\n *\n * date    → data-testid=\"{prefix}-date-2026-06-15{suffix}\"\n * month   → data-testid=\"{prefix}-month-01{suffix}\"\n * year    → data-testid=\"{prefix}-year-2026{suffix}\"\n * decade  → data-testid=\"{prefix}-decade-2020-2029{suffix}\"\n */\nfunction injectPanelCells(\n  panel: Element,\n  prefix: string,\n  attrName: string,\n  suffix: string,\n): void {\n  const mode = getPanelMode(panel)\n  const cells = panel.querySelectorAll('.ant-picker-cell-inner')\n\n  cells.forEach((cell) => {\n    const el = cell as HTMLElement\n    if (el.hasAttribute(attrName)) return\n\n    const raw = (el.getAttribute('title') || el.textContent?.trim() || '').replace(/\\s+/g, '-')\n    let label: string\n\n    switch (mode) {\n      case 'month':\n        // antd 月份单元格 title 一般是 \"2026-01\"，取后两位即可\n        label = raw.length >= 2 ? raw.slice(-2) : raw\n        el.setAttribute(attrName, `${prefix}-month-${label}${suffix}`)\n        break\n      case 'year':\n        label = raw\n        el.setAttribute(attrName, `${prefix}-year-${label}${suffix}`)\n        break\n      case 'decade':\n        label = raw\n        el.setAttribute(attrName, `${prefix}-decade-${label}${suffix}`)\n        break\n      default:\n        // date 模式\n        label = raw\n        el.setAttribute(attrName, `${prefix}-date-${label}${suffix}`)\n        break\n    }\n  })\n}\n\n/**\n * ant-design-vue DatePicker / RangePicker / TimePicker 面板策略\n *\n * DatePicker：单面板，直接注入\n * RangePicker：左右双面板，分别标记 left / right\n * TimePicker：时间列，逐项注入\n */\nfunction injectPickerPanel(ctx: PanelContext): void {\n  const { container, triggerTestId, attrName } = ctx\n  const prefix = `${triggerTestId}-dropdown`\n\n  // 面板容器本身\n  container.setAttribute(attrName, prefix)\n\n  const isRange = container.classList.contains('ant-picker-dropdown-range')\n\n  /**\n   * 注入容器内所有子面板（header+单元格）\n   * 同时注入顶部/底部固定元素（preset、footer buttons 等）\n   */\n  const injectAllPanels = () => {\n    const panels = container.querySelectorAll('.ant-picker-panel')\n    if (isRange && panels.length >= 2) {\n      injectSinglePanel(panels[0], prefix, attrName, '-left')\n      injectSinglePanel(panels[1], prefix, attrName, '-right')\n    } else {\n      const panel = panels[0] || container\n      injectSinglePanel(panel, prefix, attrName, '')\n    }\n\n    // preset 快捷范围标签\n    const presets = container.querySelectorAll('.ant-picker-presets .ant-tag')\n    presets.forEach((tag) => {\n      const el = tag as HTMLElement\n      if (el.hasAttribute(attrName)) return\n      const text = el.textContent?.trim() || ''\n      el.setAttribute(attrName, `${prefix}-preset-${text}`)\n    })\n\n    // 时间选择器的时间列\n    const timeColumns = container.querySelectorAll('.ant-picker-time-panel-column')\n    timeColumns.forEach((col, i) => {\n      const el = col as HTMLElement\n      if (el.hasAttribute(attrName)) return\n      el.setAttribute(attrName, `${prefix}-time-column-${i}`)\n      const items = col.querySelectorAll('li')\n      items.forEach((item) => {\n        const li = item as HTMLElement\n        if (li.hasAttribute(attrName)) return\n        const text = li.textContent?.trim() || ''\n        li.setAttribute(attrName, `${prefix}-time-${text}`)\n      })\n    })\n\n    // 底部按钮\n    const setFooterBtn = (selector: string, name: string) => {\n      const btn = container.querySelector(selector) as HTMLElement | null\n      if (btn && !btn.hasAttribute(attrName)) {\n        btn.setAttribute(attrName, `${prefix}-${name}`)\n      }\n    }\n    setFooterBtn('.ant-picker-ok button', 'ok')\n    setFooterBtn('.ant-picker-now button', 'now')\n    setFooterBtn('.ant-picker-now-btn', 'now')\n  }\n\n  // 首次注入\n  injectAllPanels()\n\n  // ── 容器级 MutationObserver ──\n  // 绑定到 dropdown 容器而非单个 panel，这样即便 ant-design\n  // 在 date↔month↔year 切换时替换了 panel 元素，也能检测到变化并重注入\n  if (!_observedContainers.has(container)) {\n    _observedContainers.add(container)\n\n    let timer: ReturnType<typeof setTimeout> | null = null\n\n    const observer = new MutationObserver(() => {\n      if (timer !== null) clearTimeout(timer)\n      timer = setTimeout(() => {\n        injectAllPanels()\n      }, 50) // 等 Vue nextTick + DOM 全部更新\n    })\n\n    observer.observe(container, { childList: true, subtree: true })\n  }\n}\n\n/**\n * ant-design-vue Cascader 面板策略\n */\nfunction injectCascaderPanel(ctx: PanelContext): void {\n  const { container, triggerTestId, attrName } = ctx\n  const prefix = `${triggerTestId}-dropdown`\n\n  container.setAttribute(attrName, prefix)\n\n  const menus = container.querySelectorAll('.ant-cascader-menu')\n  menus.forEach((menu, i) => {\n    const el = menu as HTMLElement\n    el.setAttribute(attrName, `${prefix}-menu-${i}`)\n    const items = menu.querySelectorAll('.ant-cascader-menu-item')\n    items.forEach((item) => {\n      const li = item as HTMLElement\n      const text = li.textContent?.trim() || ''\n      li.setAttribute(attrName, `${prefix}-item-${text}`)\n    })\n  })\n}\n\n/**\n * ant-design-vue Select / TreeSelect 下拉面板策略\n */\nfunction injectSelectPanel(ctx: PanelContext): void {\n  const { container, triggerTestId, attrName } = ctx\n  const prefix = `${triggerTestId}-dropdown`\n\n  container.setAttribute(attrName, prefix)\n\n  /** 注入容器内所有选项/树节点的 testId */\n  const injectAllItems = () => {\n    const options = container.querySelectorAll('.ant-select-item-option')\n    options.forEach((opt) => {\n      const el = opt as HTMLElement\n      if (el.hasAttribute(attrName)) return\n      const title = el.getAttribute('title') || el.textContent?.trim() || ''\n      el.setAttribute(attrName, `${prefix}-option-${title}`)\n    })\n\n    const treeNodes = container.querySelectorAll('.ant-select-tree-node-content-wrapper')\n    treeNodes.forEach((node) => {\n      const el = node as HTMLElement\n      if (el.hasAttribute(attrName)) return\n      const title = el.getAttribute('title') || el.textContent?.trim() || ''\n      el.setAttribute(attrName, `${prefix}-tree-${title}`)\n    })\n  }\n\n  // 首次注入\n  injectAllItems()\n\n  // TreeSelect 展开/折叠子节点时会动态增删 DOM，需要 Observer 持续注入\n  if (!_observedContainers.has(container)) {\n    _observedContainers.add(container)\n\n    let timer: ReturnType<typeof setTimeout> | null = null\n\n    const observer = new MutationObserver(() => {\n      if (timer !== null) clearTimeout(timer)\n      timer = setTimeout(() => {\n        injectAllItems()\n      }, 50)\n    })\n\n    observer.observe(container, { childList: true, subtree: true })\n  }\n}\n\n// ──────────────────────── 默认面板配置 ────────────────────────\n\nconst DEFAULT_PANELS: Record<string, PanelInjectStrategy> = {\n  '.ant-picker-dropdown': injectPickerPanel,\n  '.ant-cascader-dropdown': injectCascaderPanel,\n  '.ant-select-dropdown': injectSelectPanel,\n}\n\n// ──────────────────────── Observer ────────────────────────\n\n/**\n * 获取触发器上的 testId 值。\n * ant-design-vue 4.x DatePicker 由于 inheritAttrs: false，data-testid 被丢弃，\n * 只有 id 被转发到了内部 input。因为编译期插件同时注入 id + data-testid（值相同），\n * 优先读 testid，兜底读 id。\n */\nfunction getTriggerTestId(trigger: HTMLElement | null, attrName: string): string {\n  if (!trigger) return 'unknown-picker'\n  return trigger.getAttribute(attrName) || trigger.getAttribute('id') || 'unknown-picker'\n}\n\n/**\n * 查找当前激活的触发器元素\n */\nfunction findActiveTrigger(attrName: string): HTMLElement | null {\n  // 日期选择器：有 .ant-picker-focused 类\n  const focused = document.querySelector('.ant-picker-focused') as HTMLElement | null\n  if (focused) {\n    // 1) focused 根元素自身有 testid\n    if (focused.hasAttribute(attrName)) return focused\n    // 2) 内部子元素有 testid（ant-design-vue 4.x 通过 getDataOrAriaProps 转发到 input）\n    const inner = focused.querySelector(`[${attrName}]`) as HTMLElement | null\n    if (inner) return inner\n    // 3) ant-design-vue 4.x DatePicker: data-testid 被丢弃（不在 Picker 的 declared props 中），\n    //    但 id 属性被显式转发到了内部 <input>。由于插件同时注入 id + data-testid 且值相同，\n    //    可以通过 input[id] 找到触发器\n    const input = focused.querySelector('input[id]') as HTMLElement | null\n    if (input) return input\n  }\n\n  // Select / TreeSelect：展开时根 div 有 .ant-select-open 类，且 data-testid 正常到达 DOM\n  const selectOpen = document.querySelector('.ant-select-open') as HTMLElement | null\n  if (selectOpen?.hasAttribute(attrName)) return selectOpen\n\n  // 级联选择器\n  const cascader = document.querySelector('.ant-cascader-picker-focused') as HTMLElement | null\n  if (cascader?.hasAttribute(attrName)) return cascader\n\n  // 通用：查找有 testId 的最近打开的面板触发器\n  // ant-design 通常在展开面板的元素上添加 aria-expanded=\"true\"\n  const expanded = document.querySelector(\n    `[${attrName}][aria-expanded=\"true\"]`,\n  ) as HTMLElement | null\n  if (expanded) return expanded\n\n  return null\n}\n\n/**\n * 为 teleport 弹出层面板注入 testId。\n * 使用 MutationObserver 监听 DOM 新增节点，自动识别 ant-design 弹出面板。\n *\n * @example\n * ```ts\n * // main.ts\n * import { setupAntDropdownTestIds } from 'vite-plugin-vue-testid/runtime'\n *\n * createApp(App).mount('#app')\n * setupAntDropdownTestIds()\n * ```\n *\n * testId 注入结果示例：\n * ```\n * // 日期面板（初始）\n * a-date-picker-0-dropdown                  // 面板容器\n * a-date-picker-0-dropdown-prev             // 上月/上一级\n * a-date-picker-0-dropdown-next             // 下月/下一级\n * a-date-picker-0-dropdown-header-date      // header 容器\n * a-date-picker-0-dropdown-header-month-btn // header 内的月份按钮（\"Jun\"/\"6月\"）\n * a-date-picker-0-dropdown-header-year-btn  // header 内的年份按钮（\"2026\"）\n * a-date-picker-0-dropdown-date-2026-06-15  // 日期单元格\n * a-date-picker-0-dropdown-ok               // 确定按钮\n *\n * // 点击月份按钮 → 月面板（MutationObserver 自动重注入）\n * a-date-picker-0-dropdown-header-month     // header 容器\n * a-date-picker-0-dropdown-header-year-btn  // header 内的年份按钮\n * a-date-picker-0-dropdown-month-06         // 6月按钮\n *\n * // 点击年份按钮 → 年面板\n * a-date-picker-0-dropdown-header-year      // header 容器\n * a-date-picker-0-dropdown-year-2026        // 2026年按钮\n * ```\n */\nexport function setupAntDropdownTestIds(opts: RuntimeOptions = {}): () => void {\n  const attrName = opts.attributeName ?? 'data-testid'\n  const panels = { ...DEFAULT_PANELS, ...opts.panels }\n\n  const observer = new MutationObserver((mutations) => {\n    for (const mutation of mutations) {\n      for (const node of mutation.addedNodes) {\n        if (!(node instanceof HTMLElement)) continue\n\n        // 检查新增节点匹配哪种面板选择器\n        for (const [selector, strategy] of Object.entries(panels)) {\n          const containers = node.matches(selector)\n            ? [node]\n            : Array.from(node.querySelectorAll(selector))\n\n          for (const container of containers) {\n            if (!(container instanceof HTMLElement)) continue\n            if (container.hasAttribute(attrName)) continue // 已注入过\n\n            // 等一个微任务让 CSS 类生效，再找触发器\n            if (strategy) {\n              queueMicrotask(() => {\n                const trigger = findActiveTrigger(attrName)\n                const triggerTestId = getTriggerTestId(trigger, attrName)\n\n                const ctx: PanelContext = {\n                  container,\n                  trigger,\n                  triggerTestId,\n                  attrName,\n                }\n                strategy(ctx)\n              })\n            }\n          }\n        }\n      }\n    }\n  })\n\n  observer.observe(document.body, { childList: true, subtree: true })\n\n  // 返回清理函数\n  return () => observer.disconnect()\n}\n\n/**\n * 手动为当前已存在或即将出现的弹出面板注入 testId（一次性补丁）。\n * 适用于 SSR/hydration 或不想用 MutationObserver 的场景。\n */\nexport function injectCurrentDropdowns(opts: RuntimeOptions = {}): void {\n  const attrName = opts.attributeName ?? 'data-testid'\n  const panels = { ...DEFAULT_PANELS, ...opts.panels }\n\n  for (const [selector, strategy] of Object.entries(panels)) {\n    const containers = document.querySelectorAll(selector)\n    containers.forEach((container) => {\n      if (!(container instanceof HTMLElement)) return\n      if (container.hasAttribute(attrName)) return\n\n      if (!strategy) return\n\n      const trigger = findActiveTrigger(attrName)\n      const triggerTestId = getTriggerTestId(trigger, attrName)\n\n      strategy({ container, trigger, triggerTestId, attrName })\n    })\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "vite-plugin-vue-testid",
+  "version": "1.0.0",
+  "description": "Vite plugin to auto-inject data-testid into Vue component templates for E2E testing",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./runtime": {
+      "import": "./dist/runtime.js",
+      "types": "./dist/runtime.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup && tsc -p tsconfig.build.json",
+    "dev": "tsup --watch",
+    "prepublishOnly": "pnpm build"
+  },
+  "keywords": [
+    "vite",
+    "plugin",
+    "vue",
+    "testid",
+    "e2e",
+    "testing",
+    "ant-design-vue"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "vite": ">=5.0.0",
+    "vue": ">=3.3.0"
+  },
+  "dependencies": {
+    "@vue/compiler-core": "^3.5.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "~6.0.2",
+    "vite": "^8.0.12"
+  }
+}