@capillarytech/creatives-library 7.10.65 → 7.10.67

package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxHeader.test.js.snap

@@ -0,0 +1,166 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test SlideBoxHeader container Should render correct component for whatsapp channel create mode 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+/>
+`;
+
+exports[`Test SlideBoxHeader container Should render correct component for whatsapp channel edit mode 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    description={
+      <React.Fragment>
+        <SlideBoxHeader__StyledLabel
+          type="label1"
+        >
+          <FormattedMessage
+            defaultMessage="Template name"
+            id="creatives.containersV2.templateNameLabel"
+            values={Object {}}
+          />
+        </SlideBoxHeader__StyledLabel>
+        <SlideBoxHeader__StyledLabel
+          type="label2"
+        >
+          amit123456
+        </SlideBoxHeader__StyledLabel>
+        <SlideBoxHeader__StyledLabel
+          type="label3"
+        >
+          <FormattedMessage
+            defaultMessage="|"
+            id="creatives.containersV2.Whatsapp.labelSeperator"
+            values={Object {}}
+          />
+        </SlideBoxHeader__StyledLabel>
+        <SlideBoxHeader__StyledLabel
+          type="label1"
+        >
+          <FormattedMessage
+            defaultMessage="Template category"
+            id="creatives.containersV2.Whatsapp.templateCategoryLabel"
+            values={Object {}}
+          />
+        </SlideBoxHeader__StyledLabel>
+        <SlideBoxHeader__StyledLabel
+          type="label2"
+        >
+          Alert Update
+        </SlideBoxHeader__StyledLabel>
+        <SlideBoxHeader__StyledLabel
+          type="label3"
+        >
+          <FormattedMessage
+            defaultMessage="|"
+            id="creatives.containersV2.Whatsapp.labelSeperator"
+            values={Object {}}
+          />
+        </SlideBoxHeader__StyledLabel>
+        <SlideBoxHeader__StyledLabel
+          type="label1"
+        >
+          <FormattedMessage
+            defaultMessage="Language"
+            id="creatives.containersV2.Whatsapp.languageLabel"
+            values={Object {}}
+          />
+        </SlideBoxHeader__StyledLabel>
+        <SlideBoxHeader__StyledLabel
+          type="label2"
+        >
+          <FormattedMessage
+            defaultMessage="English"
+            id="creatives.containersV2.Whatsapp.templateLanguageEnglish"
+            values={Object {}}
+          />
+        </SlideBoxHeader__StyledLabel>
+      </React.Fragment>
+    }
+    descriptionClass=""
+    inline={false}
+    prefix={false}
+    size="large"
+    title={
+      <FormattedMessage
+        defaultMessage="WhatsApp template overview"
+        id="creatives.containersV2.Creatives.whatsappOverview"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="WhatsApp template"
+              id="creatives.containersV2.Creatives.whatsappTemplate"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+    titleClass=""
+  />
+</div>
+`;
+
+exports[`Test SlideBoxHeader container Should render correct component for whatsapp channel preview mode 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    description={
+      <CapLabel
+        type="label3"
+      >
+        <FormattedMessage
+          defaultMessage="Last updated: {date} by {user}"
+          id="creatives.containersV2.Creatives.lastUpdated"
+          values={
+            Object {
+              "date": "17 Feb 2022",
+              "user": "Ashish Karan fd",
+            }
+          }
+        />
+      </CapLabel>
+    }
+    descriptionClass=""
+    inline={false}
+    prefix={
+      <SlideBoxHeader__PrefixWrapper>
+        <SvgBack />
+      </SlideBoxHeader__PrefixWrapper>
+    }
+    size="large"
+    title="amit123456"
+    titleClass=""
+  />
+</div>
+`;
+
+exports[`Test SlideBoxHeader container Should render correct component for whatsapp channel templates mode 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    description={
+      <FormattedMessage
+        defaultMessage="Select only one creative"
+        id="creatives.containersV2.Creatives.creativeTemplatesDesc"
+        values={Object {}}
+      />
+    }
+    descriptionClass=""
+    inline={false}
+    size="large"
+    title={
+      <FormattedMessage
+        defaultMessage="Creative templates"
+        id="creatives.containersV2.Creatives.creativeTemplates"
+        values={Object {}}
+      />
+    }
+    titleClass=""
+  />
+</div>
+`;

package/v2Containers/CreativesContainer/tests/__snapshots__/index.test.js.snap

@@ -0,0 +1,145 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test SlideBoxContent container Should render correct component for whatsapp channel create mode 1`] = `
+<CreativesContainer__SlideBoxWrapper
+  className="add-creatives-section creatives-library-mode "
+>
+  <CapSlideBox
+    closeIconSize="m"
+    content={
+      <SlideBoxContent
+        currentChannel="WHATSAPP"
+        getFormData={[Function]}
+        handleClose={[Function]}
+        onCallTaskSubmit={[Function]}
+        onChannelChange={[Function]}
+        onCreateComplete={[MockFunction]}
+        onCreateNew={[Function]}
+        onCreateNextStep={[Function]}
+        onEmailModeChange={[Function]}
+        onEnterTemplateName={[Function]}
+        onFTPSubmit={[MockFunction]}
+        onFacebookSubmit={[MockFunction]}
+        onMobilepushModeChange={[Function]}
+        onPreviewTemplate={[Function]}
+        onRemoveTemplateName={[Function]}
+        onResetStep={[Function]}
+        onSelectTemplate={[Function]}
+        onShowTemplates={[Function]}
+        onValidationFail={[Function]}
+        onWeChatMaptemplateStepChange={[Function]}
+        onWechatTemplateChange={[Function]}
+        saveMessage={[Function]}
+        setIsLoadingContent={[Function]}
+        showTemplateName={[Function]}
+        slidBoxContent="templates"
+        templateData={
+          Object {
+            "type": undefined,
+          }
+        }
+        templateStep="modeSelection"
+        weChatMaptemplateStep={0}
+        weChatTemplateType=""
+      />
+    }
+    footer={false}
+    handleClose={[Function]}
+    header={
+      <SlideBoxHeader
+        channel="WHATSAPP"
+        isLoadingContent={true}
+        onShowTemplates={[Function]}
+        onWeChatMaptemplateStepChange={[Function]}
+        showPrefix={true}
+        slidBoxContent="templates"
+        templateData={
+          Object {
+            "type": undefined,
+          }
+        }
+        templateNameRenderProp={[Function]}
+        templateStep="modeSelection"
+        weChatMaptemplateStep={0}
+        weChatTemplateType=""
+      />
+    }
+    position="right"
+    show={true}
+    size="size-xl"
+  />
+</CreativesContainer__SlideBoxWrapper>
+`;
+
+exports[`Test SlideBoxContent container Should render correct component for whatsapp channel edit mode 1`] = `
+<CreativesContainer__SlideBoxWrapper
+  className="add-creatives-section creatives-library-mode "
+>
+  <CapSlideBox
+    closeIconSize="m"
+    content={
+      <SlideBoxContent
+        currentChannel="WHATSAPP"
+        getFormData={[Function]}
+        handleClose={[Function]}
+        onCallTaskSubmit={[Function]}
+        onChannelChange={[Function]}
+        onCreateComplete={[MockFunction]}
+        onCreateNew={[Function]}
+        onCreateNextStep={[Function]}
+        onEmailModeChange={[Function]}
+        onEnterTemplateName={[Function]}
+        onFTPSubmit={[MockFunction]}
+        onFacebookSubmit={[MockFunction]}
+        onMobilepushModeChange={[Function]}
+        onPreviewTemplate={[Function]}
+        onRemoveTemplateName={[Function]}
+        onResetStep={[Function]}
+        onSelectTemplate={[Function]}
+        onShowTemplates={[Function]}
+        onValidationFail={[Function]}
+        onWeChatMaptemplateStepChange={[Function]}
+        onWechatTemplateChange={[Function]}
+        saveMessage={[Function]}
+        setIsLoadingContent={[Function]}
+        showTemplateName={[Function]}
+        slidBoxContent="editTemplate"
+        templateStep="modeSelection"
+        weChatMaptemplateStep={0}
+        weChatTemplateType=""
+      />
+    }
+    footer={
+      <SlideBoxFooter
+        currentChannel="WHATSAPP"
+        onCreateNextStep={[Function]}
+        onDiscard={[Function]}
+        onEditTemplate={[Function]}
+        onSave={[Function]}
+        shouldShowContinueFooter={[Function]}
+        shouldShowDoneFooter={[Function]}
+        slidBoxContent="editTemplate"
+        templateStep="modeSelection"
+      />
+    }
+    handleClose={[Function]}
+    header={
+      <SlideBoxHeader
+        channel="WHATSAPP"
+        isLoadingContent={true}
+        onShowTemplates={[Function]}
+        onWeChatMaptemplateStepChange={[Function]}
+        showPrefix={true}
+        slidBoxContent="editTemplate"
+        templateNameRenderProp={[Function]}
+        templateStep="modeSelection"
+        weChatMaptemplateStep={0}
+        weChatTemplateType=""
+      />
+    }
+    position="right"
+    show={false}
+    size="size-xl"
+  />
+</CreativesContainer__SlideBoxWrapper>
+`;

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

