@hipay/hipay-material-ui 2.3.1-rc2 → 2.3.1-rc4

package/HiNotice/HiKPI.test.js

@@ -0,0 +1,171 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow, createMount, getClasses } from '../test-utils';
+import HiKPI from './HiKPI';
+import { spy } from 'sinon';
+describe('<HiKPI />', function () {
+  var shallow;
+  var classes;
+  var mount;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+    classes = getClasses(React.createElement(HiKPI, {
+      id: 1,
+      type: 'normal',
+      body: 'Test'
+    }));
+    mount = createMount();
+  });
+  after(function () {
+    mount.cleanUp();
+  });
+  describe('Should have root classes => all kpi', function () {
+    var wrapper;
+    before(function () {
+      wrapper = shallow(React.createElement(HiKPI, {
+        id: 1,
+        type: 'normal',
+        body: 'Test',
+        color: 'inherit'
+      }));
+    });
+    it('should render a div with classes root', function () {
+      assert.strictEqual(wrapper.hasClass(classes.root), true);
+    });
+  });
+  describe('Should have root and inherit classes => inherit color', function () {
+    var wrapper;
+    before(function () {
+      wrapper = shallow(React.createElement(HiKPI, {
+        id: 1,
+        type: 'normal',
+        body: 'Test',
+        color: 'inherit'
+      }));
+    });
+    it('should render a div with classes inherit and root', function () {
+      assert.strictEqual(wrapper.hasClass(classes.inherit), true);
+      assert.strictEqual(wrapper.hasClass(classes.root), true);
+    });
+  });
+  describe('Should have root and warning classes => warning color', function () {
+    var wrapper;
+    before(function () {
+      wrapper = shallow(React.createElement(HiKPI, {
+        id: 1,
+        type: 'normal',
+        body: 'Test',
+        color: 'warning'
+      }));
+    });
+    it('should render a div with classes warning and root', function () {
+      assert.strictEqual(wrapper.hasClass(classes.warning), true);
+      assert.strictEqual(wrapper.hasClass(classes.root), true);
+    });
+  });
+  describe('Should have root and error classes => error color', function () {
+    var wrapper;
+    before(function () {
+      wrapper = shallow(React.createElement(HiKPI, {
+        id: 1,
+        type: 'normal',
+        body: 'Test',
+        color: 'error'
+      }));
+    });
+    it('should render a div with classes error and root', function () {
+      assert.strictEqual(wrapper.hasClass(classes.error), true);
+      assert.strictEqual(wrapper.hasClass(classes.root), true);
+    });
+  });
+  describe('Should have on click callback', function () {
+    var wrapper;
+    var handler = spy();
+    before(function () {
+      wrapper = shallow(React.createElement(HiKPI, {
+        id: 1,
+        type: 'normal',
+        body: 'Test',
+        color: 'inherit',
+        onClick: handler
+      }));
+    });
+    it('should render a div with classes active and minify', function () {
+      wrapper.simulate('click');
+      assert.strictEqual(handler.calledOnce, true, 'should onclick be called once');
+    });
+  });
+  describe('Hidden subtitle on click on KPI', function () {
+    var wrapper;
+    var handler = spy();
+    before(function () {
+      wrapper = shallow(React.createElement(HiKPI, {
+        id: 1,
+        type: 'normal',
+        body: 'Test',
+        subtitle: 'Test subtitle',
+        color: 'inherit',
+        onClick: handler
+      }));
+    });
+    it('Should render KPI with subtitle, on click subtitle is hidden', function () {
+      assert.strictEqual(wrapper.find({
+        className: classes.subtitle
+      }).exists(), true, 'should have subtitle');
+      wrapper.simulate('click');
+    });
+  });
+  describe('Show title or not', function () {
+    var wrapper;
+    var wrapper2;
+    before(function () {
+      wrapper = shallow(React.createElement(HiKPI, {
+        id: 1,
+        type: 'normal',
+        body: 'Test',
+        color: 'inherit'
+      }));
+      wrapper2 = shallow(React.createElement(HiKPI, {
+        id: 1,
+        type: 'normal',
+        body: 'Test',
+        color: 'inherit',
+        title: 'Test title'
+      }));
+    });
+    it('Should not have title', function () {
+      assert.strictEqual(wrapper.find({
+        className: classes.title
+      }).exists(), false, 'should not have title');
+    });
+    it('Should render KPI with title', function () {
+      assert.strictEqual(wrapper2.find({
+        className: classes.title
+      }).exists(), true, 'should have title');
+    });
+  });
+  describe('Should show minify body when KPI is minify', function () {
+    var wrapper;
+    var handler = spy();
+    var body = 'Test body';
+    var bodyMinify = 'Test';
+    before(function () {
+      wrapper = shallow(React.createElement(HiKPI, {
+        id: 1,
+        type: 'normal',
+        body: body,
+        bodyMinify: bodyMinify,
+        color: 'inherit',
+        onClick: handler
+      }));
+    });
+    it('Should show minify body when KPI is minify', function () {
+      assert.strictEqual(wrapper.find({
+        className: classes.body
+      }).text(), body, 'should have body not minify');
+      wrapper.simulate('click');
+    });
+  });
+});

