@capillarytech/creatives-library 7.9.12 → 7.9.14

package/components/Card/index.js

@@ -10,7 +10,7 @@ import React from 'react';
 import { Card } from 'antd';
 import './_customCard.scss';
 
-class CustomCard extends React.Component { // eslint-disable-line react/prefer-stateless-function
+export class CustomCard extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
     this.handleMouseHover = this.handleMouseHover.bind(this);

package/components/Card/tests/__snapshots__/index.test.js.snap

@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RestrictionPlainInput test Test 1 should render default component when a retriction constant is passed 1`] = `
+<Card
+  className="custom-card"
+  onClick={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
+  style={
+    Object {
+      "height": undefined,
+      "width": undefined,
+    }
+  }
+>
+  <div>
+    <div
+      className="content-wrapper"
+    />
+  </div>
+</Card>
+`;

package/components/Card/tests/index.test.js

@@ -1,10 +1,22 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
+import React from 'react';
+import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
+import { CustomCard } from '../index';
 
-// import Card from '../index';
+describe('RestrictionPlainInput test', () => {
+
+    let renderedComponent;
+
+    const renderFunc = () => {
+        renderedComponent = shallowWithIntl(
+            <CustomCard />
+        );
+    }
+
+    describe('Test 1', () => {
+        it('should render default component when a retriction constant is passed', () => {
+            renderFunc();
+            expect(renderedComponent).toMatchSnapshot();
+        })
+    });
 
-describe('<Card />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
 });

package/helpers/intl-enzym-test-helpers.js

@@ -0,0 +1,40 @@
+/**
+ * Components using the react-intl module require access to the intl context.
+ * This is not available when mounting single components in Enzyme.
+ * These helper functions aim to address that and wrap a valid,
+ * English-locale intl context around them.
+ */
+
+import React from 'react';
+import { IntlProvider, intlShape } from 'react-intl';
+import { mount, shallow, configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+
+configure({ adapter: new Adapter() });
+// You can pass your messages to the IntlProvider. Optional: remove if unneeded.
+const messages = require('../translations/en.json'); // en.json
+
+// Create the IntlProvider to retrieve context for wrapping around.
+const intlProvider = new IntlProvider({ locale: 'en', messages }, {});
+const { intl } = intlProvider.getChildContext();
+
+/**
+ * When using React-Intl `injectIntl` on components, props.intl is required.
+ */
+function nodeWithIntlProp(node) {
+  return React.cloneElement(node, { intl });
+}
+
+/**
+ * Export these methods.
+ */
+export function shallowWithIntl(node) {
+  return shallow(nodeWithIntlProp(node), { context: { intl } });
+}
+
+export function mountWithIntl(node) {
+  return mount(nodeWithIntlProp(node), {
+    context: { intl },
+    childContextTypes: { intl: intlShape },
+  });
+}

package/package.json

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

package/v2Components/CapTagList/index.js

@@ -5,8 +5,8 @@
 */
 
 import PropTypes from 'prop-types';
-
 import React from 'react';
+import { connect } from 'react-redux';
 // import styled from 'styled-components';
 import { CapSpin, CapModal, CapButton, CapPopover, CapInput, CapTree, CapSelect, CapTooltip } from '@capillarytech/cap-ui-library';
 
@@ -15,7 +15,6 @@ import { FormattedMessage, injectIntl, intlShape } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import messages from './messages';
 import { makeSelectLoyaltyPromotionDisplay } from '../../v2Containers/Cap/selectors';
-import withCreatives from '../../hoc/withCreatives';
 
 const {Search} = CapInput;
 const {CapTreeNode} = CapTree;
@@ -287,11 +286,6 @@ const mapStateToProps = createStructuredSelector({
   disableTagsDetails: makeSelectLoyaltyPromotionDisplay(),
 });
 
-export default withCreatives({
-  WrappedComponent: CapTagList,
-  mapStateToProps,
-  mapDispatchToProps,
-  suserAuth: true,
-});
 
-// export default injectIntl(CapTagList);
+export default connect(mapStateToProps, mapDispatchToProps)(injectIntl(CapTagList));
+