@capillarytech/creatives-library 7.12.40 → 7.12.42

package/v2Containers/Whatsapp/tests/__snapshots__/utils.test.js.snap

@@ -3,6 +3,20 @@
 exports[`Test utils test getWhatsappContent 1`] = `
 Object {
   "charCount": 46,
+  "ctaData": Array [
+    Object {
+      "index": 0,
+      "phone_number": "+919738752617",
+      "text": "Call",
+      "type": "PHONE_NUMBER",
+    },
+    Object {
+      "index": 1,
+      "text": "More info",
+      "type": "STATIC_URL",
+      "url": "https://fast.com/",
+    },
+  ],
   "templateMsg": <React.Fragment>
     <CapLabel
       type="label9"
@@ -14,9 +28,44 @@ Click {{unsubscribe}} to unsubscribe
 }
 `;
 
+exports[`Test utils test getWhatsappContent 2`] = `
+Object {
+  "charCount": 3,
+  "ctaData": Array [
+    Object {
+      "index": 0,
+      "phone_number": "",
+      "text": "",
+      "type": "PHONE_NUMBER",
+    },
+  ],
+  "templateMsg": <React.Fragment>
+    <CapLabel
+      type="label9"
+    >
+      test
+    </CapLabel>
+  </React.Fragment>,
+}
+`;
+
 exports[`Test utils test getWhatsappContent for preview 1`] = `
 Object {
   "charCount": 46,
+  "ctaData": Array [
+    Object {
+      "index": 0,
+      "phone_number": "+919738752617",
+      "text": "Call",
+      "type": "PHONE_NUMBER",
+    },
+    Object {
+      "index": 1,
+      "text": "More info",
+      "type": "STATIC_URL",
+      "url": "https://fast.com/",
+    },
+  ],
   "templateMsg": <React.Fragment>
     <CapLabel
       type="label5"
@@ -27,3 +76,54 @@ Click {{unsubscribe}} to unsubscribe
   </React.Fragment>,
 }
 `;
+
+exports[`Test utils test getWhatsappCta 1`] = `
+Array [
+  <CapLabel
+    style={
+      Object {
+        "marginTop": "12px",
+        "textAlign": "center",
+      }
+    }
+    type="label21"
+  >
+    <CapIcon
+      size="xs"
+      svgProps={
+        Object {
+          "style": Object {
+            "marginRight": "4px",
+          },
+        }
+      }
+      type="call"
+    />
+    Call
+  </CapLabel>,
+  <CapLabel
+    style={
+      Object {
+        "marginTop": "12px",
+        "textAlign": "center",
+      }
+    }
+    type="label21"
+  >
+    <CapIcon
+      size="xs"
+      svgProps={
+        Object {
+          "style": Object {
+            "marginRight": "4px",
+          },
+        }
+      }
+      type="launch"
+    />
+    More info
+  </CapLabel>,
+]
+`;
+
+exports[`Test utils test getWhatsappCta 2`] = `Array []`;

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

@@ -5,15 +5,17 @@ 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(() => {
   store = configureStore({}, browserHistory);
 });
 