package/HiNotice/HiKPINotice.js

@@ -1,17 +1,6 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _HiKPI = _interopRequireDefault(require("./HiKPI"));
+import React from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import HiKPI from './HiKPI';
 
 var styles = function styles() {
   return {
@@ -31,11 +20,11 @@ var HiKPINotice = function HiKPINotice(_ref) {
       activeKpi = _ref.activeKpi,
       minify = _ref.minify,
       onClickOnKPI = _ref.onClickOnKPI;
-  return _react.default.createElement("div", {
+  return React.createElement("div", {
     className: classes.container
   }, Object.keys(kpis).map(function (key) {
     var kpi = kpis[key];
-    return _react.default.createElement(_HiKPI.default, {
+    return React.createElement(HiKPI, {
       key: key,
       id: key,
       type: kpi.type,
@@ -60,10 +49,7 @@ HiKPINotice.defaultProps = {
   activeKpi: null,
   minify: false
 };
-
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiKPINotice'
-})(HiKPINotice);
-
-exports.default = _default;
+})(HiKPINotice);

package/HiNotice/HiKPINotice.test.js

@@ -0,0 +1,88 @@
+import React from 'react';
+import { assert, expect } from 'chai';
+import { createShallow, createMount } from '../test-utils';
+import HiKPINotice from './HiKPINotice';
+import HiKPI from './HiKPI';
+describe('<HiKPINotice />', function () {
+  var shallow;
+  var mount;
+  var kpis = {
+    test1: {
+      title: 'Test',
+      body: 'Test body',
+      type: 'normal',
+      color: 'inherit'
+    },
+    test2: {
+      id: 1,
+      title: 'Test',
+      body: 'Test body',
+      type: 'normal',
+      color: 'inherit'
+    },
+    test3: {
+      id: 2,
+      title: 'Test',
+      body: 'Test body',
+      type: 'normal',
+      color: 'inherit'
+    }
+  };
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+    mount = createMount();
+  });
+  after(function () {
+    mount.cleanUp();
+  });
+  describe('Should have HiKPI child', function () {
+    var wrapper;
+    before(function () {
+      wrapper = shallow(React.createElement(HiKPINotice, {
+        kpis: kpis
+      }));
+    });
+    it('should have HiKPI child', function () {
+      var childrens = wrapper.children();
+      childrens.forEach(function (child) {
+        assert.strictEqual(child.find(HiKPI).exists(), true, 'should be a HiKPI child');
+      });
+    });
+  });
+  describe('Should have same number of KPI component as kpis list', function () {
+    var wrapper;
+    before(function () {
+      wrapper = shallow(React.createElement(HiKPINotice, {
+        kpis: kpis
+      }));
+    });
+    it('should render same number of kpi component as kpis list', function () {
+      expect(wrapper.children()).to.have.lengthOf(Object.keys(kpis).length);
+    });
+  });
+  describe('On click on a KPI, this KPI is minify and active and the others KPIs are only minify', function () {
+    var wrapper;
+    var activeKpi = null;
+    before(function () {
+      wrapper = shallow(React.createElement(HiKPINotice, {
+        kpis: kpis,
+        activeKpi: activeKpi,
+        minify: true
+      }));
+    });
+    it('should have KPI0 active and minify and others are only minify', function () {
+      var childrens = wrapper.children();
+      childrens.forEach(function (child) {
+        child = child.find(HiKPI);
+
+        if (activeKpi === child.props().id) {
+          assert.strictEqual(child.props().active, true, 'should be an active child KPI');
+        }
+
+        assert.strictEqual(child.props().minify, true, 'should be an minify child KPI');
+      });
+    });
+  });
+});

package/HiNotice/index.js

@@ -1,23 +1,2 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "HiKPI", {
-  enumerable: true,
-  get: function get() {
-    return _HiKPI.default;
-  }
-});
-Object.defineProperty(exports, "HiKPINotice", {
-  enumerable: true,
-  get: function get() {
-    return _HiKPINotice.default;
-  }
-});
-
-var _HiKPI = _interopRequireDefault(require("./HiKPI"));
-
-var _HiKPINotice = _interopRequireDefault(require("./HiKPINotice"));
+export { default as HiKPI } from './HiKPI';
+export { default as HiKPINotice } from './HiKPINotice';