@capillarytech/creatives-library 8.0.205 → 8.0.206-alpha.1

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

@@ -184,6 +184,136 @@ exports[`Test Templates container Should render illustration when no templates a
 </CapSkeleton>
 `;
 
+exports[`Test Templates container Should render sms illustration when no templates are passed 1`] = `
+<Fragment>
+  <div
+    className="creatives-templates-list library-mode"
+  >
+    <input
+      accept=".zip, .html, .htm"
+      id="filename"
+      onChange={[Function]}
+      style={
+        Object {
+          "display": "none",
+        }
+      }
+      type="file"
+    />
+    <CapRow>
+      <Pagination
+        onPageChange={[Function]}
+        paginationContainer="pagination-container"
+        paginationSelector="pagination-container"
+      >
+        <div>
+          <div
+            className="action-container"
+          >
+            <_Class
+              className="search-text"
+              disabled={false}
+              labelPosition="top"
+              onChange={[Function]}
+              onClear={[Function]}
+              onScroll={[Function]}
+              placeholder="Search"
+              style={
+                Object {
+                  "width": "210px",
+                }
+              }
+              value=""
+            />
+            <Component />
+            <Component />
+            <div
+              style={
+                Object {
+                  "alignItems": "center",
+                  "display": "flex",
+                  "justifyContent": "space-between",
+                }
+              }
+            >
+              <CapButton
+                className="create-new-sms margin-l-8 margin-b-12"
+                disabled={false}
+                isAddBtn={false}
+                onClick={[Function]}
+                type="primary"
+              >
+                Create new
+              </CapButton>
+            </div>
+          </div>
+          <CapCustomSkeleton>
+            <div>
+              <div
+                style={
+                  Object {
+                    "height": "calc(100vh - 325px)",
+                    "overflow": "auto",
+                  }
+                }
+              >
+                <ChannelTypeIllustration
+                  createTemplate={[Function]}
+                  currentChannel="SMS"
+                  hostName=""
+                />
+              </div>
+            </div>
+          </CapCustomSkeleton>
+        </div>
+      </Pagination>
+    </CapRow>
+    <CapRow />
+    <CapRow>
+      <CapSlideBox
+        closeIconPosition="right"
+        closeIconSize="m"
+        closeIconType="close"
+        content={
+          <CardGrid
+            className=""
+            colNumber={2}
+            gutterSize={16}
+            isLoading={false}
+            listItem={Array []}
+            onHoverItem={[Function]}
+            onItemClick={[Function]}
+          />
+        }
+        handleClose={[Function]}
+        header={
+          <h3>
+            Select layout
+          </h3>
+        }
+        loadingText="Loading EDM Templates"
+        position="right"
+        show={false}
+        size="size-r"
+        width={60}
+      />
+      <InjectIntl(Wrapper)
+        centered={true}
+        className="delete-template-confirm"
+        closeText="Cancel"
+        okText="Yes, delete"
+        onCancel={[Function]}
+        onOk={[Function]}
+        title="Confirm delete template"
+        visible={false}
+      >
+        Are you sure you wish to delete this template?
+      </InjectIntl(Wrapper)>
+    </CapRow>
+  </div>
+</Fragment>
+`;
+
 exports[`Test Templates container Should render temlates when Zalo templates are passed in full mode 1`] = `
 <CapSkeleton
   active={true}

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

@@ -28,13 +28,26 @@ describe('Test Templates container', () => {
     jest.clearAllMocks();
   });
 
-  const renderFunction = (isFullMode) => {
+  const getTemplateProps =(channel)=>{
+    switch(channel){
+      case 'whatsapp':
+        return TemplatesProp;
+      case 'zalo':
+        return ZaloTemplateProp;
+      case 'rcs':
+        return rcsTemplates;
+      default:
+        return TemplatesProp;
+    }
+  }
+
+  const RenderFunctionFor = (channel, isFullMode) => {
     renderedComponent = shallowWithIntl(
       <Templates
         route={{
-          name: 'whatsapp',
+          name: channel,
         }}
-        Templates={TemplatesProp}
+        Templates={getTemplateProps(channel)}
         actions={{
           getWeCrmAccounts,
           setChannelAccount,
@@ -43,67 +56,7 @@ describe('Test Templates container', () => {
           getSenderDetails,
         }}
         location={{
-          pathname: '/whatsapp',
-          query: {},
-          search: '',
-        }}
-        EmailCreate={{
-          duplicateTemplateInProgress: false,
-        }}
-        isFullMode={isFullMode}
-        intl={{
-          formatMessage: () => {},
-        }}
-      />,
-    );
-  };
-
-  const renderZaloFunction = (isFullMode) => {
-    renderedComponent = shallowWithIntl(
-      <Templates
-        route={{
-          name: 'Zalo',
-        }}
-        Templates={ZaloTemplateProp}
-        actions={{
-          getWeCrmAccounts,
-          setChannelAccount,
-          getAllTemplates,
-          getUserList,
-          getSenderDetails,
-        }}
-        location={{
-          pathname: '/Zalo',
-          query: {},
-          search: '',
-        }}
-        EmailCreate={{
-          duplicateTemplateInProgress: false,
-        }}
-        isFullMode={isFullMode}
-        intl={{
-          formatMessage: () => {},
-        }}
-      />,
-    );
-  };
-
-  const renderRcsFunction = (isFullMode) => {
-    renderedComponent = shallowWithIntl(
-      <Templates
-        route={{
-          name: 'RCS',
-        }}
-        Templates={rcsTemplates}
-        actions={{
-          getWeCrmAccounts,
-          setChannelAccount,
-          getAllTemplates,
-          getUserList,
-          getSenderDetails,
-        }}
-        location={{
-          pathname: '/rcs',
+          pathname: `/${channel}`,
           query: {},
           search: '',
         }}
@@ -119,7 +72,7 @@ describe('Test Templates container', () => {
   };
 
   it('Should render correct component for whatsapp channel', () => {
-    renderFunction();
+    RenderFunctionFor('whatsapp');
     expect(renderedComponent).toMatchSnapshot();
     expect(getSenderDetails).toHaveBeenCalledTimes(1);
     expect(getSenderDetails).toHaveBeenCalledWith({
@@ -129,13 +82,22 @@ describe('Test Templates container', () => {
   });
 
   it('Should render temlates when whatsapp templates are passed', () => {
-    renderFunction();
+    RenderFunctionFor('whatsapp');
     renderedComponent.setProps({ TemplatesList: TemplatesProp.templates });
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render illustration when no templates are passed', () => {
-    renderFunction();
+    RenderFunctionFor('whatsapp');
+    renderedComponent.setProps({
+      TemplatesList: [],
+      Templates: {},
+    });
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('Should render sms illustration when no templates are passed', () => {
+    RenderFunctionFor('sms');
     renderedComponent.setProps({
       TemplatesList: [],
       Templates: {},
@@ -144,14 +106,14 @@ describe('Test Templates container', () => {
   });
 
   it('Should render temlates when whatsapp templates are passed in full mode', () => {
-    renderFunction(true);
+    RenderFunctionFor('whatsapp',true);
     renderedComponent.setProps({ TemplatesList: TemplatesProp.templates });
     renderedComponent.setState({ selectedWhatsappStatus: 'approved' });
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Test getCreatives params in edit mode', () => {
-    renderFunction();
+    RenderFunctionFor('whatsapp');
     renderedComponent.setProps({ TemplatesList: TemplatesProp.templates });
     renderedComponent.setState({ routeParams: { pathname: '/edit' } });
     expect(renderedComponent.instance().getCreativesParams()).toEqual(
@@ -159,21 +121,21 @@ describe('Test Templates container', () => {
     );
   });
   it('Should render correct component for zalo channel', () => {
-    renderZaloFunction();
+    RenderFunctionFor('zalo');
     expect(renderedComponent).toMatchSnapshot();
   });
   it('Should render temlates when zalo templates are passed', () => {
-    renderZaloFunction();
+    RenderFunctionFor('zalo');
     renderedComponent.setProps({ TemplatesList: ZaloTemplateProp.templates });
     expect(renderedComponent).toMatchSnapshot();
   });
   it('Should render temlates when Zalo templates are passed in full mode', () => {
-    renderZaloFunction(true);
+    RenderFunctionFor('zalo',true);
     renderedComponent.setProps({ TemplatesList: ZaloTemplateProp.templates });
     expect(renderedComponent).toMatchSnapshot();
   });
   it('Should render illustration when no templates are passed', () => {
-    renderZaloFunction();
+    RenderFunctionFor('zalo');
     renderedComponent.setProps({
       TemplatesList: [],
       Templates: {},
@@ -187,7 +149,7 @@ describe('Test Templates container', () => {
     return shallowWithIntl(<FilterContainer />);
   };
   it('Test removing single filter', () => {
-    renderFunction();
+    RenderFunctionFor('whatsapp');
     renderedComponent.setProps({ TemplatesList: TemplatesProp.templates });
     renderedComponent.setState({ selectedWhatsappStatus: 'approved' });
     getFilterContainer().find('CapTag').props().onClose();
@@ -195,7 +157,7 @@ describe('Test Templates container', () => {
   });
 
   it('Test removing all whatsapp filterss', () => {
-    renderFunction();
+    RenderFunctionFor('whatsapp');
     renderedComponent.setProps({ TemplatesList: TemplatesProp.templates });
 
     renderedComponent.setState({ selectedWhatsappStatus: 'approved' });
@@ -208,7 +170,7 @@ describe('Test Templates container', () => {
   });
 
   it('Test max templates not exceeded', () => {
-    renderFunction(true);
+    RenderFunctionFor('whatsapp',true);
     renderedComponent.setProps({
       TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 260 }],
     });
@@ -216,7 +178,7 @@ describe('Test Templates container', () => {
   });
 
   it('Test max templates exceeded', () => {
-    renderFunction(true);
+    RenderFunctionFor('whatsapp',true);
     renderedComponent.setProps({
       TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 1510 }],
     });
@@ -224,7 +186,7 @@ describe('Test Templates container', () => {
   });
 
   it('Test max templates warning', () => {
-    renderFunction(true);
+    RenderFunctionFor('whatsapp',true);
     renderedComponent.setProps({
       TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 248 }],
     });
@@ -232,7 +194,7 @@ describe('Test Templates container', () => {
   });
 
   it('Should render correct component for RCS channel', () => {
-    renderRcsFunction();
+    RenderFunctionFor('rcs');
     expect(renderedComponent).toMatchSnapshot();
     expect(getSenderDetails).toHaveBeenCalledTimes(1);
     expect(getSenderDetails).toHaveBeenCalledWith({
@@ -242,13 +204,13 @@ describe('Test Templates container', () => {
   });
 
   it('Should render templates when RCS templates are passed', () => {
-    renderRcsFunction();
+    RenderFunctionFor('rcs');
     renderedComponent.setProps({ TemplatesList: rcsTemplates.templates });
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render illustration when no RCS templates are passed', () => {
-    renderRcsFunction();
+    RenderFunctionFor('rcs');
     renderedComponent.setProps({
       TemplatesList: [],
       Templates: {},
@@ -257,14 +219,14 @@ describe('Test Templates container', () => {
   });
 
   it('Should render templates when RCS templates are passed in full mode', () => {
-    renderRcsFunction(true);
+    RenderFunctionFor('rcs',true);
     renderedComponent.setProps({ TemplatesList: rcsTemplates.templates });
     renderedComponent.setState({ selectedRcsStatus: 'approved' });
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Test getCreatives params in edit mode for RCS', () => {
-    renderRcsFunction();
+    RenderFunctionFor('rcs');
     renderedComponent.setProps({ TemplatesList: rcsTemplates.templates });
     renderedComponent.setState({ routeParams: { pathname: '/edit' } });
     const getCreativesParamsOutputRcs = {