-describe('Creatives Whatsapp test/>', () => {
+describe('Creatives Whatsapp test1/>', () => {
   let renderedComponent;
   const createWhatsappTemplate = jest.fn();
+  const getFormData = jest.fn();
   const clearCreateResponse = jest.fn();
   const getTemplateDetails = jest.fn();
   const resetEditTemplate = jest.fn();
@@ -25,12 +27,10 @@ describe('Creatives Whatsapp test/>', () => {
   const params = {
     id: mockData.editData1.templateDetails._id,
   };
-  const editData1 = mockData.editData1;
-  const editData2 = mockData.editData2;
-  const editData3 = mockData.editData3;
+  const { editData1, editData2, editData3, editdata4, editdata5 } = mockData;
   const accountData = mockData.accountData;
 
-  const renderHelper = (args) => {
+  const renderHelper = (args, isFullMode = true) => {
     renderedComponent = mountWithIntl(
       <Provider store={store}>
         <Whatsapp
@@ -43,12 +43,14 @@ describe('Creatives Whatsapp test/>', () => {
           globalActions={{ fetchSchemaForEntity }}
           onCreateComplete={onCreateComplete}
           handleClose={handleClose}
+          getFormData={getFormData}
           params={args.params}
           editData={args.editData}
+          templateData={args.templateData}
           accountData={accountData}
           location={location}
           intl={{ formatMessage }}
-          isFullMode={args.isFullMode || true}
+          isFullMode={isFullMode}
           isEditFlow={args.isEditFlow || false}
           loadingTags={args.loadingTags}
           metaEntities={[]}
@@ -56,22 +58,13 @@ describe('Creatives Whatsapp test/>', () => {
         />
       </Provider>,
     );
-  }
+  };
 
   it('should render create mode', () => {
     renderHelper({});
     expect(renderedComponent).toMatchSnapshot();
   });
 
-  it('test addVariable in create mode', () => {
-    renderHelper({});
-    renderedComponent
-      .find('CapHeader').at(1)
-      .props().suffix
-      .props.onClick();
-    expect(renderedComponent).toMatchSnapshot();
-  });
-
   it('template name change', () => {
     renderHelper({});
     const templateNameRenderHelper = (val) => {
@@ -155,12 +148,154 @@ describe('Creatives Whatsapp test/>', () => {
     expect(renderedComponent).toMatchSnapshot();
   });
 
-  it('set all valid values and send for approval', () => {
+  it('should render edit mode in various cases', () => {
+    let event = { target: { value: '5454', id: '{{1}}_1' } };
+    renderHelper({
+      params,
+      editData: editData1,
+      isEditFlow: true,
+      loadingTags: false,
+    });
+    expect(renderedComponent).toMatchSnapshot();
+    renderHelper({
+      params,
+      editData: editData2,
+      isEditFlow: true,
+      loadingTags: false,
+    });
+    expect(renderedComponent).toMatchSnapshot();
+    renderHelper({
+      params,
+      editData: editData3,
+      isEditFlow: true,
+      loadingTags: false,
+    });
+    expect(renderedComponent).toMatchSnapshot();
+    renderHelper({
+      params,
+      editData: editData1,
+      isEditFlow: true,
+      loadingTags: false,
+    });
+    renderedComponent
+      .find('textarea.TextArea__StyledTextArea-sc-177dfyt-2')
+      .at(1)
+      .simulate('change', event);
+    expect(renderedComponent).toMatchSnapshot();
+    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();
+  const fetchSchemaForEntity = jest.fn();
+  const handleClose = jest.fn();
+  const onCreateComplete = jest.fn();
+  const formatMessage = jest.fn();
+  const location = mockData.location;
+  const params = {
+    id: mockData.editData1.templateDetails._id,
+  };
+  const { editData1, editData2, editData3, editdata4, editdata5 } = mockData;
+  const accountData = mockData.accountData;
+
+  const renderHelper = (args, isFullMode = true) => {
+    renderedComponent = mountWithIntl(
+      <Provider store={store}>
+        <Whatsapp
+          actions={{
+            createWhatsappTemplate,
+            clearCreateResponse,
+            getTemplateDetails,
+            resetEditTemplate,
+          }}
+          globalActions={{ fetchSchemaForEntity }}
+          onCreateComplete={onCreateComplete}
+          handleClose={handleClose}
+          getFormData={getFormData}
+          params={args.params}
+          editData={args.editData}
+          templateData={args.templateData}
+          accountData={accountData}
+          location={location}
+          intl={{ formatMessage }}
+          isFullMode={isFullMode}
+          isEditFlow={args.isEditFlow || false}
+          loadingTags={args.loadingTags}
+          metaEntities={[]}
+          getDefaultTags={true}
+        />
+      </Provider>,
+    );
+  };
+
+  it('set all valid values and send for approval 1', () => {
+    constants.INITIAL_CTA_DATA = [];
     renderHelper({});
     let event = { target: { value: 'template_name' } };
     createWhatsappTemplate.mockImplementation((obj, callback) => {
       callback();
     });
+
     renderedComponent
       .find('#whatsapp_template_name_input')
       .at(3)
@@ -178,21 +313,129 @@ describe('Creatives Whatsapp test/>', () => {
       .find('TextArea#whatsapp-create-template-message-input')
       .at(1)
       .simulate('change', event);
-    renderedComponent.find('CapButton.whatsapp-create-btn').props().onClick();
+    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('should render edit mode in various cases', () => {
-    let event = { target: { value: '5454', id: '{{1}}_1' } };
-    renderHelper({ params, editData: editData1, isEditFlow: true, loadingTags: false });
-    expect(renderedComponent).toMatchSnapshot();
-    renderHelper({ params, editData: editData2, isEditFlow: true, loadingTags: false });
-    expect(renderedComponent).toMatchSnapshot();
-    renderHelper({ params, editData: editData3, isEditFlow: true, loadingTags: false });
+  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: '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();
-    renderHelper({ params, editData: editData1, isEditFlow: true, loadingTags: false });
-    renderedComponent.find('textarea.TextArea__StyledTextArea-sc-177dfyt-2')
+  });
+
+  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: { 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();
   });
 });