@@ -1,10 +1,58 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
+import React from 'react';
+import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
 
-// import { CreativesContainer } from '../index';
+import { Creatives } from '../index';
+import mockdata from '../../mockdata';
 
-describe('<CreativesContainer />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(true);
+const { Templates, editTemplateData } = mockdata;
+
+jest.mock("../../../v2Components/FormBuilder", () => ({
+  __esModule: true,
+  default: (props) => <div className="FormBuilder-mock" {...props}>FormBuilder</div>,
+}));
+
+describe('Test SlideBoxContent container', () => {
+  const handleCloseCreatives = jest.fn();
+  const getCreativesData = jest.fn();
+  let renderedComponent;
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  const renderFunction = (channel, mode, templateData) => {
+    renderedComponent = shallowWithIntl(
+      <Creatives
+        Templates={Templates}
+        channel={channel}
+        slidBoxContent={mode}
+        templateData={templateData}
+        handleCloseCreatives={handleCloseCreatives}
+        getCreativesData={getCreativesData}
+      />
+    );
+  };
+
+  it('Should render correct component for whatsapp channel create mode', () => {
+    renderFunction("WHATSAPP", "createTemplate", { mode: "create" });
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('Should render correct component for whatsapp channel edit mode', () => {
+    renderFunction("WHATSAPP", "editTemplate", editTemplateData);
+    renderedComponent.instance().onEditTemplate();
+    renderedComponent.find('CapSlideBox').props().content.props.handleClose();
+    expect(renderedComponent).toMatchSnapshot();
+    expect(handleCloseCreatives).toHaveBeenCalledTimes(1);
+    expect(handleCloseCreatives).toHaveBeenCalledWith(true);
+  });
+
+
+  it('Text getCreatives data', () => {
+    renderFunction("WHATSAPP", "editTemplate", editTemplateData);
+    renderedComponent.instance().onEditTemplate();
+    renderedComponent.find('CapSlideBox').props().content.props.getFormData(editTemplateData);
+    expect(getCreativesData).toHaveBeenCalledTimes(1);
+    expect(getCreativesData).toHaveBeenCalledWith({ channel: "WHATSAPP" });
   });
 });

package/v2Containers/Templates/index.js

@@ -603,7 +603,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   }
   onCreateComplete = (isReloadTemplates) => {
     this.setState({routeParams: null, previewOpen: false}, () => {
-      if (this.isFullMode() && (isReloadTemplates)) {
+      if (this.isFullMode() && isReloadTemplates) {
         this.getAllTemplates({params: {}}, true);
       }
     });
@@ -2362,10 +2362,9 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       )
       : (
         <CapButton
-          className={`create-new-${channelLowerCase}`}
+          className={`create-new-${channelLowerCase} margin-l-8 margin-b-12`}
           type={"primary"}
           disabled={this.isCreateDisabled()}
-          style={{marginLeft: '8px', marginBottom: '12px'}}
           onClick={this.createTemplate}
         >
           { this.props.intl.formatMessage((isTraiDltFeature && channel.toUpperCase() === SMS ) ? messages.uploadTemplate : messages.createNewActionButton) }
@@ -2552,11 +2551,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
             </Pagination>
             {(((this.state.selectedAccount !== '' && !isEmpty(this.props.Templates.selectedWeChatAccount) && this.state.channel.toLowerCase() === 'wechat') || this.state.channel.toLowerCase() !== 'wechat') && isEmpty(this.props.TemplatesList)) && !this.props.Templates.getAllTemplatesInProgress && !isEmpty(this.state.searchText) &&
             <div style={{ height: '65vh', textAlign: 'center', lineHeight: '65vh'}}>
-                        {
-            channel.toLowerCase() === WHATSAPP_LOWERCASE ? (
-              <CapAlert message={whatsappCountExceedText} type="info" />
-            ) : null
-          }
               <CapHeading type="h6">{this.props.intl.formatMessage(messages.noTemplatesFound)}</CapHeading>
             </div>}
           </CapRow>