@ironsource/shared-ui 1.4.2-rc.16 → 1.4.2-rc.17

package/components/table/Table.vue.js

@@ -1,4 +1,5 @@
 import { defineComponent, useCssVars, unref, ref, provide, computed, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, normalizeClass, Fragment, renderList, createBlock, mergeProps, withDirectives, vShow } from 'vue';
+import { TableTestIdModifiers } 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                                                            *//* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    */import ScrollButton from '../button/ScrollButton.vue.js';
@@ -9,19 +10,19 @@ import { useVirtualList, useInfiniteScroll } from '@vueuse/core';
 import { TableContext } from './TableContext.vue.js';
 /* empty css                                                       *//* empty css                                           */
 import "../../Table.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = {
-  key: 0,
-  class: "table-header"
-};
-const _hoisted_2 = { class: "table-title" };
-const _hoisted_3 = { class: "table-header-right" };
-const _hoisted_4 = { class: "table-header-actions" };
-const _hoisted_5 = { class: "sections" };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = { class: "table-head-container" };
-const _hoisted_8 = ["onMouseenter"];
-const _hoisted_9 = { key: 1 };
-const _hoisted_10 = { key: 1 };
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = ["data-testid"];
+const _hoisted_4 = ["data-testid"];
+const _hoisted_5 = ["data-testid"];
+const _hoisted_6 = ["data-testid"];
+const _hoisted_7 = ["data-testid"];
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "table-head-container" };
+const _hoisted_10 = ["data-testid"];
+const _hoisted_11 = ["onMouseenter"];
+const _hoisted_12 = { key: 1 };
+const _hoisted_13 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Table",
   props: {
@@ -37,13 +38,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isInfiniteScroll: { type: Boolean, default: false },
     infiniteScrollThreshold: { default: 100 },
     rowHeight: { type: [Number, Function], default: 48 },
-    loadingRowCount: { default: 3 }
+    loadingRowCount: { default: 3 },
+    testId: { default: "" }
   },
   emits: ["update:sort", "saveRow", "loadMore"],
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "1f8bb632": unref(gridColumnTemplate)
+      "04775a54": unref(gridColumnTemplate)
     }));
     const savingRows = ref([]);
     provide(TableContext, {
@@ -148,15 +150,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "table-container",
+        "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).CONTAINER}`,
         onMouseleave: _cache[0] || (_cache[0] = ($event) => activeRow.value = null)
       }, [
         createElementVNode("table", {
           ref: unref(containerProps).ref,
           style: normalizeStyle(unref(containerStyle)),
+          "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).TABLE}`,
           onScrollPassive: onScroll
         }, [
-          __props.title || _ctx.$slots["search"] ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
+          __props.title || _ctx.$slots["search"] ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "table-header",
+            "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).HEADER}`
+          }, [
+            createElementVNode("div", {
+              class: "table-title",
+              "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).TITLE}`
+            }, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createVNode(unref(Text), {
                   size: "md",
@@ -168,18 +179,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ], true)
-            ]),
-            createElementVNode("div", _hoisted_3, [
+            ], 8, _hoisted_4),
+            createElementVNode("div", {
+              class: "table-header-right",
+              "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).HEADER_RIGHT}`
+            }, [
               renderSlot(_ctx.$slots, "search", {}, void 0, true)
-            ]),
-            createElementVNode("div", _hoisted_4, [
+            ], 8, _hoisted_5),
+            createElementVNode("div", {
+              class: "table-header-actions",
+              "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).ACTIONS}`
+            }, [
               renderSlot(_ctx.$slots, "table-header-actions", {}, void 0, true)
-            ])
-          ])) : createCommentVNode("", true),
+            ], 8, _hoisted_6)
+          ], 8, _hoisted_3)) : createCommentVNode("", true),
           createElementVNode("thead", {
             class: normalizeClass({ sticky: __props.isSticky })
           }, [
-            createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", {
+              class: "sections",
+              "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).SECTIONS}`
+            }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.sections, (section) => {
                 return openBlock(), createElementBlock("div", {
                   key: section.id,
@@ -200,7 +220,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], true)
                 ], 2);
               }), 128))
