@capillarytech/creatives-library 7.12.44 → 7.12.45

package/v2Containers/Line/Container/ImageCarousel/tests/content.test.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { browserHistory } from 'react-router';
+import { act } from 'react-dom/test-utils';
+import { Provider } from 'react-redux';
+import configureStore from '../../../../../store';
+import { mountWithIntl } from '../../../../../../app/helpers/intl-enzym-test-helpers';
+import { LineImageCarouselContent } from '../Content';
+import { mockData } from './mockData';
+
+let store;
+beforeAll(() => {
+  store = configureStore({}, browserHistory);
+});
+
+describe('Creatives line image carousel test/>', () => {
+  let renderedComponent;
+  const clearAsset = jest.fn();
+  const uploadAsset = jest.fn();
+  const formatMessage = jest.fn();
+  const updateCarouselMessageState = jest.fn();
+  const updateUploadedAssetList = jest.fn();
+
+  const renderHelper = (args) => {
+    renderedComponent = mountWithIntl(
+      <Provider store={store}>
+        <LineImageCarouselContent
+          id={'template__0'}
+          intl={{ formatMessage }}
+          isFullMode={true}
+          actions={{
+            clearAsset,
+            uploadAsset,
+          }}
+          Line={args?.lineData}
+          content={args?.content}
+          index={0}
+          activeIndex={0}
+          updateCarouselMessageState={updateCarouselMessageState}
+          uploadedAssetList={args?.uploadedAssetList}
+          updateUploadedAssetList={updateUploadedAssetList}
+        />
+      </Provider>,
+    );
+  };
+
+  it('should render', () => {
+    const { lineData1, content1, uploadedAssetList } = mockData;
+    renderHelper({
+      lineData: lineData1,
+      content: content1,
+      uploadedAssetList,
+    });
+    expect(renderedComponent).toMatchSnapshot();
+    act(() => {
+      renderedComponent.find('CapButton.dragger-button').simulate('click');
+    });
+    expect(renderedComponent).toMatchSnapshot();
+  });
+  it('should render', () => {
+    const { lineData2, content2, uploadedAssetList } = mockData;
+    renderHelper({
+      lineData: lineData2,
+      content: content2,
+      uploadedAssetList,
+    });
+    act(() => {
+      renderedComponent.find('CapButton.dragger-button').simulate('click');
+    });
+    expect(renderedComponent).toMatchSnapshot();
+  });
+});

package/v2Containers/Line/Container/ImageCarousel/tests/index.test.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { browserHistory } from 'react-router';
+import { Provider } from 'react-redux';
+import configureStore from '../../../../../store';
+import { mountWithIntl } from '../../../../../helpers/intl-enzym-test-helpers';
+import { LineImageCarousel } from '../index';
+import { mockData } from './mockData';
+
+let store;
+beforeAll(() => {
+  store = configureStore({}, browserHistory);
+});
+
+jest.mock('../Content', () => ({
+  __esModule: true,
+  default: (props) => (
+    <div className="LineImageCarouselContent-mock" {...props}>
+      LineImageCarouselContent
+    </div>
+  ),
+}));
+
+describe('line wrapper test/>', () => {
+  let renderedComponent;
+  const formatMessage = jest.fn();
+  const updateMessageState = jest.fn();
+  const getAllTemplates = jest.fn();
+  const renderHelper = (Line, Templates, content, activeKey) => {
+    renderedComponent = mountWithIntl(
+      <Provider store={store}>
+        <LineImageCarousel
+          id="flex__0"
+          intl={{ formatMessage }}
+          isFullMode={true}
+          index={0}
+          activeKey={activeKey}
+          Line={Line}
+          Templates={Templates}
+          content={content}
+          updateMessageState={updateMessageState}
+          getAllTemplates={getAllTemplates}
+        />
+      </Provider>,
+    );
+  };
+
+  it('should render line component new', () => {
+    const { lineData1, Templates1, content3 } = mockData;
+    renderHelper(lineData1, Templates1, content3, 'flex');
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('should render line component old', () => {
+    const { lineData2, Templates2, content4 } = mockData;
+    renderHelper(lineData2, Templates2, content4, 0);
+    expect(renderedComponent).toMatchSnapshot();
+  });
+});