[FLOWS-241] Fix: whatsapp catalog related tests

src/components/whatsAppCatalogs/Card.vue

@@ -19,6 +19,7 @@
 
       <div class="whatsapp-catalog-card__wrapper__actions">
         <unnnic-switch
+          ref="catalogConnectSwitch"
           :value="catalog.is_connected"
           use-v-model
           size="small"
@@ -31,6 +32,7 @@
         />
         <unnnic-switch
           v-if="catalog.is_connected"
+          ref="cartEnableSwitch"
           :value="enabledCart"
           use-v-model
           size="small"
@@ -55,7 +57,7 @@
       catalog: {
         type: Object,
         required: true,
-        default: () => {},
+        default: /* istanbul ignore next */ () => {},
       },
       enabledCart: {
         type: Boolean,

src/components/whatsAppCatalogs/List.vue

@@ -160,7 +160,7 @@
         await this.getCommerceSettings({ appUuid });
         await this.getWhatsAppCloudCatalogs({ appUuid, params });
 
-        if (this.errorWhatsAppCloudCatalog) {
+        if (this.errorWhatsAppCloudCatalogs) {
           unnnicCallAlert({
             props: {
               text: this.$t('WhatsApp.catalog.error.fetch_catalogs'),

tests/unit/specs/components/config/external/chatgpt/Config.spec.js

@@ -18,16 +18,18 @@ singleApp.config = {
   rules: 'rules',
   knowledge_base: 'base',
   ai_model: 'gpt-3.5-turbo-16k',
-  voice_tone: [{
-    'value': '1',
-    'label': 'Neutral',
-  }],
+  voice_tone: [
+    {
+      value: '1',
+      label: 'Neutral',
+    },
+  ],
   conversation_style: [
     {
-      'value': '0.7,0.8',
-      'label': 'Creative',
-      'description': 'Responds creatively, less objectively'
-    }
+      value: '0.7,0.8',
+      label: 'Creative',
+      description: 'Responds creatively, less objectively',
+    },
   ],
 };
 
@@ -226,9 +228,9 @@ describe('components/config/external/chatgpt/Config.vue', () => {
             ai_model: 'gpt-3.5-turbo-16k',
             rules: 'rules 1',
             knowledge_base: 'knowledge base 1',
-            temperature: "0.7",
-            top_p: "0.8",
-            voice_tone: "Em tom Neutral",
+            temperature: '0.7',
+            top_p: '0.8',
+            voice_tone: 'Em tom Neutral',
           },
         },
       });

tests/unit/specs/components/whatsAppCatalogs/Card.spec.js

@@ -0,0 +1,80 @@
+import Vuex from 'vuex';
+import { mount, createLocalVue } from '@vue/test-utils';
+import Card from '@/components/whatsAppCatalogs/Card.vue';
+import '@weni/unnnic-system';
+import i18n from '@/utils/plugins/i18n';
+
+const localVue = createLocalVue();
+localVue.use(Vuex);
+
+const mountComponent = async ({
+  errorDisableCatalog = false,
+  enabledCart = false,
+  catalog = {},
+} = {}) => {
+  const state = {
+    errorDisableCatalog,
+  };
+
+  const actions = {
+    disableWhatsAppCloudCatalogs: jest.fn(),
+  };
+
+  const store = new Vuex.Store({
+    modules: {
+      WhatsAppCloud: {
+        namespaced: true,
+        actions,
+        state,
+      },
+    },
+  });
+
+  const wrapper = mount(Card, {
+    localVue,
+    store,
+    i18n,
+    propsData: {
+      catalog,
+      enabledCart,
+    },
+  });
+
+  return { wrapper, actions, state };
+};
+
+describe('components/whatsAppCatalog/Card.vue', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should be rendered properly', async () => {
+    const { wrapper } = await mountComponent();
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  describe('catalog connect emits', () => {
+    it('should emit enable on toggle catalog connect', async () => {
+      const { wrapper } = await mountComponent();
+      const toggle = wrapper.findComponent({ ref: 'catalogConnectSwitch' });
+      toggle.vm.$emit('input', true);
+      expect(wrapper.emitted().enable).toBeTruthy();
+    });
+
+    it('should emit disable on toggle catalog connect', async () => {
+      const { wrapper } = await mountComponent();
+      const toggle = wrapper.findComponent({ ref: 'catalogConnectSwitch' });
+      toggle.vm.$emit('input', false);
+      expect(wrapper.emitted().disable).toBeTruthy();
+    });
+  });
+
+  describe('toggleCart emit', () => {
+    it('should emit toggleCart on switch click', async () => {
+      const { wrapper } = await mountComponent({ catalog: { is_connected: true } });
+      const toggle = wrapper.findComponent({ ref: 'cartEnableSwitch' });
+      toggle.trigger('click');
+      expect(wrapper.emitted().toggleCart).toBeTruthy();
+    });
+  });
+});