-            ]),
+            ], 8, _hoisted_7),
             createElementVNode("tr", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
                 return openBlock(), createElementBlock("th", {
@@ -209,7 +229,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle(column.isSticky ? unref(columnsStickyPositions)[column.id] : null),
                   onClick: ($event) => toggleSortOrder(column)
                 }, [
-                  createElementVNode("div", _hoisted_7, [
+                  createElementVNode("div", _hoisted_9, [
                     renderSlot(_ctx.$slots, `header-${column.id}`, { column }, () => [
                       createVNode(unref(Text), {
                         size: "sm",
@@ -228,14 +248,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "sort-order": __props.sort.sortOrder
                     }, null, 8, ["sort-order"])) : createCommentVNode("", true)
                   ])
-                ], 14, _hoisted_6);
+                ], 14, _hoisted_8);
               }), 128))
             ])
           ], 2),
           createElementVNode("tbody", null, [
             unref(list).length > 0 ? (openBlock(), createElementBlock("div", mergeProps({
               key: 0,
-              class: "table-body-wrapper"
+              class: "table-body-wrapper",
+              "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).BODY_WRAPPER}`
             }, unref(wrapperProps)), [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (row) => {
                 return openBlock(), createElementBlock("tr", {
@@ -298,27 +319,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ], true)
                     ], 6);
                   }), 128))
-                ], 42, _hoisted_8);
+                ], 42, _hoisted_11);
               }), 128))
-            ], 16)) : (openBlock(), createElementBlock("div", _hoisted_9, [
+            ], 16, _hoisted_10)) : (openBlock(), createElementBlock("div", _hoisted_12, [
               renderSlot(_ctx.$slots, "empty-state", {}, () => [
                 createVNode(unref(EmptyState), {
                   title: __props.emptyStateTitle,
-                  subtitle: __props.emptyStateSubtitle
-                }, null, 8, ["title", "subtitle"])
+                  subtitle: __props.emptyStateSubtitle,
+                  "test-id": `${__props.testId}-${unref(TableTestIdModifiers).EMPTY_STATE}`
+                }, null, 8, ["title", "subtitle", "test-id"])
               ], true)
             ]))
           ]),
-          unref(list).length > 0 ? (openBlock(), createElementBlock("tfoot", _hoisted_10)) : createCommentVNode("", true)
-        ], 36),
+          unref(list).length > 0 ? (openBlock(), createElementBlock("tfoot", _hoisted_13)) : createCommentVNode("", true)
+        ], 44, _hoisted_2),
         createVNode(unref(ScrollButton), {
           show: unref(showBackToTopButton),
           onScrolled: scrollToTop
         }, null, 8, ["show"])
-      ], 32);
+      ], 40, _hoisted_1);
     };
   }
 });
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1e431cbc"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-392e31d7"]]);
 
 export { Table as default };

package/components/table/index.d.ts

@@ -7,6 +7,11 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
         type: import("vue").PropType<string>;
         required: true;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     columns: {
         type: import("vue").PropType<import("./Table.types").Column[]>;
         required: true;
@@ -80,6 +85,11 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
         type: import("vue").PropType<string>;
         required: true;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     columns: {
         type: import("vue").PropType<import("./Table.types").Column[]>;
         required: true;
@@ -143,6 +153,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     }) => any;
     onLoadMore?: () => any;
 }, {
+    testId: string;
     isLoading: boolean;
     isSticky: boolean;
     sections: import("./Table.types").Section[];

package/components/tabs/Tabs.vue.d.ts

@@ -8,10 +8,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selectedTab: number | string;
     variant?: 'fix' | 'fill';
     size?: 'sm' | 'md' | 'lg' | 'xl';
+    testId?: string;
 }>, {
     tabsList: () => any[];
     variant: string;
     size: string;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedTab": (tabId: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -24,14 +26,17 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selectedTab: number | string;
     variant?: 'fix' | 'fill';
     size?: 'sm' | 'md' | 'lg' | 'xl';
+    testId?: string;
 }>, {
     tabsList: () => any[];
     variant: string;
     size: string;
+    testId: string;
 }>>> & {
     "onUpdate:selectedTab"?: (tabId: string | number) => any;
 }, {
     size: 'sm' | 'md' | 'lg' | 'xl';
+    testId: string;
     variant: 'fix' | 'fill';
     tabsList: {
         id: number | string;

package/components/tabs/Tabs.vue.js

@@ -1,13 +1,15 @@
 import { defineComponent, useCssVars, unref, ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, createBlock, createCommentVNode, withCtx, createTextVNode, toDisplayString, pushScopeId, popScopeId, createElementVNode } from 'vue';
+import { TabsTestIdModifiers } 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 Icon from '../icon/Icon.vue.js';
 /* empty css                                                      */
 import "../../Tabs.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-43f1459d"), n = n(), popScopeId(), n);
