@ironsource/shared-ui 1.4.2-test.7 → 1.4.2

package/components/tabs/index.d.ts

@@ -4,6 +4,11 @@ declare const TabsTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     variant: {
         type: import("vue").PropType<"fill" | "fix">;
     } & {
@@ -32,6 +37,11 @@ declare const TabsTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     variant: {
         type: import("vue").PropType<"fill" | "fix">;
     } & {
@@ -56,6 +66,7 @@ declare const TabsTypes: () => import("vue").DefineComponent<{
     "onUpdate:selectedTab"?: (tabId: string | number) => any;
 }, {
     size: "md" | "sm" | "lg" | "xl";
+    testId: string;
     variant: "fill" | "fix";
     tabsList: {
         id: string | number;
@@ -63,6 +74,6 @@ declare const TabsTypes: () => import("vue").DefineComponent<{
         iconName: string;
         disabled?: boolean;
     }[];
-}, {}>[];
+}>[];
 export { default as Tabs } from './Tabs.vue';
 export { TabsTypes };

package/components/textArea/TextArea.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     label?: string;
     feedbackHelpText?: string;
     feedbackErrorText?: string;
+    testId?: string;
 }>, {
     modelValue: string;
     placeholder: string;
@@ -12,6 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     label: string;
     feedbackHelpText: string;
     feedbackErrorText: string;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -21,6 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     label?: string;
     feedbackHelpText?: string;
     feedbackErrorText?: string;
+    testId?: string;
 }>, {
     modelValue: string;
     placeholder: string;
@@ -28,16 +31,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     label: string;
     feedbackHelpText: string;
     feedbackErrorText: string;
+    testId: string;
 }>>> & {
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
     label: string;
+    testId: string;
     disabled: boolean;
     modelValue: string;
     placeholder: string;
     feedbackHelpText: string;
     feedbackErrorText: string;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/textArea/TextArea.vue.js

@@ -1,19 +1,17 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
-import '../typography/Heading.vue.js';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
+import { TextAreaTestIdModifiers } from '../../testids/index.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                          */
 import "../../TextArea.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = {
-  key: 0,
-  class: "label-container"
-};
-const _hoisted_2 = ["value", "placeholder", "disabled"];
-const _hoisted_3 = {
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = ["value", "placeholder", "disabled", "data-testid"];
+const _hoisted_4 = {
   key: 1,
   class: "extra-text-container"
 };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TextArea",
   props: {
     modelValue: { default: "" },
@@ -21,7 +19,8 @@ const _sfc_main = defineComponent({
     disabled: { type: Boolean, default: false },
     label: { default: "" },
     feedbackHelpText: { default: "" },
-    feedbackErrorText: { default: "" }
+    feedbackErrorText: { default: "" },
+    testId: { default: "" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -30,38 +29,45 @@ const _sfc_main = defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass({ "textarea-with-label-container": true, disabled: _ctx.disabled })
+        class: normalizeClass({ "textarea-with-label-container": true, disabled: __props.disabled }),
+        "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).WRAPPER}`
       }, [
-        _ctx.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.label ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "label-container",
+          "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).LABEL}`
+        }, [
           createVNode(unref(Text), { class: "label" }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.label), 1)
+              createTextVNode(toDisplayString(__props.label), 1)
             ]),
             _: 1
           })
-        ])) : createCommentVNode("", true),
+        ], 8, _hoisted_2)) : createCommentVNode("", true),
         createElementVNode("textarea", {
           class: "textarea",
-          value: _ctx.modelValue,
-          placeholder: _ctx.placeholder,
-          disabled: _ctx.disabled,
+          value: __props.modelValue,
+          placeholder: __props.placeholder,
+          disabled: __props.disabled,
+          "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).FIELD}`,
           onInput: handleInput
-        }, null, 40, _hoisted_2),
-        _ctx.feedbackErrorText || _ctx.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        }, null, 40, _hoisted_3),
+        __props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_4, [
           createVNode(unref(Text), {
-            class: normalizeClass({ [_ctx.feedbackErrorText ? "error" : "help"]: true }),
+            class: normalizeClass({ [__props.feedbackErrorText ? "error" : "help"]: true }),
+            "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).TEXT}`,
             size: "caption"
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.feedbackErrorText || _ctx.feedbackHelpText), 1)
+              createTextVNode(toDisplayString(__props.feedbackErrorText || __props.feedbackHelpText), 1)
             ]),
             _: 1
-          }, 8, ["class"])
+          }, 8, ["class", "data-testid"])
         ])) : createCommentVNode("", true)
-      ], 2);
+      ], 10, _hoisted_1);
     };
   }
 });
-var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78bc849c"]]);
+var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6197672e"]]);
 
 export { TextArea as default };

package/components/textArea/index.d.ts

@@ -4,6 +4,11 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -37,6 +42,11 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -66,11 +76,12 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
     label: string;
