@capillarytech/creatives-library 7.17.39-alpha.3 → 7.17.39-alpha.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.17.39-alpha.3",
+  "version": "7.17.39-alpha.4",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Containers/Zalo/index.js

@@ -161,12 +161,12 @@ export const Zalo = (props) => {
 
   // in creatives
   useEffect(() => {
-    setDataForEdit(false);
+    isFullMode && !isEmpty(zaloTemplateInfoValue) && setDataForEdit(false); 
   }, [zaloTemplateInfoValue]);
 
   // in campaigns
   useEffect(() => {
-    setDataForEdit(true);
+    !isFullMode && !isEmpty(varMapped) && setDataForEdit(true);
   }, [varMapped]);
 
   useEffect(() => {

package/v2Containers/Zalo/messages.js

@@ -28,7 +28,7 @@ export default defineMessages({
       "Character count for this variable should be in between {minLength} to {maxLength}",
   },
   previewHead: {
-    id: `${prefix}.previewText`,
+    id: `${prefix}.previewHead`,
     defaultMessage: "Preview",
   },
   previewText: {

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

@@ -0,0 +1,146 @@
+import React from 'react';
+import { injectIntl } from 'react-intl';
+import { browserHistory } from 'react-router';
+import '@testing-library/jest-dom';
+import { Provider } from 'react-redux';
+import configureStore from '../../../store';
+import { Zalo } from '..';
+import {
+  metaEntities,
+  editData,
+  location,
+  getDefaultTags,
+  injectedTags,
+  accountData,
+  templateData,
+  templateConfigs,
+} from './mockData';
+import { render, screen, fireEvent } from '../../../utils/test-utils';
+
+const mockActions = {
+  getTemplateInfoById: jest.fn(),
+};
+const mockGlobalActions = {
+  fetchSchemaForEntity: jest.fn(),
+};
+
+let store;
+beforeAll(() => {
+  store = configureStore({}, browserHistory);
+});
+
+const ComponentToRender = injectIntl(Zalo);
+const renderComponent = (props) =>
+  render(
+    <Provider store={store}>
+      <ComponentToRender {...props} />
+    </Provider>,
+  );
+
+describe('Test activity zalo container', () => {
+  it('test case for zalo template', async () => {
+    renderComponent({
+      actions: mockActions,
+      globalActions: mockGlobalActions,
+      editData,
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      accountData,
+      templateData,
+      isFullMode: true,
+    });
+    const inputBox = await screen.findAllByPlaceholderText(
+      'Add labels or text or combination of both',
+    );
+    fireEvent.change(inputBox[0], { target: { value: 'Hello, welcome' } });
+    inputBox[0].focus();
+    const previewButton = screen.getByTestId('preview-link-button');
+    previewButton.click();
+    expect(
+      screen.getByText('This template has been enabled'),
+    ).toBeInTheDocument();
+  });
+
+  it('test case for text field curly braces error', async () => {
+    renderComponent({
+      actions: mockActions,
+      globalActions: mockGlobalActions,
+      editData,
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      accountData,
+      templateData,
+      isFullMode: true,
+    });
+    const inputBox = await screen.findAllByPlaceholderText(
+      'Add labels or text or combination of both',
+    );
+    fireEvent.change(inputBox[0], { target: { value: 'Hello, welcome {{' } });
+    inputBox[0].focus();
+    expect(
+      screen.getByText('Invalid label, please close all curly braces'),
+    ).toBeInTheDocument();
+  });
+
+  it('test case for unsupported tag', async () => {
+    renderComponent({
+      actions: mockActions,
+      globalActions: mockGlobalActions,
+      editData,
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      accountData,
+      templateData,
+      isFullMode: true,
+    });
+    const inputBox = await screen.findAllByPlaceholderText(
+      'Add labels or text or combination of both',
+    );
+    fireEvent.change(inputBox[0], {
+      target: { value: 'Hello, welcome {{fsdaf}}' },
+    });
+    inputBox[0].focus();
+    expect(
+      screen.getByText(
+        'Unsupported tags: fsdaf. Please remove them from this message.',
+      ),
+    ).toBeInTheDocument();
+  });
+
+  it('test case for set template data', async () => {
+    templateData.templateConfigs = templateConfigs;
+    renderComponent({
+      actions: mockActions,
+      globalActions: mockGlobalActions,
+      editData,
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      accountData,
+      templateData,
+      isFullMode: false,
+    });
+    const inputBox = await screen.findAllByPlaceholderText(
+      'Add labels or text or combination of both',
+    );
+    fireEvent.change(inputBox[0], {
+      target: {
+        value:
+          'Hello, welcome user. Habata itara modoranai to ittta Mezashita no wa aoi aoi ano sora',
+      },
+    });
+    inputBox[0].focus();
+    expect(
+      screen.getByText(
+        'Character count for this variable should be in between 0 to 30',
+      ),
+    ).toBeInTheDocument();
+  });
+});