-const _hoisted_1 = ["onClick", "onMouseover"];
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "tabs-border-line" }, null, -1));
-const _hoisted_3 = {
+const _withScopeId = (n) => (pushScopeId("data-v-c22c2836"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["data-testid", "onClick", "onMouseover"];
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "tabs-border-line" }, null, -1));
+const _hoisted_4 = {
   key: 0,
   class: "tabs-border-line-hover"
 };
@@ -17,16 +19,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tabsList: { default: () => [] },
     selectedTab: null,
     variant: { default: "fill" },
-    size: { default: "sm" }
+    size: { default: "sm" },
+    testId: { default: "" }
   },
   emits: ["update:selectedTab"],
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "87ea7e12": unref(selectedTabPosition),
-      "fb546e90": unref(selectedTabWidth),
-      "b3e2e0ba": unref(selectedTabCenter),
-      "2213a50a": unref(hoveredTabCenter)
+      "99d50838": unref(selectedTabPosition),
+      "1eedbceb": unref(selectedTabWidth),
+      "c715bc60": unref(selectedTabCenter),
+      "e8e3bca4": unref(hoveredTabCenter)
     }));
     const tabsNewList = ref([]);
     const hoveredTab = ref(null);
@@ -76,7 +79,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("ul", {
-        class: normalizeClass(["tabs-wrap", [__props.size, __props.variant]])
+        class: normalizeClass(["tabs-wrap", [__props.size, __props.variant]]),
+        "data-testid": `${__props.testId}-${unref(TabsTestIdModifiers).WRAPPER}`
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabsList, (tab) => {
           return openBlock(), createElementBlock("li", {
@@ -87,6 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "disabled-tab": tab.disabled,
               "selected-tab": tab.id === __props.selectedTab
             }]),
+            "data-testid": `${__props.testId}-${unref(TabsTestIdModifiers).TAB}-${tab.id}`,
             onClick: ($event) => selectTab(tab),
             onMouseover: ($event) => setHover(tab),
             onMouseleave: clearHover
@@ -111,14 +116,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 2
               }, 1024)) : createCommentVNode("", true)
             ], true)
-          ], 42, _hoisted_1);
+          ], 42, _hoisted_2);
         }), 128)),
-        _hoisted_2,
-        unref(isHovered) ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true)
-      ], 2);
+        _hoisted_3,
+        unref(isHovered) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
     };
   }
 });
-var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-43f1459d"]]);
+var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c22c2836"]]);
 
 export { Tabs as default };

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;

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,10 +31,12 @@ 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;

package/components/textArea/TextArea.vue.js

@@ -1,14 +1,13 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
+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 "../../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"
 };
@@ -20,7 +19,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false },
     label: { default: "" },
     feedbackHelpText: { default: "" },
-    feedbackErrorText: { default: "" }
+    feedbackErrorText: { default: "" },
+    testId: { default: "" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -29,38 +29,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass({ "textarea-with-label-container": true, disabled: __props.disabled })
+        class: normalizeClass({ "textarea-with-label-container": true, disabled: __props.disabled }),
+        "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).WRAPPER}`
       }, [
-        __props.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(__props.label), 1)
             ]),
             _: 1
           })
-        ])) : createCommentVNode("", true),
+        ], 8, _hoisted_2)) : createCommentVNode("", true),
         createElementVNode("textarea", {
           class: "textarea",
           value: __props.modelValue,
           placeholder: __props.placeholder,
           disabled: __props.disabled,
+          "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).FIELD}`,
           onInput: handleInput
-        }, null, 40, _hoisted_2),
-        __props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        }, null, 40, _hoisted_3),
+        __props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_4, [
           createVNode(unref(Text), {
             class: normalizeClass({ [__props.feedbackErrorText ? "error" : "help"]: true }),
+            "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).TEXT}`,
             size: "caption"
           }, {
             default: withCtx(() => [
               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,6 +76,7 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
     label: string;
+    testId: string;
     disabled: boolean;
     modelValue: string;
     placeholder: string;

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

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isDisabled?: boolean;
     isLoading?: boolean;
     color?: string;
+    testId?: string;
 }>, {
     activeText: any;
     inactiveText: any;
@@ -15,6 +16,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     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<{
@@ -26,6 +28,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isDisabled?: boolean;
     isLoading?: boolean;
     color?: string;
+    testId?: string;
 }>, {
     activeText: any;
     inactiveText: any;
@@ -34,9 +37,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isDisabled: boolean;
     isLoading: boolean;
     color: string;
+    testId: string;
 }>>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
 }, {
+    testId: string;
     helperText: string;
     color: string;
     isLoading: boolean;