@ironsource/shared-ui 1.4.2-test.9 → 1.4.3-rc.0

package/components/appTrigger/AppTrigger.vue.js

@@ -1,20 +1,23 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
 import AppIcon from '../appIcon/AppIcon.vue.js';
 import Icon from '../icon/Icon.vue.js';
+import { AppTriggerTestIdModifiers } 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                                                                */import IconButton from '../button/IconButton.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
 /* empty css                                                                      *//* empty css                                                            */
 import "../../AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "app-trigger__left-image" };
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = { class: "app-trigger__left-image" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AppTrigger",
   props: {
     selected: { default: null },
     options: { default: null },
     loading: { type: Boolean, default: false },
-    singleAppSelection: { type: Boolean, default: false }
+    singleAppSelection: { type: Boolean, default: false },
+    testId: { default: "" }
   },
   setup(__props) {
     const props = __props;
@@ -94,10 +97,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["app-trigger", {
           "app-trigger--with-icons": unref(selectedSize) > 0 || unref(allMode)
-        }])
+        }]),
+        "data-testid": `${__props.testId}-${unref(AppTriggerTestIdModifiers).WRAPPER}`
       }, [
         renderSlot(_ctx.$slots, "left-image", {}, () => [
-          createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
             unref(appImage) ? (openBlock(), createBlock(unref(AppIcon), {
               key: 0,
               size: "xl",
@@ -125,47 +129,56 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }])
         }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createVNode(unref(_sfc_main$1), { text: unref(title) }, {
+            createVNode(unref(_sfc_main$1), {
+              text: unref(title),
+              "data-testid": `${__props.testId}-${unref(AppTriggerTestIdModifiers).TITLE_TOOLTIP_TEXT}`
+            }, {
               default: withCtx(() => [
                 createVNode(unref(Text), {
                   strong: "",
                   class: "title",
                   "is-truncated": "",
-                  size: "sm"
+                  size: "sm",
+                  "test-id": `${__props.testId}-${unref(AppTriggerTestIdModifiers).TITLE_TEXT}`
                 }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(unref(title)), 1)
                   ]),
                   _: 1
-                })
+                }, 8, ["test-id"])
               ]),
               _: 1
-            }, 8, ["text"])
+            }, 8, ["text", "data-testid"])
           ], true),
           renderSlot(_ctx.$slots, "description", {}, () => [
             createElementVNode("div", null, [
-              createVNode(unref(_sfc_main$1), { text: unref(description) }, {
+              createVNode(unref(_sfc_main$1), {
+                text: unref(description),
+                "data-testid": `${__props.testId}-${unref(AppTriggerTestIdModifiers).DESCRIPTION_TOOLTIP_TEXT}`
+              }, {
                 default: withCtx(() => [
                   createVNode(unref(Text), {
                     class: "app-trigger__description",
                     size: "xs",
-                    "is-truncated": ""
+                    "is-truncated": "",
+                    "test-id": `${__props.testId}-${unref(AppTriggerTestIdModifiers).DESCRIPTION_TEXT}`
                   }, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(unref(description)), 1)
                     ]),
                     _: 1
-                  })
+                  }, 8, ["test-id"])
                 ]),
                 _: 1
-              }, 8, ["text"])
+              }, 8, ["text", "data-testid"])
             ])
           ], true)
         ], 2),
         renderSlot(_ctx.$slots, "right-icon", {}, () => [
           createVNode(unref(IconButton), {
             class: "app-trigger__right-icon",
-            theme: "third"
+            theme: "third",
+            "data-testid": `${__props.testId}-${unref(AppTriggerTestIdModifiers).TRIGGER_BUTTON}`
           }, {
             default: withCtx(() => [
               createVNode(unref(Icon), {
@@ -174,12 +187,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 1
-          })
+          }, 8, ["data-testid"])
         ], true)
-      ], 2);
+      ], 10, _hoisted_1);
     };
   }
 });
-var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6c498348"]]);
+var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-180b1bc2"]]);
 
 export { AppTrigger as default };

package/components/appTrigger/index.d.ts

@@ -1,4 +1,9 @@
 declare const AppTriggerTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -20,6 +25,11 @@ declare const AppTriggerTypes: () => import("vue").DefineComponent<{
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -41,6 +51,7 @@ declare const AppTriggerTypes: () => import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
+    testId: string;
     loading: boolean;
     selected: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
     options: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];

package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayValue: (option: unknown) => string;
     handleSearch?: (option: any, term: string) => boolean;
     grouped?: boolean;
+    testId?: string;
 }>, {
     options: () => any[];
     selected: () => any[];
@@ -12,6 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayValue: (option: unknown) => string;
     handleSearch: () => true;
     grouped: boolean;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => 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
     displayValue: (option: unknown) => string;
     handleSearch?: (option: any, term: string) => boolean;
     grouped?: boolean;
+    testId?: string;
 }>, {
     options: () => any[];
     selected: () => any[];
@@ -28,9 +31,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayValue: (option: unknown) => string;
     handleSearch: () => true;
     grouped: boolean;
+    testId: string;
 }>>> & {
     "onUpdate:selected"?: (value: unknown) => any;
 }, {
+    testId: string;
     selected: unknown[];
     options: unknown[];
     placeholder: string;

package/components/autocompleteDropdown/AutocompleteDropdown.vue.js

@@ -16,7 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placeholder: { default: DEFAULT_PLACEHOLDER },
     displayValue: { type: Function, default: (option) => option.toString() },
     handleSearch: { type: Function, default: () => true },
-    grouped: { type: Boolean, default: false }
+    grouped: { type: Boolean, default: false },
+    testId: { default: "" }
   },
   emits: ["update:selected"],
   setup(__props, { emit }) {
@@ -104,6 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "auto-size": "",
         distance: distance.value,
         "disable-keyboard-events": "",
+        "test-id": __props.testId,
         onOpened: scrollToTop,
         onKeydown: withModifiers(unref(keyDownHandler), ["stop"]),
         "onUpdate:selected": selectOption
@@ -115,6 +117,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             value: unref(selection),
             placeholder: __props.placeholder,
             "display-value": __props.displayValue,
+            "test-id": __props.testId,
             onRemove: deselectOption,
             onSearch: _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event)
           }, {
@@ -122,7 +125,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "input-option", { option }, void 0, true)
             ]),
             _: 3
-          }, 8, ["value", "placeholder", "display-value"])
+          }, 8, ["value", "placeholder", "display-value", "test-id"])
         ]),
         default: withCtx(({ option }) => [
           __props.grouped && isGroup(option) ? (openBlock(), createBlock(GroupOption, { key: 0 }, {
@@ -137,10 +140,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, void 0, true)
         ]),
         _: 3
-      }, 16, ["selected", "options", "on-search", "display-value", "distance", "onKeydown"]);
+      }, 16, ["selected", "options", "on-search", "display-value", "distance", "test-id", "onKeydown"]);
     };
   }
 });
-var AutocompleteDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-201d8abe"]]);
+var AutocompleteDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c2ad255"]]);
 
 export { AutocompleteDropdown as default };

package/components/autocompleteDropdown/AutocompleteInput.vue.d.ts

@@ -2,10 +2,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     value: unknown[];
     displayValue?: (option: unknown) => string;
     placeholder?: string;
+    testId?: string;
 }>, {
     value: () => any[];
     displayValue: (option: unknown) => string;
     placeholder: string;
+    testId: string;
 }>, {
     focusInput: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -16,15 +18,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     value: unknown[];
     displayValue?: (option: unknown) => string;
     placeholder?: string;
+    testId?: string;
 }>, {
     value: () => any[];
     displayValue: (option: unknown) => string;
     placeholder: string;
+    testId: string;
 }>>> & {
     onSearch?: (searchQuery: string) => any;
     onRemove?: (option: unknown) => any;
 }, {
     value: unknown[];
+    testId: string;
     placeholder: string;
     displayValue: (option: unknown) => string;
 }>;

package/components/autocompleteDropdown/AutocompleteInput.vue.js

@@ -3,17 +3,20 @@ import Icon from '../icon/Icon.vue.js';
 import Text from '../typography/Text.vue.js';
 import { useDropdownContext } from '../dropdown/DropdownContext.vue.js';
 import { DEFAULT_PLACEHOLDER } from './consts.vue.js';
+import { AutocompleteInputTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                   */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["value", "placeholder"];
+const _hoisted_1 = ["data-testid", "onClick"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = ["value", "placeholder", "data-testid"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AutocompleteInput",
   props: {
     value: { default: () => [] },
     displayValue: { type: Function, default: (option) => option.toString() },
-    placeholder: { default: DEFAULT_PLACEHOLDER }
+    placeholder: { default: DEFAULT_PLACEHOLDER },
+    testId: { default: "" }
   },
   emits: ["remove", "search"],
   setup(__props, { expose, emit }) {
@@ -49,11 +52,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["autocomplete-input", { "autocomplete-input--focused": unref(isOpen) }]),
+        "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).WRAPPER}`,
         onClick: withModifiers(onContainerClick, ["stop"])
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.value, (option, index) => {
           return openBlock(), createElementBlock("div", {
             key: index,
+            "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).SELECTED_OPTION}-${index}`,
             class: "autocomplete-input__option"
           }, [
             renderSlot(_ctx.$slots, "option", { option }, () => [
@@ -73,7 +78,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "font-size": "sm",
               onClick: withModifiers(($event) => removeOption(option), ["stop"])
             }, null, 8, ["onClick"])
-          ]);
+          ], 8, _hoisted_2);
         }), 128)),
         createElementVNode("input", {
           ref_key: "inputEl",
@@ -82,12 +87,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           type: "text",
           value: unref(api).query.value,
           placeholder: __props.placeholder,
+          "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).SEARCH_FIELD}`,
           onInput: onSearch
-        }, null, 40, _hoisted_2)
+        }, null, 40, _hoisted_3)
       ], 10, _hoisted_1);
     };
   }
 });
-var AutocompleteInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0e10ff6d"]]);
+var AutocompleteInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b95f1c9c"]]);
 
 export { AutocompleteInput as default };

package/components/autocompleteDropdown/index.d.ts

@@ -1,4 +1,9 @@
 declare const AutocompleteDropdownTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     selected: {
         type: import("vue").PropType<unknown[]>;
     } & {
@@ -35,6 +40,11 @@ declare const AutocompleteDropdownTypes: () => import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     selected: {
         type: import("vue").PropType<unknown[]>;
     } & {
@@ -71,6 +81,7 @@ declare const AutocompleteDropdownTypes: () => import("vue").DefineComponent<{
 }>> & {
     "onUpdate:selected"?: (value: unknown) => any;
 }, {
+    testId: string;
     selected: unknown[];
     options: unknown[];
     placeholder: string;

package/components/banner/Banner.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: () => 'sm' | 'md' | 'lg';
         default: string;
     };
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: () => 'success' | 'error' | 'info' | 'warning';
@@ -16,8 +20,13 @@ declare const _default: import("vue").DefineComponent<{
         type: () => 'sm' | 'md' | 'lg';
         default: string;
     };
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     type: "error" | "info" | "success" | "warning";
+    testId: string;
     iconSize: "md" | "sm" | "lg";
 }>;
 export default _default;

package/components/banner/Banner.vue.js

@@ -1,13 +1,14 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, withCtx, renderSlot, pushScopeId, popScopeId } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, unref, createBlock, withCtx, renderSlot, pushScopeId, popScopeId } from 'vue';
 import Icon from '../icon/Icon.vue.js';
+import { BannerTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Banner.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-32b00538"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-1a74058c"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "left-border" }, null, -1));
-const _hoisted_2 = { class: "content-wrapper" };
+const _hoisted_2 = ["data-testid"];
 const _hoisted_3 = { class: "icon-container" };
-const _hoisted_4 = { class: "content" };
+const _hoisted_4 = ["data-testid"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Banner",
   props: {
@@ -18,6 +19,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     iconSize: {
       type: String,
       default: "md"
+    },
+    testId: {
+      type: String,
+      default: ""
     }
   },
   setup(__props) {
@@ -28,7 +33,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["banner", `banner-type-${__props.type}`])
       }, [
         _hoisted_1,
-        createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", {
+          class: "content-wrapper",
+          "data-testid": `${__props.testId}-${unref(BannerTestIdModifiers).WRAPPER}`
+        }, [
           createElementVNode("div", _hoisted_3, [
             _ctx.$slots.icon ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
@@ -45,14 +53,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "font-size": __props.iconSize
             }, null, 8, ["name", "class", "font-size"]))
           ]),
-          createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", {
+            class: "content",
+            "data-testid": `${__props.testId}-${unref(BannerTestIdModifiers).CONTENT}`
+          }, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ])
-        ])
+          ], 8, _hoisted_4)
+        ], 8, _hoisted_2)
       ], 2);
     };
   }
 });
-var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32b00538"]]);
+var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1a74058c"]]);
 
 export { Banner as default };

package/components/banner/index.d.ts

@@ -7,6 +7,10 @@ declare const BannerTypes: () => import("vue").DefineComponent<{
         type: () => "md" | "sm" | "lg";
         default: string;
     };
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: () => "error" | "info" | "success" | "warning";
@@ -16,8 +20,13 @@ declare const BannerTypes: () => import("vue").DefineComponent<{
         type: () => "md" | "sm" | "lg";
         default: string;
     };
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     type: "error" | "info" | "success" | "warning";
+    testId: string;
     iconSize: "md" | "sm" | "lg";
 }>[];
 export { default as Banner } from './Banner.vue';

package/components/button/Button.vue.d.ts

@@ -3,20 +3,25 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     leftIconName?: IconName;
     rightIconName?: IconName;
     size?: 'sm' | 'md' | 'lg';
+    testId?: string;
 }>, {
     leftIconName: any;
     rightIconName: any;
     size: 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<{
     leftIconName?: IconName;
     rightIconName?: IconName;
     size?: 'sm' | 'md' | 'lg';
+    testId?: string;
 }>, {
     leftIconName: any;
     rightIconName: any;
     size: string;
+    testId: string;
 }>>>, {
     size: 'sm' | 'md' | 'lg';
+    testId: string;
     leftIconName: IconName;
     rightIconName: IconName;
 }>;

package/components/button/Button.vue.js

@@ -10,7 +10,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     leftIconName: { default: null },
     rightIconName: { default: null },
-    size: { default: "md" }
+    size: { default: "md" },
+    testId: { default: "" }
   },
   setup(__props) {
     const props = __props;
@@ -24,7 +25,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "with-right-icon": !!__props.rightIconName
           }
         ],
-        size: __props.size
+        size: __props.size,
+        "data-testid": props.testId
       }, _ctx.$attrs), createSlots({
         default: withCtx(() => [
           createElementVNode("div", {
@@ -54,10 +56,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["class", "size"]);
+      ]), 1040, ["class", "size", "data-testid"]);
     };
   }
 });
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e54ca3e"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-195cffac"]]);
 
 export { Button as default };