+    testId: string;
     disabled: boolean;
     modelValue: string;
     placeholder: string;
     feedbackHelpText: string;
     feedbackErrorText: string;
-}, {}>[];
+}>[];
 export { default as TextArea } from './TextArea.vue';
 export { TextAreaTypes };

package/components/toggle/Toggle.vue.d.ts

@@ -5,14 +5,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     errorText?: string;
     helperText?: string;
     isDisabled?: boolean;
+    isLoading?: boolean;
     color?: string;
+    testId?: string;
 }>, {
     activeText: any;
     inactiveText: any;
     errorText: any;
     helperText: any;
     isDisabled: boolean;
+    isLoading: boolean;
     color: string;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -22,24 +26,30 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     errorText?: string;
     helperText?: string;
     isDisabled?: boolean;
+    isLoading?: boolean;
     color?: string;
+    testId?: string;
 }>, {
     activeText: any;
     inactiveText: any;
     errorText: any;
     helperText: any;
     isDisabled: boolean;
+    isLoading: boolean;
     color: string;
+    testId: string;
 }>>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
 }, {
+    testId: string;
     helperText: string;
     color: string;
+    isLoading: boolean;
     errorText: string;
     activeText: string;
     inactiveText: string;
     isDisabled: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/toggle/Toggle.vue.js

@@ -1,18 +1,15 @@
-import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, pushScopeId, popScopeId } from 'vue';
-import '../typography/Heading.vue.js';
+import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, unref, normalizeClass, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString, createBlock } from 'vue';
+import { ToggleTestIdModifiers } from '../../testids/index.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 import { COLORS } from '../../consts/colors.vue.js';
-/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                        */
 import "../../Toggle.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-6627e5c5"), n = n(), popScopeId(), n);
-const _hoisted_1 = { class: "toggle-wrap" };
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "toggle-head" }, null, -1));
-const _hoisted_3 = [
-  _hoisted_2
-];
-const _hoisted_4 = ["disabled", "checked"];
-const _sfc_main = defineComponent({
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = { class: "toggle-head" };
+const _hoisted_4 = ["disabled", "checked", "data-testid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Toggle",
   props: {
     modelValue: { type: Boolean },
@@ -21,13 +18,15 @@ const _sfc_main = defineComponent({
     errorText: { default: void 0 },
     helperText: { default: void 0 },
     isDisabled: { type: Boolean, default: false },
-    color: { default: COLORS.PRIMARY_500 }
+    isLoading: { type: Boolean, default: false },
+    color: { default: COLORS.PRIMARY_500 },
+    testId: { default: "" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "a1fed734": _ctx.color
+      "189a2944": __props.color
     }));
     const toggleValue = () => {
       if (props.isDisabled)
@@ -36,54 +35,71 @@ const _sfc_main = defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "toggle-wrap",
+          "data-testid": `${__props.testId}-${unref(ToggleTestIdModifiers).WRAPPER}`
+        }, [
           createElementVNode("div", {
-            class: normalizeClass(["toggle-body", { "toggle-active": _ctx.modelValue, "toggle-disabled": _ctx.isDisabled }]),
+            class: normalizeClass(["toggle-body", { "toggle-active": __props.modelValue, "toggle-disabled": __props.isDisabled }]),
+            "data-testid": `${__props.testId}-${unref(ToggleTestIdModifiers).BODY}`,
             onClick: toggleValue
-          }, _hoisted_3, 2),
+          }, [
+            createElementVNode("div", _hoisted_3, [
+              __props.isLoading ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                class: normalizeClass(["loader", {
+                  "loader-active": __props.modelValue
+                }])
+              }, null, 2)) : createCommentVNode("", true)
+            ])
+          ], 10, _hoisted_2),
           createElementVNode("input", {
             type: "checkbox",
-            disabled: _ctx.isDisabled,
-            checked: _ctx.modelValue,
+            disabled: __props.isDisabled,
+            checked: __props.modelValue,
+            "data-testid": `${__props.testId}-${unref(ToggleTestIdModifiers).FIELD}`,
             class: "checkbox"
           }, null, 8, _hoisted_4),
           createVNode(unref(Text), {
             size: "sm",
             "is-truncated": "",
-            class: normalizeClass(["item-text", { "text-disabled": _ctx.isDisabled }])
+            class: normalizeClass(["item-text", { "text-disabled": __props.isDisabled }]),
+            "test-id": `${__props.testId}-${unref(ToggleTestIdModifiers).TEXT}`
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.modelValue ? _ctx.activeText : _ctx.inactiveText), 1)
+              createTextVNode(toDisplayString(__props.modelValue ? __props.activeText : __props.inactiveText), 1)
             ]),
             _: 1
