@capillarytech/creatives-library 7.12.41 → 7.12.43

package/v2Containers/Whatsapp/tests/index.test.js

@@ -5,6 +5,7 @@ import { Provider } from 'react-redux';
 import { mountWithIntl } from '../../../../app/helpers/intl-enzym-test-helpers';
 import { Whatsapp } from '../index';
 import { mockData } from './mockData';
+import * as constants from '../constants';
 
 let store;
 beforeAll(() => {
@@ -26,13 +27,10 @@ describe('Creatives Whatsapp test1/>', () => {
   const params = {
     id: mockData.editData1.templateDetails._id,
   };
-  const editData1 = mockData.editData1;
-  const editData2 = mockData.editData2;
-  const editData3 = mockData.editData3;
-  const editdata4 = mockData.editdata4;
+  const { editData1, editData2, editData3, editdata4, editdata5 } = mockData;
   const accountData = mockData.accountData;
 
-  const renderHelper = (args,isFullMode = true) => {
+  const renderHelper = (args, isFullMode = true) => {
     renderedComponent = mountWithIntl(
       <Provider store={store}>
         <Whatsapp
@@ -150,69 +148,6 @@ describe('Creatives Whatsapp test1/>', () => {
     expect(renderedComponent).toMatchSnapshot();
   });
 
-  it('set all valid values and send for approval', () => {
-    renderHelper({});
-    let event = { target: { value: 'template_name' } };
-    createWhatsappTemplate.mockImplementation((obj, callback) => {
-      callback();
-    });
-    const handleClick = jest.spyOn(React, 'useState');
-    handleClick.mockImplementation((ctaData) => [
-      ctaData,
-      [
-        {
-          index: 0,
-          ctaType: 'WEBSITE',
-          text: 'Visit',
-          phone_number: '',
-          urlType: 'STATIC_URL',
-          url: 'https://www.google.com',
-          isSaved: true,
-        },
-        {
-          index: 1,
-          ctaType: 'PHONE_NUMBER',
-          text: 'Call us',
-          phone_number: '9112345',
-          urlType: 'STATIC_URL',
-          url: '',
-          isSaved: true,
-        },
-      ],
-    ]);
-    renderedComponent
-      .find('#whatsapp_template_name_input')
-      .at(3)
-      .simulate('change', event);
-    renderedComponent
-      .find('CapSelect#select-whatsapp-category')
-      .props()
-      .onChange('APPOINTMENT_UPDATE');
-    renderedComponent
-      .find('CapSelect#select-whatsapp-language')
-      .props()
-      .onChange('en');
-    event = { target: { value: 'Hi {{1}}' } };
-    renderedComponent
-      .find('TextArea#whatsapp-create-template-message-input')
-      .at(1)
-      .simulate('change', event);
-    event = { target: { checked: true } };
-    renderedComponent
-      .find('CapCheckbox.whatsapp-unsubscribe-checkbox')
-      .props()
-      .onChange(event);
-    renderedComponent.update();
-    event = { target: { value: 'CTA' } };
-    renderedComponent
-      .find('CapRadioGroup.whatsapp-btn-radio-group')
-      .props()
-      .onChange(event);
-    renderedComponent.update();
-    renderedComponent.find('CapButton.whatsapp-create-btn').props().onClick();
-    expect(renderedComponent).toMatchSnapshot();
-  });
-
   it('should render edit mode in various cases', () => {
     let event = { target: { value: '5454', id: '{{1}}_1' } };
     renderHelper({
@@ -247,20 +182,68 @@ describe('Creatives Whatsapp test1/>', () => {
       .at(1)
       .simulate('change', event);
     expect(renderedComponent).toMatchSnapshot();
-    renderHelper({
-      params,
-      templateData: editdata4,
-      isEditFlow: true,
-      loadingTags: false,
-    },false);
+    renderHelper(
+      {
+        params,
+        templateData: editdata4,
+        isEditFlow: true,
+        loadingTags: false,
+      },
+      false,
+    );
     expect(renderedComponent).toMatchSnapshot();
     renderedComponent.find('CapButton.whatsapp-create-btn').props().onClick();
   });
+
+  it('test addVariable in create mode', () => {
+    renderHelper({});
+    renderedComponent.find('CapHeader').at(1).props().suffix.props.onClick();
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('add cta', () => {
+    renderHelper({});
+    let event = { target: { value: 'CTA' } };
+    renderedComponent
+      .find('CapRadioGroup.whatsapp-btn-radio-group')
+      .props()
+      .onChange(event);
+    expect(renderedComponent).toMatchSnapshot();
+  });
+  it('check unsubscribe', () => {
+    renderHelper({});
+    let event = { target: { checked: true } };
+    renderedComponent
+      .find('CapCheckbox.whatsapp-unsubscribe-checkbox')
+      .props()
+      .onChange(event);
+    renderedComponent.update();
+    expect(
+      renderedComponent
+        .find('CapCheckbox.whatsapp-unsubscribe-checkbox')
+        .props().checked,
+    ).toBe(true);
+    expect(renderedComponent).toMatchSnapshot();
+  });
+  it('should render edit mode in various cases', () => {
+    renderHelper(
+      {
+        params,
+        templateData: editdata5,
+        isEditFlow: true,
+        loadingTags: false,
+      },
+      false,
+    );
+    renderedComponent.update();
+    expect(renderedComponent).toMatchSnapshot();
+  });
 });
 
 describe('Creatives Whatsapp test2/>', () => {
   let renderedComponent;
   const createWhatsappTemplate = jest.fn();
+  const getFormData = jest.fn();
   const clearCreateResponse = jest.fn();
   const getTemplateDetails = jest.fn();
   const resetEditTemplate = jest.fn();
@@ -272,13 +255,10 @@ describe('Creatives Whatsapp test2/>', () => {
   const params = {
     id: mockData.editData1.templateDetails._id,
   };
-  const editData1 = mockData.editData1;
-  const editData2 = mockData.editData2;
-  const editData3 = mockData.editData3;
-  const editdata4 = mockData.editdata4;
+  const { editData1, editData2, editData3, editdata4, editdata5 } = mockData;
   const accountData = mockData.accountData;
 
-  const renderHelper = (args,isFullMode = true) => {
+  const renderHelper = (args, isFullMode = true) => {
     renderedComponent = mountWithIntl(
       <Provider store={store}>
         <Whatsapp
@@ -291,8 +271,10 @@ describe('Creatives Whatsapp test2/>', () => {
           globalActions={{ fetchSchemaForEntity }}
           onCreateComplete={onCreateComplete}
           handleClose={handleClose}
+          getFormData={getFormData}
           params={args.params}
           editData={args.editData}
+          templateData={args.templateData}
           accountData={accountData}
           location={location}
           intl={{ formatMessage }}
@@ -306,34 +288,154 @@ describe('Creatives Whatsapp test2/>', () => {
     );
   };
 
-  it('test addVariable in create mode', () => {
+  it('set all valid values and send for approval 1', () => {
+    constants.INITIAL_CTA_DATA = [];
     renderHelper({});
-    renderedComponent.find('CapHeader').at(1).props().suffix.props.onClick();
+    let event = { target: { value: 'template_name' } };
+    createWhatsappTemplate.mockImplementation((obj, callback) => {
+      callback();
+    });
+
+    renderedComponent
+      .find('#whatsapp_template_name_input')
+      .at(3)
+      .simulate('change', event);
+    renderedComponent
+      .find('CapSelect#select-whatsapp-category')
+      .props()
+      .onChange('APPOINTMENT_UPDATE');
+    renderedComponent
+      .find('CapSelect#select-whatsapp-language')
+      .props()
+      .onChange('en');
+    event = { target: { value: 'Hi {{1}}' } };
+    renderedComponent
+      .find('TextArea#whatsapp-create-template-message-input')
+      .at(1)
+      .simulate('change', event);
+    event = { target: { checked: true } };
+    renderedComponent
+      .find('CapCheckbox.whatsapp-unsubscribe-checkbox')
+      .props()
+      .onChange(event);
+    renderedComponent.update();
+    event = { target: { value: 'CTA' } };
+    renderedComponent
+      .find('CapRadioGroup.whatsapp-btn-radio-group')
+      .props()
+      .onChange(event);
+    renderedComponent.update();
     expect(renderedComponent).toMatchSnapshot();
   });
 
-  it('add cta', () => {
+  it('set all valid values and send for approval 2', () => {
+    constants.INITIAL_CTA_DATA = [
+      {
+        index: 0,
+        ctaType: 'WEBSITE',
+        text: 'Visit',
+        phone_number: '',
+        urlType: 'STATIC_URL',
+        url: 'https://www.google.com',
+        isSaved: true,
+      },
+    ];
     renderHelper({});
-    let event = { target: { value: 'CTA' } };
+    let event = { target: { value: 'template_name' } };
+    createWhatsappTemplate.mockImplementation((obj, callback) => {
+      callback();
+    });
+
+    renderedComponent
+      .find('#whatsapp_template_name_input')
+      .at(3)
+      .simulate('change', event);
+    renderedComponent
+      .find('CapSelect#select-whatsapp-category')
+      .props()
+      .onChange('APPOINTMENT_UPDATE');
+    renderedComponent
+      .find('CapSelect#select-whatsapp-language')
+      .props()
+      .onChange('en');
+    event = { target: { value: 'Hi {{1}}' } };
+    renderedComponent
+      .find('TextArea#whatsapp-create-template-message-input')
+      .at(1)
+      .simulate('change', event);
+    event = { target: { checked: true } };
+    renderedComponent
+      .find('CapCheckbox.whatsapp-unsubscribe-checkbox')
+      .props()
+      .onChange(event);
+    renderedComponent.update();
+    event = { target: { value: 'CTA' } };
     renderedComponent
       .find('CapRadioGroup.whatsapp-btn-radio-group')
       .props()
       .onChange(event);
+    renderedComponent.update();
+    renderedComponent.find('CapButton.whatsapp-create-btn').props().onClick();
     expect(renderedComponent).toMatchSnapshot();
   });
-  it('check unsubscribe', () => {
+
+  it('set all valid values and send for approval 3', () => {
+    constants.INITIAL_CTA_DATA = [
+      {
+        index: 0,
+        ctaType: 'WEBSITE',
+        text: 'Visit',
+        phone_number: '',
+        urlType: 'STATIC_URL',
+        url: 'https://www.google.com',
+        isSaved: true,
+      },
+      {
+        index: 1,
+        ctaType: 'PHONE_NUMBER',
+        text: 'Call us',
+        phone_number: '9112345',
+        urlType: 'STATIC_URL',
+        url: '',
+        isSaved: true,
+      },
+    ];
     renderHelper({});
-    let event = { target: { checked: true } };
+    let event = { target: { value: 'template_name' } };
+    createWhatsappTemplate.mockImplementation((obj, callback) => {
+      callback();
+    });
+
+    renderedComponent
+      .find('#whatsapp_template_name_input')
+      .at(3)
+      .simulate('change', event);
+    renderedComponent
+      .find('CapSelect#select-whatsapp-category')
+      .props()
+      .onChange('APPOINTMENT_UPDATE');
+    renderedComponent
+      .find('CapSelect#select-whatsapp-language')
+      .props()
+      .onChange('en');
+    event = { target: { value: 'Hi {{1}}' } };
+    renderedComponent
+      .find('TextArea#whatsapp-create-template-message-input')
+      .at(1)
+      .simulate('change', event);
+    event = { target: { checked: true } };
     renderedComponent
       .find('CapCheckbox.whatsapp-unsubscribe-checkbox')
       .props()
       .onChange(event);
     renderedComponent.update();
-    expect(
-      renderedComponent
-        .find('CapCheckbox.whatsapp-unsubscribe-checkbox')
-        .props().checked,
-    ).toBe(true);
+    event = { target: { value: 'CTA' } };
+    renderedComponent
+      .find('CapRadioGroup.whatsapp-btn-radio-group')
+      .props()
+      .onChange(event);
+    renderedComponent.update();
+    renderedComponent.find('CapButton.whatsapp-create-btn').props().onClick();
     expect(renderedComponent).toMatchSnapshot();
   });
 });

package/v2Containers/Whatsapp/tests/mockData.js

@@ -179,6 +179,42 @@ export const mockData = {
       },
     },
   },
+  editdata5: {
+    _id: '62988c2f7d11ed69168252a6',
+    type: 'WHATSAPP',
+    edit: true,
+    name: 'test_206',
+    versions: {
+      base: {
+        content: {
+          whatsapp: {
+            status: 'approved',
+            category: 'ALERT_UPDATE',
+            varMapped: {
+              '{{1}}_1': '50',
+            },
+            mediaType: 'TEXT',
+            buttonType: 'CTA',
+            buttons: [
+              {
+                index: 0,
+                type: 'STATIC_URL',
+                text: 'More info',
+                url: 'https://fast.com/',
+              },
+            ],
+            languages: [
+              {
+                language: 'en',
+                content:
+                  'You have received {{1}} points Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test TestTest Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test TestTest Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test TestTest Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test TestTest Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test TestTest Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test TestTest Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test TestTest Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test',
+              },
+            ],
+          },
+        },
+      },
+    },
+  },
   location: {
     pathname: '/whatsapp/edit',
     query: {

package/v2Containers/mockdata.js

@@ -1191,6 +1191,14 @@ export default {
     channel: 'RCS',
     validity: true,
   },
+  lineEditTemplateData: {
+    mode: 'edit',
+    _id: '629f7ecf134738019b2e332e',
+    modeType: '',
+    type: 'LINE',
+    channel: 'LINE',
+    validity: true,
+  },
   getWhatsappContentOutput: '1234567890\nClick {{unsubscribe}} to unsubscribe',
   getWhatsappStatusOutput: {
     key: 'approved',
@@ -1422,4 +1430,64 @@ export default {
   language: {
     localeLoading: false,
   },
+  linePreviewTemplateData: {
+    mode: 'preview',
+    _id: '629f7ecf134738019b2e332e',
+    name: 'ggg1',
+    type: 'LINE',
+    versions: {
+      history: [],
+      base: {
+        content: {
+          to: '{{line_id}}',
+          messages: [
+            {
+              type: 'flex',
+              altText: 'ggg',
+              contents: {
+                contents: [
+                  {
+                    type: 'bubble',
+                    hero: {
+                      type: 'image',
+                      url: 'https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg',
+                      size: 'full',
+                      aspectRatio: '1:1',
+                      aspectMode: 'cover',
+                    },
+                    footer: {
+                      type: 'box',
+                      layout: 'vertical',
+                      spacing: 'xs',
+                      contents: [
+                        {
+                          type: 'button',
+                          style: 'link',
+                          height: 'sm',
+                          action: {
+                            type: 'message',
+                            label: 'ggg',
+                            text: 'ggg',
+                          },
+                        },
+                      ],
+                    },
+                  },
+                ],
+                type: "carousel",
+              },
+            },
+          ],
+        },
+      },
+    },
+    isActive: true,
+    orgId: 1604,
+    createdBy: '15000449',
+    updatedBy: '15000449',
+    createdAt: '2022-06-07T16:37:35.447Z',
+    updatedAt: '2022-06-07T16:42:02.243Z',
+    totalCount: 31,
+    updatedByName: 'Ashish Karan fd',
+  },
 };