@testid/antd-testid-runtime 1.0.2 → 1.0.4

package/dist/index.d.mts

@@ -30,6 +30,13 @@ interface TestIdMarkConfig {
     runtimePagePrefix: string;
     /** Antd 浮层组件专属前缀映射 */
     popupPrefixMap: Record<PopupType, string>;
+    /**
+     * Ant Design Vue CSS 类名前缀 (对应 ConfigProvider 的 prefixCls)
+     *
+     * 默认: 'ant' → 匹配 .ant-modal, .ant-picker-dropdown 等
+     * 若项目使用 <a-config-provider prefixCls="my-ui"> 则设为 'my-ui'
+     */
+    antdClassPrefix: string;
     /** 忽略不打标的 HTML 标签名 */
     ignoreTags: string[];
     /** 包含此 class 的 DOM 跳过打标 */
@@ -169,11 +176,13 @@ declare function resetPopupCounter(type: PopupType): void;
  */
 declare function getPopupCounterSnapshot(): Record<PopupType, number>;
 /**
- * 生成浮层节点 testid
+ * 生成浮层根节点 testid
  *
- * 格式: ${prefix}${tag}_${counterId}
+ * 格式: ${runtimePagePrefix}${popupPrefix}${tag}_${counterId}
+ * 例: hall_dynamic_modal_div_0, hall_dynamic_select_div_2
  *
- * 例: modal_button_0, select_div_2
+ * 浮层均为运行时注入，因此统一使用 runtimePagePrefix 作为前缀，
+ * 与页面内动态节点保持一致。
  *
  * @param type - 浮层类型
  * @param tag - HTML 标签名 (简化后)
@@ -194,6 +203,8 @@ declare function buildPopupTestId(type: PopupType, tag: string, counterId: numbe
  */
 declare class TestIdObserver {
     private state;
+    /** 浮层 class 匹配映射 (根据 antdClassPrefix 动态构建) */
+    private popupClassMap;
     constructor();
     /**
      * 启动 MutationObserver
@@ -299,8 +310,10 @@ declare class TestIdObserver {
     /**
      * 处理浮层内部子节点 (Modal/Drawer/Dropdown 内的按钮、输入框等)
      *
-     * ID 格式: ${popupPrefix}${popupType}_${tag}_${counter}
-     * 例: hall_modal_button_0, hall_select_div_2
+     * ID 格式: ${runtimePagePrefix}${popupPrefix}${tag}_${counter}
+     * 例: hall_dynamic_modal_button_0, hall_dynamic_select_div_2
+     *
+     * 浮层子元素均为运行时注入，统一使用 runtimePagePrefix 前缀。
      */
     private handlePopupChildNode;
     /**

package/dist/index.d.ts

@@ -30,6 +30,13 @@ interface TestIdMarkConfig {
     runtimePagePrefix: string;
     /** Antd 浮层组件专属前缀映射 */
     popupPrefixMap: Record<PopupType, string>;
+    /**
+     * Ant Design Vue CSS 类名前缀 (对应 ConfigProvider 的 prefixCls)
+     *
+     * 默认: 'ant' → 匹配 .ant-modal, .ant-picker-dropdown 等
+     * 若项目使用 <a-config-provider prefixCls="my-ui"> 则设为 'my-ui'
+     */
+    antdClassPrefix: string;
     /** 忽略不打标的 HTML 标签名 */
     ignoreTags: string[];
     /** 包含此 class 的 DOM 跳过打标 */
@@ -169,11 +176,13 @@ declare function resetPopupCounter(type: PopupType): void;
  */
 declare function getPopupCounterSnapshot(): Record<PopupType, number>;
 /**
- * 生成浮层节点 testid
+ * 生成浮层根节点 testid
  *
- * 格式: ${prefix}${tag}_${counterId}
+ * 格式: ${runtimePagePrefix}${popupPrefix}${tag}_${counterId}
+ * 例: hall_dynamic_modal_div_0, hall_dynamic_select_div_2
  *
- * 例: modal_button_0, select_div_2
+ * 浮层均为运行时注入，因此统一使用 runtimePagePrefix 作为前缀，
+ * 与页面内动态节点保持一致。
  *
  * @param type - 浮层类型
  * @param tag - HTML 标签名 (简化后)
@@ -194,6 +203,8 @@ declare function buildPopupTestId(type: PopupType, tag: string, counterId: numbe
  */
 declare class TestIdObserver {
     private state;
+    /** 浮层 class 匹配映射 (根据 antdClassPrefix 动态构建) */
+    private popupClassMap;
     constructor();
     /**
      * 启动 MutationObserver
@@ -299,8 +310,10 @@ declare class TestIdObserver {
     /**
      * 处理浮层内部子节点 (Modal/Drawer/Dropdown 内的按钮、输入框等)
      *
-     * ID 格式: ${popupPrefix}${popupType}_${tag}_${counter}
-     * 例: hall_modal_button_0, hall_select_div_2
+     * ID 格式: ${runtimePagePrefix}${popupPrefix}${tag}_${counter}
+     * 例: hall_dynamic_modal_button_0, hall_dynamic_select_div_2
+     *
+     * 浮层子元素均为运行时注入，统一使用 runtimePagePrefix 前缀。
      */
     private handlePopupChildNode;
     /**

package/dist/index.js

@@ -60,6 +60,7 @@ var defaultConfig = {
   globalPrefix: "",
   compilePrefix: "static_",
   runtimePagePrefix: "dynamic_",
+  antdClassPrefix: "ant",
   popupPrefixMap: {
     modal: "modal_",
     drawer: "drawer_",
@@ -100,9 +101,10 @@ function applyGlobalPrefix(cfg) {
     ...cfg,
     compilePrefix: prepend(cfg.compilePrefix),
     runtimePagePrefix: prepend(cfg.runtimePagePrefix),
-    popupPrefixMap: Object.fromEntries(
-      Object.entries(cfg.popupPrefixMap).map(([k, v]) => [k, prepend(v)])
-    )
+    // 注意: popupPrefixMap 不拼接 globalPrefix
+    // 浮层 testid 格式为 ${runtimePagePrefix}${popupPrefixMap[type]}...，
+    // runtimePagePrefix 已携带 globalPrefix，避免重复
+    popupPrefixMap: { ...cfg.popupPrefixMap }
   };
 }
 var globalConfig = { ...defaultConfig };
@@ -176,20 +178,28 @@ function getPopupCounterSnapshot() {
 }
 function buildPopupTestId(type, tag, counterId) {
   const config = getConfig();
-  const prefix = config.popupPrefixMap[type] || `${type}_`;
-  return `${prefix}${tag}_${counterId}`;
+  const popupPrefix = config.popupPrefixMap[type] || `${type}_`;
+  return `${config.runtimePagePrefix}${popupPrefix}${tag}_${counterId}`;
 }
 
 // src/utils/testIdObserver.ts
-var POPUP_CLASS_MAP = {
-  modal: ".ant-modal",
-  drawer: ".ant-drawer",
-  select: ".ant-select-dropdown",
-  datePicker: ".ant-picker-dropdown",
-  popconfirm: ".ant-popover.ant-popconfirm",
-  dropdown: ".ant-dropdown",
-  tooltip: ".ant-tooltip"
+var POPUP_CLASS_SUFFIX_MAP = {
+  modal: ".{prefix}-modal",
+  drawer: ".{prefix}-drawer",
+  select: ".{prefix}-select-dropdown",
+  datePicker: ".{prefix}-picker-dropdown",
+  popconfirm: ".{prefix}-popover.{prefix}-popconfirm",
+  dropdown: ".{prefix}-dropdown",
+  tooltip: ".{prefix}-tooltip"
 };
+function buildPopupClassMap(prefix) {
+  const result = {};
+  const entries = Object.entries(POPUP_CLASS_SUFFIX_MAP);
+  for (const [type, template] of entries) {
+    result[type] = template.replace(/\{prefix\}/g, prefix);
+  }
+  return result;
+}
 var TestIdObserver = class {
   constructor() {
     // ==========================================================
@@ -208,6 +218,8 @@ var TestIdObserver = class {
         });
       }
     };
+    const config = getConfig();
+    this.popupClassMap = buildPopupClassMap(config.antdClassPrefix);
     this.state = {
       observer: null,
       isRunning: false,
@@ -441,7 +453,7 @@ var TestIdObserver = class {
   matchPopupClass(node) {
     const classStr = node.className || "";
     if (typeof classStr !== "string") return null;
-    const entries = Object.entries(POPUP_CLASS_MAP);
+    const entries = Object.entries(this.popupClassMap);
     for (const [type, selector] of entries) {
       const classes = selector.replace(/^\./, "").split(".");
       const allMatch = classes.every(
@@ -474,8 +486,10 @@ var TestIdObserver = class {
   /**
    * 处理浮层内部子节点 (Modal/Drawer/Dropdown 内的按钮、输入框等)
    *
-   * ID 格式: ${popupPrefix}${popupType}_${tag}_${counter}
-   * 例: hall_modal_button_0, hall_select_div_2
+   * ID 格式: ${runtimePagePrefix}${popupPrefix}${tag}_${counter}
+   * 例: hall_dynamic_modal_button_0, hall_dynamic_select_div_2
+   *
+   * 浮层子元素均为运行时注入，统一使用 runtimePagePrefix 前缀。
    */
   handlePopupChildNode(node, popupType, config) {
     if (config.onlyInteractive && !this.isInteractive(node)) return;
@@ -483,8 +497,8 @@ var TestIdObserver = class {
     const key = `${popupType}_${tag}`;
     const current = this.state.popupChildCounter.get(key) ?? 0;
     this.state.popupChildCounter.set(key, current + 1);
-    const prefix = config.popupPrefixMap[popupType] || `${popupType}_`;
-    const testId = `${prefix}${tag}_${current}`;
+    const popupPrefix = config.popupPrefixMap[popupType] || `${popupType}_`;
+    const testId = `${config.runtimePagePrefix}${popupPrefix}${tag}_${current}`;
     node.setAttribute("data-testid", testId);
   }
   // ==========================================================

package/dist/index.mjs

@@ -18,6 +18,7 @@ var defaultConfig = {
   globalPrefix: "",
   compilePrefix: "static_",
   runtimePagePrefix: "dynamic_",
+  antdClassPrefix: "ant",
   popupPrefixMap: {
     modal: "modal_",
     drawer: "drawer_",
@@ -58,9 +59,10 @@ function applyGlobalPrefix(cfg) {
     ...cfg,
     compilePrefix: prepend(cfg.compilePrefix),
     runtimePagePrefix: prepend(cfg.runtimePagePrefix),
-    popupPrefixMap: Object.fromEntries(
-      Object.entries(cfg.popupPrefixMap).map(([k, v]) => [k, prepend(v)])
-    )
+    // 注意: popupPrefixMap 不拼接 globalPrefix
+    // 浮层 testid 格式为 ${runtimePagePrefix}${popupPrefixMap[type]}...，
+    // runtimePagePrefix 已携带 globalPrefix，避免重复
+    popupPrefixMap: { ...cfg.popupPrefixMap }
   };
 }
 var globalConfig = { ...defaultConfig };
@@ -134,20 +136,28 @@ function getPopupCounterSnapshot() {
 }
 function buildPopupTestId(type, tag, counterId) {
   const config = getConfig();
-  const prefix = config.popupPrefixMap[type] || `${type}_`;
-  return `${prefix}${tag}_${counterId}`;
+  const popupPrefix = config.popupPrefixMap[type] || `${type}_`;
+  return `${config.runtimePagePrefix}${popupPrefix}${tag}_${counterId}`;
 }
 
 // src/utils/testIdObserver.ts
-var POPUP_CLASS_MAP = {
-  modal: ".ant-modal",
-  drawer: ".ant-drawer",
-  select: ".ant-select-dropdown",
-  datePicker: ".ant-picker-dropdown",
-  popconfirm: ".ant-popover.ant-popconfirm",
-  dropdown: ".ant-dropdown",
-  tooltip: ".ant-tooltip"
+var POPUP_CLASS_SUFFIX_MAP = {
+  modal: ".{prefix}-modal",
+  drawer: ".{prefix}-drawer",
+  select: ".{prefix}-select-dropdown",
+  datePicker: ".{prefix}-picker-dropdown",
+  popconfirm: ".{prefix}-popover.{prefix}-popconfirm",
+  dropdown: ".{prefix}-dropdown",
+  tooltip: ".{prefix}-tooltip"
 };
+function buildPopupClassMap(prefix) {
+  const result = {};
+  const entries = Object.entries(POPUP_CLASS_SUFFIX_MAP);
+  for (const [type, template] of entries) {
+    result[type] = template.replace(/\{prefix\}/g, prefix);
+  }
+  return result;
+}
 var TestIdObserver = class {
   constructor() {
     // ==========================================================
@@ -166,6 +176,8 @@ var TestIdObserver = class {
         });
       }
     };
+    const config = getConfig();
+    this.popupClassMap = buildPopupClassMap(config.antdClassPrefix);
     this.state = {
       observer: null,
       isRunning: false,
@@ -399,7 +411,7 @@ var TestIdObserver = class {
   matchPopupClass(node) {
     const classStr = node.className || "";
     if (typeof classStr !== "string") return null;
-    const entries = Object.entries(POPUP_CLASS_MAP);
+    const entries = Object.entries(this.popupClassMap);
     for (const [type, selector] of entries) {
       const classes = selector.replace(/^\./, "").split(".");
       const allMatch = classes.every(
@@ -432,8 +444,10 @@ var TestIdObserver = class {
   /**
    * 处理浮层内部子节点 (Modal/Drawer/Dropdown 内的按钮、输入框等)
    *
-   * ID 格式: ${popupPrefix}${popupType}_${tag}_${counter}
-   * 例: hall_modal_button_0, hall_select_div_2
+   * ID 格式: ${runtimePagePrefix}${popupPrefix}${tag}_${counter}
+   * 例: hall_dynamic_modal_button_0, hall_dynamic_select_div_2
+   *
+   * 浮层子元素均为运行时注入，统一使用 runtimePagePrefix 前缀。
    */
   handlePopupChildNode(node, popupType, config) {
     if (config.onlyInteractive && !this.isInteractive(node)) return;
@@ -441,8 +455,8 @@ var TestIdObserver = class {
     const key = `${popupType}_${tag}`;
     const current = this.state.popupChildCounter.get(key) ?? 0;
     this.state.popupChildCounter.set(key, current + 1);
-    const prefix = config.popupPrefixMap[popupType] || `${popupType}_`;
-    const testId = `${prefix}${tag}_${current}`;
+    const popupPrefix = config.popupPrefixMap[popupType] || `${popupType}_`;
+    const testId = `${config.runtimePagePrefix}${popupPrefix}${tag}_${current}`;
     node.setAttribute("data-testid", testId);
   }
   // ==========================================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testid/antd-testid-runtime",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "运行时兜底打标模块 — MutationObserver + 锚点计数器 + 浮层计数器 + ID 重复检测",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",