-          }, 8, ["class"])
-        ]),
+          }, 8, ["class", "test-id"])
+        ], 8, _hoisted_1),
         createElementVNode("div", null, [
-          _ctx.helperText ? (openBlock(), createBlock(unref(Text), {
+          __props.helperText ? (openBlock(), createBlock(unref(Text), {
             key: 0,
             size: "caption",
-            class: "helper-text"
+            class: "helper-text",
+            "test-id": `${__props.testId}-${unref(ToggleTestIdModifiers).HELPER_TEXT}`
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.helperText), 1)
+              createTextVNode(toDisplayString(__props.helperText), 1)
             ]),
             _: 1
-          })) : createCommentVNode("", true),
-          _ctx.errorText ? (openBlock(), createBlock(unref(Text), {
+          }, 8, ["test-id"])) : createCommentVNode("", true),
+          __props.errorText ? (openBlock(), createBlock(unref(Text), {
             key: 1,
             size: "caption",
-            class: normalizeClass(["error-text", { "error-and-help": !!_ctx.helperText }])
+            class: normalizeClass(["error-text", { "error-and-help": !!__props.helperText }]),
+            "test-id": `${__props.testId}-${unref(ToggleTestIdModifiers).ERROR_TEXT}`
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.errorText), 1)
+              createTextVNode(toDisplayString(__props.errorText), 1)
             ]),
             _: 1
-          }, 8, ["class"])) : createCommentVNode("", true)
+          }, 8, ["class", "test-id"])) : createCommentVNode("", true)
         ])
       ]);
     };
   }
 });
-var Toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6627e5c5"]]);
+var Toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b2024eb"]]);
 
 export { Toggle as default };

package/components/toggle/index.d.ts

@@ -1,4 +1,9 @@
 declare const ToggleTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -13,6 +18,11 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
     errorText: {
         type: import("vue").PropType<string>;
     } & {
@@ -36,6 +46,11 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -50,6 +65,11 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
     errorText: {
         type: import("vue").PropType<string>;
     } & {
@@ -73,12 +93,14 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
 }, {
+    testId: string;
     helperText: string;
     color: string;
+    isLoading: boolean;
     errorText: string;
     activeText: string;
     inactiveText: string;
     isDisabled: boolean;
-}, {}>[];
+}>[];
 export { default as Toggle } from './Toggle.vue';
 export { ToggleTypes };

package/components/tooltip/TextWithTitleContent.vue.d.ts

@@ -1,10 +1,18 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
     header: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    testId?: string;
+}>, {
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
     header: string;
-}>>>, {}, {}>;
+    testId?: string;
+}>, {
+    testId: string;
+}>>>, {
+    testId: string;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -15,3 +23,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/tooltip/TextWithTitleContent.vue.js

@@ -1,49 +1,53 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString } from 'vue';
-import '../typography/Heading.vue.js';
+import { TooltipTestIdModifiers } from '../../testids/index.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                      */
 import "../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "content-wrap" };
 const _hoisted_2 = { class: "content-header" };
 const _hoisted_3 = { class: "content-body" };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TextWithTitleContent",
   props: {
-    text: {},
-    header: {}
+    text: null,
+    header: null,
+    testId: { default: "" }
   },
   setup(__props) {
+    const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createVNode(unref(Text), {
             size: "md",
             "is-truncated": false,
-            strong: ""
+            strong: "",
+            "test-id": `${props.testId}-${unref(TooltipTestIdModifiers).TEXT}`
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.header), 1)
+              createTextVNode(toDisplayString(__props.header), 1)
             ]),
             _: 1
-          })
+          }, 8, ["test-id"])
         ]),
         createElementVNode("div", _hoisted_3, [
           createVNode(unref(Text), {
             size: "xs",
             "is-truncated": false,
-            strong: ""
+            strong: "",
+            "test-id": `${props.testId}-${unref(TooltipTestIdModifiers).TEXT}`
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.text), 1)
+              createTextVNode(toDisplayString(__props.text), 1)
             ]),
             _: 1
-          })
+          }, 8, ["test-id"])
         ])
       ]);
     };
   }
 });
-var TextWithTitleContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b51333e"]]);
+var TextWithTitleContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aef63464"]]);
 
 export { TextWithTitleContent as default };

package/components/tooltip/Tooltip.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     theme?: string;
     disabled?: boolean;
+    testId?: string;
 }>, {
     text: any;
     header: any;
@@ -16,6 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement: string;
     theme: string;
     disabled: boolean;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string;
     header?: string;
@@ -25,6 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     theme?: string;
     disabled?: boolean;
+    testId?: string;
 }>, {
     text: any;
     header: any;
@@ -34,16 +37,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement: string;
     theme: string;
     disabled: boolean;
+    testId: string;
 }>>>, {
     header: string;
     text: string;
+    testId: string;
     theme: string;
     delay: number;
     triggers: ("hover" | "click" | "focus" | "touch")[];
     forceShowWithTruncate: boolean;
     placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {