@weni/unnnic-system 3.5.1 → 3.5.3-alpha.0

package/src/assets/icons/view-off-1.svg

@@ -1,7 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.47771 32.1875C8.35152 32.1872 8.22667 32.1616 8.11054 32.1122C7.99441 32.0628 7.88934 31.9907 7.80154 31.9001C7.71592 31.8114 7.64874 31.7067 7.6039 31.5919C7.55906 31.4771 7.53745 31.3546 7.54032 31.2314C7.54254 31.1081 7.5692 30.9866 7.61876 30.8737C7.66832 30.7609 7.7398 30.659 7.82904 30.574L31.2637 8.07665C31.3522 7.99075 31.4567 7.92326 31.5714 7.8781C31.6861 7.83294 31.8087 7.811 31.9319 7.81355C32.0551 7.81611 32.1767 7.84312 32.2894 7.893C32.4021 7.94288 32.5038 8.01465 32.5886 8.10414C32.6743 8.19275 32.7416 8.29742 32.7867 8.41215C32.8318 8.52688 32.8538 8.6494 32.8513 8.77265C32.8489 8.8959 32.8221 9.01745 32.7725 9.13031C32.7229 9.24316 32.6515 9.34509 32.5623 9.43024L9.12763 31.9276C8.95247 32.0945 8.71972 32.1876 8.47771 32.1875Z" fill="#3B414D" class="primary"/>
-<path d="M19.9826 30.3127L19.8451 30.314C18.5352 30.314 17.2166 30.1103 15.9243 29.7103C15.7119 29.6421 15.5308 29.5005 15.4133 29.3109C15.2959 29.1213 15.2498 28.896 15.2834 28.6755C15.3169 28.455 15.4279 28.2536 15.5964 28.1075C15.7649 27.9613 15.98 27.88 16.203 27.878C16.2971 27.8778 16.3907 27.8921 16.4805 27.9205C17.5904 28.2655 18.7302 28.4405 19.8663 28.4405L20.1775 28.4417C24.9932 28.4417 29.8714 24.9596 32.8323 21.7013C33.0208 21.4919 33.1249 21.2201 33.1244 20.9384C33.1239 20.6567 33.019 20.3852 32.8298 20.1765C31.7114 18.9499 30.4724 17.839 29.1315 16.8606C29.0317 16.7884 28.9473 16.697 28.8832 16.5919C28.819 16.4868 28.7764 16.3699 28.7578 16.2482C28.7303 16.0653 28.7574 15.8784 28.8356 15.7109C28.9139 15.5434 29.0398 15.4026 29.1976 15.3063C29.3554 15.21 29.5382 15.1624 29.7229 15.1694C29.9077 15.1764 30.0863 15.2378 30.2363 15.3458C31.6804 16.4 33.0149 17.5967 34.2196 18.9179C35.2595 20.0715 35.2595 21.8075 34.2234 22.9586C30.9913 26.5157 25.6056 30.3152 20.1788 30.3152L19.9826 30.3127Z" fill="#3B414D" class="primary"/>
-<path d="M9.7213 26.2645C9.51305 26.2642 9.3108 26.1948 9.14637 26.067C7.93851 25.1284 6.81251 24.089 5.78052 22.9599C5.27886 22.4065 5.00069 21.6865 5 20.9396C4.99931 20.1927 5.27614 19.4721 5.77677 18.9178C9.00888 15.362 14.3957 11.5637 19.8201 11.5637L20.1163 11.565C21.1737 11.565 22.2248 11.6925 23.2409 11.9462C23.3604 11.976 23.4729 12.029 23.5719 12.1022C23.6709 12.1755 23.7545 12.2675 23.8179 12.3731C23.8813 12.4786 23.9233 12.5957 23.9415 12.7174C23.9597 12.8392 23.9538 12.9634 23.924 13.0829C23.8942 13.2024 23.8412 13.3149 23.7679 13.4138C23.6947 13.5128 23.6026 13.5964 23.4971 13.6599C23.3915 13.7233 23.2745 13.7653 23.1527 13.7835C23.0309 13.8017 22.9067 13.7957 22.7872 13.766C21.9168 13.5496 21.0232 13.4405 20.1263 13.441H19.8401C15.0119 13.441 10.1275 16.9218 7.1666 20.1789C6.97812 20.3883 6.87402 20.6601 6.87448 20.9418C6.87495 21.2235 6.97993 21.495 7.1691 21.7038C8.12853 22.7527 9.17506 23.7186 10.2975 24.5909C10.3952 24.666 10.477 24.7598 10.5382 24.8667C10.5994 24.9737 10.6389 25.0917 10.6542 25.2139C10.6695 25.3362 10.6605 25.4603 10.6276 25.579C10.5947 25.6978 10.5386 25.8088 10.4625 25.9058C10.3742 26.0179 10.2617 26.1084 10.1333 26.1706C10.0048 26.2327 9.86396 26.2648 9.7213 26.2645Z" fill="#3B414D" class="primary"/>
-<path d="M15.3106 21.8763C15.062 21.8763 14.8236 21.7775 14.6478 21.6017C14.472 21.426 14.3732 21.1875 14.3732 20.9389C14.3732 19.4391 14.9582 18.028 16.0205 16.9644C16.5407 16.4402 17.1598 16.0244 17.8418 15.7412C18.5238 15.458 19.2553 15.313 19.9938 15.3146C20.2525 15.3146 20.4613 15.5233 20.4625 15.782L20.465 16.7194C20.465 16.8444 20.4163 16.9631 20.3288 17.0519C20.2413 17.1406 20.1225 17.1894 19.9976 17.1894C19.5049 17.1883 19.0169 17.2849 18.5619 17.4737C18.1069 17.6625 17.6938 17.9397 17.3466 18.2892C16.9974 18.6363 16.7205 19.0492 16.5319 19.504C16.3433 19.9589 16.2468 20.4466 16.248 20.9389C16.2483 21.0621 16.2243 21.1842 16.1773 21.298C16.1303 21.4119 16.0613 21.5154 15.9742 21.6025C15.8871 21.6896 15.7836 21.7586 15.6697 21.8056C15.5559 21.8526 15.4338 21.8766 15.3106 21.8763Z" fill="#3B414D" class="primary"/>
-<path d="M19.9988 26.5632C19.9372 26.5634 19.8762 26.5514 19.8193 26.5279C19.7623 26.5044 19.7106 26.4699 19.667 26.4263C19.6235 26.3827 19.589 26.331 19.5655 26.2741C19.542 26.2171 19.53 26.1561 19.5301 26.0945L19.5289 25.1571C19.5289 25.0334 19.5776 24.9134 19.6664 24.8259C19.7097 24.7822 19.7613 24.7476 19.8182 24.724C19.875 24.7004 19.936 24.6883 19.9976 24.6884C20.4903 24.6899 20.9785 24.5935 21.4338 24.4049C21.889 24.2163 22.3023 23.9393 22.6497 23.5898C22.9987 23.2421 23.2753 22.8287 23.4637 22.3735C23.652 21.9183 23.7484 21.4303 23.7471 20.9376C23.7471 20.689 23.8459 20.4506 24.0217 20.2748C24.1975 20.099 24.4359 20.0002 24.6845 20.0002C24.9331 20.0002 25.1715 20.099 25.3473 20.2748C25.5231 20.4506 25.6219 20.689 25.6219 20.9376C25.6241 21.6764 25.4798 22.4084 25.1972 23.091C24.9147 23.7737 24.4995 24.3935 23.9758 24.9147C23.4549 25.4388 22.8351 25.8543 22.1525 26.1373C21.4698 26.4203 20.7378 26.565 19.9988 26.5632Z" fill="#3B414D" class="primary"/>
-</svg>

package/src/assets/icons/vip-crown-queen-2.svg

@@ -1,4 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.4887 26.5591C8.797 26.6906 8.17896 27.0747 7.75483 27.6367C7.3307 28.1987 7.13083 28.8984 7.19409 29.5996C7.25736 30.3008 7.57925 30.9534 8.09712 31.4304C8.61499 31.9075 9.2918 32.1747 9.99586 32.1803H29.9824C30.3764 32.1895 30.7677 32.1137 31.1297 31.9578C31.4916 31.8019 31.8157 31.5698 32.0797 31.2771C32.5374 30.7477 32.7861 30.0695 32.7792 29.3697C32.8124 28.702 32.5975 28.0457 32.176 27.5269C31.7545 27.008 31.1561 26.6634 30.4958 26.5591H9.4887Z" fill="#3B414D" class="primary"/>
-<path d="M30.2324 25.3099C30.3766 25.3102 30.5165 25.2606 30.6283 25.1696C30.74 25.0785 30.8169 24.9515 30.8457 24.8102L32.3447 17.1779C32.9974 17.1398 33.6166 16.8761 34.0963 16.4319C34.576 15.9876 34.8864 15.3904 34.9744 14.7426C35.0623 14.0947 34.9224 13.4364 34.5784 12.8803C34.2345 12.3243 33.708 11.905 33.0891 11.6943C32.4701 11.4837 31.7972 11.4947 31.1855 11.7255C30.5737 11.9562 30.0612 12.3925 29.7357 12.9595C29.4101 13.5265 29.2917 14.189 29.4008 14.8336C29.5099 15.4783 29.8396 16.065 30.3336 16.4934L27.3044 19.9498C27.2466 20.0157 27.1756 20.0687 27.0959 20.1054C27.0163 20.1421 26.9299 20.1616 26.8422 20.1627C26.7545 20.1637 26.6676 20.1463 26.5871 20.1116C26.5066 20.0768 26.4344 20.0255 26.375 19.961L21.3047 14.4285C22.0388 14.1242 22.6447 13.5748 23.0192 12.8739C23.3936 12.173 23.5135 11.3639 23.3584 10.5845C23.2033 9.80516 22.7827 9.10366 22.1684 8.59956C21.5541 8.09546 20.784 7.81995 19.9893 7.81995C19.1946 7.81995 18.4245 8.09546 17.8102 8.59956C17.1959 9.10366 16.7753 9.80516 16.6202 10.5845C16.4651 11.3639 16.585 12.173 16.9595 12.8739C17.3339 13.5748 17.9398 14.1242 18.6739 14.4285L13.6186 19.9435C13.5589 20.0086 13.486 20.0604 13.4049 20.0952C13.3237 20.1301 13.236 20.1474 13.1477 20.1459C13.0595 20.1444 12.9726 20.1243 12.8927 20.0869C12.8128 20.0494 12.7418 19.9954 12.6842 19.9285L9.69376 16.4509C10.1746 16.0125 10.4881 15.4204 10.5804 14.7763C10.6727 14.1321 10.5381 13.4759 10.1996 12.9201C9.8612 12.3643 9.34002 11.9435 8.72537 11.7297C8.11073 11.516 7.44089 11.5227 6.83064 11.7487C6.22039 11.9746 5.7077 12.4058 5.38044 12.9682C5.05318 13.5307 4.93171 14.1894 5.03685 14.8316C5.14198 15.4738 5.46718 16.0595 5.95672 16.4882C6.44625 16.9169 7.06965 17.1621 7.7201 17.1816L9.15788 24.8015C9.18493 24.9444 9.261 25.0734 9.37296 25.1662C9.48493 25.259 9.62578 25.3098 9.77121 25.3099H30.2324Z" fill="#3B414D" class="primary"/>
-</svg>

package/src/assets/icons/visa.svg

@@ -1,8 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5 12.5005C5 11.1198 6.11929 10.0005 7.5 10.0005H32.5C33.8807 10.0005 35 11.1198 35 12.5005V27.5005C35 28.8812 33.8807 30.0005 32.5 30.0005H7.5C6.11929 30.0005 5 28.8812 5 27.5005V12.5005Z" fill="#D8E3F3"/>
-<path d="M30.8187 16.2725H29.2471C28.7719 16.2725 28.4064 16.4187 28.1871 16.8938L25.1901 23.7286H27.3099C27.3099 23.7286 27.6754 22.8149 27.7485 22.5956C27.9678 22.5956 30.0512 22.5956 30.3436 22.5956C30.4167 22.8514 30.5994 23.6921 30.5994 23.6921H32.5L30.8187 16.2725ZM28.3333 21.0605C28.5161 20.6219 29.1374 18.9771 29.1374 18.9771C29.1374 19.0137 29.3202 18.5385 29.3933 18.2827L29.5395 18.9406C29.5395 18.9406 29.9415 20.7315 30.0146 21.097H28.3333V21.0605Z" fill="#3362AB"/>
-<path d="M25.3362 21.2798C25.3362 22.8149 23.9473 23.8383 21.7909 23.8383C20.8771 23.8383 19.9999 23.6555 19.5248 23.4362L19.8172 21.7549L20.073 21.8646C20.7309 22.157 21.1695 22.2666 21.9736 22.2666C22.5584 22.2666 23.1798 22.0473 23.1798 21.5356C23.1798 21.2067 22.9239 20.9874 22.1198 20.6219C21.3523 20.2564 20.3289 19.6716 20.3289 18.6117C20.3289 17.1497 21.7543 16.1628 23.7645 16.1628C24.5321 16.1628 25.19 16.309 25.592 16.4918L25.2996 18.1L25.1534 17.9538C24.7879 17.8076 24.3128 17.6614 23.6183 17.6614C22.8508 17.6979 22.4853 18.0269 22.4853 18.3193C22.4853 18.6482 22.9239 18.9041 23.6183 19.233C24.7879 19.7813 25.3362 20.4026 25.3362 21.2798Z" fill="#3362AB"/>
-<path d="M7.5 16.3457L7.53655 16.1995H10.6798C11.1184 16.1995 11.4474 16.3457 11.557 16.8208L12.2515 20.1103C11.557 18.3559 9.94883 16.9305 7.5 16.3457Z" fill="#F9B50B"/>
-<path d="M16.6739 16.2724L13.494 23.692H11.3376L9.51013 17.4785C10.8259 18.3192 11.9224 19.635 12.3245 20.5487L12.5438 21.3162L14.5174 16.2358H16.6739V16.2724Z" fill="#3362AB"/>
-<path d="M17.5146 16.2358H19.5248L18.2456 23.692H16.2354L17.5146 16.2358Z" fill="#3362AB"/>
-</svg>

package/src/components/Alert/AlertBanner.vue

@@ -1,182 +0,0 @@
-<template>
-  <section
-    :class="[
-      'banner-alert',
-      {
-        'banner-alert--banner-danger': type === 'danger',
-        'banner-alert--banner-warning': type === 'warning',
-      },
-    ]"
-  >
-    <header
-      v-show="text"
-      class="banner-alert__container-text"
-    >
-      <UnnnicIcon
-        v-show="isShowTextIcon(type)"
-        class="banner-alert__textIcon"
-        :icon="getIconType(type)"
-        size="sm"
-        scheme="neutral-white"
-        data-test="unnnic-icon"
-      />
-      <p class="text">{{ text }}</p>
-      <a
-        v-if="linkHref"
-        class="banner-alert__link"
-        :href="linkHref"
-        :target="linkTarget"
-      >
-        {{ linkText }}
-      </a>
-    </header>
-
-    <div
-      v-show="showCloseButton"
-      class="banner-alert__close"
-      @click="emitClose"
-    >
-      <UnnnicIcon
-        icon="close"
-        size="sm"
-        scheme="neutral-white"
-        data-test="unnnic-close-icon"
-      />
-    </div>
-  </section>
-</template>
-
-<script>
-import UnnnicIcon from '../Icon.vue';
-
-export default {
-  components: {
-    UnnnicIcon,
-  },
-  props: {
-    text: {
-      type: String,
-      default: null,
-    },
-    onClose: {
-      type: Function,
-      default: () => {},
-    },
-    showCloseButton: {
-      type: Boolean,
-      default: false,
-    },
-    linkHref: {
-      type: String,
-      default: '',
-    },
-    linkTarget: {
-      type: String,
-      default: '_blank',
-    },
-    linkText: {
-      type: String,
-      default: 'Learn more',
-    },
-    type: {
-      type: String,
-      default: 'info',
-    },
-  },
-  methods: {
-    getIconType(type) {
-      if (type === 'danger') return 'block';
-      if (!type.trim()) return 'info'; // check if type is empty or whitespace
-      return type;
-    },
-    isShowTextIcon(type) {
-      return ['danger', 'warning', 'info', ''].includes(type);
-    },
-    emitClose() {
-      this.onClose();
-
-      this.$emit('close');
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@use '@/assets/scss/unnnic' as *;
-
-.banner-alert {
-  display: grid;
-  grid-template-columns: 1fr auto;
-  text-align: center;
-  margin-bottom: $unnnic-spacing-sm;
-
-  color: $unnnic-color-neutral-white;
-  font-family: $unnnic-font-family-secondary;
-  font-size: $unnnic-font-size-body-gt;
-  line-height: $unnnic-font-size-body-gt + $unnnic-line-height-md;
-  font-weight: $unnnic-font-weight-regular;
-  background-color: $unnnic-color-aux-blue-500;
-
-  &__container-text {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: $unnnic-spacing-xs $unnnic-spacing-sm;
-    flex-grow: 1;
-
-    .text {
-      margin: 0 $unnnic-spacing-nano 0 0;
-    }
-  }
-
-  &__textIcon {
-    margin-right: $unnnic-spacing-xs;
-  }
-
-  &__link {
-    color: inherit;
-    display: block;
-    font-weight: $unnnic-font-weight-bold;
-    text-decoration: underline;
-    text-underline-position: under;
-  }
-
-  &__close {
-    display: flex;
-    align-items: center;
-    max-height: 38px;
-    padding: 0 $unnnic-spacing-sm;
-    cursor: pointer;
-    user-select: none;
-    border-left: $unnnic-border-width-thinner solid $unnnic-color-aux-blue-300;
-    &:hover {
-      background-color: $unnnic-color-aux-blue-300;
-    }
-  }
-
-  &--banner-warning {
-    background-color: $unnnic-color-aux-orange-500;
-
-    .banner-alert__close {
-      border-left: $unnnic-border-width-thinner solid
-        $unnnic-color-aux-orange-300;
-
-      &:hover {
-        background-color: $unnnic-color-aux-orange-300;
-      }
-    }
-  }
-
-  &--banner-danger {
-    background-color: $unnnic-color-aux-red-500;
-
-    .banner-alert__close {
-      border-left: $unnnic-border-width-thinner solid $unnnic-color-aux-red-300;
-
-      &:hover {
-        background-color: $unnnic-color-aux-red-300;
-      }
-    }
-  }
-}
-</style>

package/src/components/Alert/AlertCaller.vue

@@ -1,49 +0,0 @@
-<template>
-  <button @click="callAlert">Launch alert</button>
-</template>
-
-<script>
-import alert from '../../utils/call';
-
-export default {
-  props: {
-    title: {
-      type: String,
-      default: null,
-    },
-    text: {
-      type: String,
-      default: null,
-    },
-    icon: {
-      type: String,
-      default: null,
-    },
-    enabled: {
-      type: Boolean,
-      default: true,
-    },
-    scheme: {
-      type: String,
-      default: null,
-    },
-    seconds: {
-      type: Number,
-      default: 3,
-    },
-    closeText: {
-      type: String,
-      default: null,
-    },
-    position: {
-      type: String,
-      default: 'top-right',
-    },
-  },
-  methods: {
-    callAlert() {
-      alert.callAlert({ props: this.$props, seconds: this.seconds });
-    },
-  },
-};
-</script>

package/src/components/Alert/__tests__/AlertBanner.spec.js

@@ -1,89 +0,0 @@
-import { mount } from '@vue/test-utils';
-import { describe, test, expect, beforeEach, afterEach, vi } from 'vitest';
-import AlertBanner from '@/components/Alert/AlertBanner.vue';
-
-describe('AlertBanner.vue', () => {
-  let wrapper;
-
-  beforeEach(() => {
-    wrapper = mount(AlertBanner, {
-      props: {
-        text: 'This is a banner alert',
-        type: 'danger',
-        showCloseButton: true,
-        linkHref: 'https://example.com',
-        linkText: 'Learn more',
-        linkTarget: '_self',
-        onClose: vi.fn(),
-      },
-    });
-  });
-
-  afterEach(() => {
-    wrapper.unmount();
-  });
-
-  test('renders correctly', () => {
-    expect(wrapper.exists()).toBe(true);
-  });
-
-  test('renders the correct text and link', () => {
-    const textElement = wrapper.find('.text');
-    const linkElement = wrapper.find('.banner-alert__link');
-
-    expect(textElement.text()).toBe('This is a banner alert');
-    expect(linkElement.text()).toBe('Learn more');
-    expect(linkElement.attributes('href')).toBe('https://example.com');
-    expect(linkElement.attributes('target')).toBe('_self');
-  });
-
-  test('applies the correct class based on the type', () => {
-    expect(wrapper.classes()).toContain('banner-alert--banner-danger');
-  });
-
-  test('renders the correct icon based on the type', () => {
-    const icon = wrapper.findComponent('[data-test="unnnic-icon"]');
-    expect(icon.exists()).toBe(true);
-    expect(icon.props('icon')).toBe('block');
-    expect(icon.props('size')).toBe('sm');
-    expect(icon.props('scheme')).toBe('neutral-white');
-  });
-
-  test('does not render the icon when type is not danger, warning, or info', async () => {
-    await wrapper.setProps({ type: 'success' });
-    const icon = wrapper.findComponent('[data-test="unnnic-icon"]');
-    expect(icon.element.style.display).toBe('none');
-  });
-
-  test('calls emitClose and emits close event when close button is clicked', async () => {
-    const closeButton = wrapper.find('.banner-alert__close');
-    await closeButton.trigger('click');
-
-    expect(wrapper.emitted()).toHaveProperty('close');
-    expect(wrapper.props().onClose).toHaveBeenCalled();
-  });
-
-  test('does not render close button if showCloseButton is false', async () => {
-    await wrapper.setProps({ showCloseButton: false });
-    const closeButton = wrapper.find('.banner-alert__close');
-    expect(closeButton.element.style.display).toBe('none');
-  });
-
-  test('matches the snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  test('getIconType function returns the correct icon based on type', () => {
-    expect(wrapper.vm.getIconType('danger')).toBe('block');
-    expect(wrapper.vm.getIconType('info')).toBe('info');
-    expect(wrapper.vm.getIconType('')).toBe('info');
-  });
-
-  test('isShowTextIcon function returns true for danger, warning, and info types', () => {
-    expect(wrapper.vm.isShowTextIcon('danger')).toBe(true);
-    expect(wrapper.vm.isShowTextIcon('warning')).toBe(true);
-    expect(wrapper.vm.isShowTextIcon('info')).toBe(true);
-    expect(wrapper.vm.isShowTextIcon('')).toBe(true);
-    expect(wrapper.vm.isShowTextIcon('success')).toBe(false);
-  });
-});

package/src/components/Alert/__tests__/AlertCaller.spec.js

@@ -1,98 +0,0 @@
-import { mount } from '@vue/test-utils';
-import { describe, expect, test, vi, beforeEach, afterEach } from 'vitest';
-import AlertCaller from '@/components/Alert/AlertCaller.vue';
-import alert from '@/utils/call';
-
-vi.mock('@/utils/call', () => ({
-  default: {
-    callAlert: vi.fn(),
-  },
-}));
-
-describe('AlertCaller.vue', () => {
-  let wrapper;
-
-  const defaultProps = {
-    title: 'Test Title',
-    text: 'Test Text',
-    icon: 'test-icon',
-    enabled: true,
-    scheme: 'primary',
-    seconds: 5,
-    closeText: 'Close',
-    position: 'top-right',
-  };
-
-  beforeEach(() => {
-    wrapper = mount(AlertCaller, {
-      props: defaultProps,
-    });
-  });
-
-  afterEach(() => {
-    wrapper.unmount();
-    vi.clearAllMocks();
-  });
-
-  test('renders correctly', () => {
-    expect(wrapper.exists()).toBe(true);
-    expect(wrapper.find('button').text()).toBe('Launch alert');
-  });
-
-  test('calls callAlert method when button is clicked', async () => {
-    const callAlertSpy = vi.spyOn(wrapper.vm, 'callAlert');
-    await wrapper.find('button').trigger('click');
-    expect(callAlertSpy).toHaveBeenCalledTimes(1);
-  });
-
-  test('callAlert method invokes alert.callAlert with correct props', async () => {
-    await wrapper.find('button').trigger('click');
-    expect(alert.callAlert).toHaveBeenCalledWith({
-      props: defaultProps,
-      seconds: defaultProps.seconds,
-    });
-  });
-
-  test.each([
-    ['title', 'New Title'],
-    ['text', 'New Text'],
-    ['icon', 'new-icon'],
-    ['enabled', false],
-    ['scheme', 'secondary'],
-    ['seconds', 10],
-    ['closeText', 'Dismiss'],
-    ['position', 'bottom-left'],
-  ])('updates %s prop correctly', async (propName, newValue) => {
-    await wrapper.setProps({ [propName]: newValue });
-    await wrapper.find('button').trigger('click');
-    const expectedProps = { ...defaultProps, [propName]: newValue };
-    expect(alert.callAlert).toHaveBeenCalledWith({
-      props: expectedProps,
-      seconds: expectedProps.seconds,
-    });
-  });
-
-  test('passes default values when props are not provided', async () => {
-    wrapper = mount(AlertCaller, {
-      props: {},
-    });
-    await wrapper.find('button').trigger('click');
-    expect(alert.callAlert).toHaveBeenCalledWith({
-      props: {
-        title: null,
-        text: null,
-        icon: null,
-        enabled: true,
-        scheme: null,
-        seconds: 3,
-        closeText: null,
-        position: 'top-right',
-      },
-      seconds: 3,
-    });
-  });
-
-  test('matches snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});