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

package/HiNotice/HiKPI.test.js

@@ -1,171 +0,0 @@
-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.test.js

@@ -1,88 +0,0 @@
-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/HiPaymentMeans/HiPaymentMeans.test.js

@@ -1,162 +0,0 @@
-import React from 'react';
-import { createMount, createShallow, getClasses } from '../test-utils';
-import HiPaymentMeans from './HiPaymentMeans';
-import { assert } from 'chai';
-describe('<HiPaymentMeans />', function () {
-  var shallow;
-  var classes;
-  var mount;
-  var translations;
-  before(function () {
-    translations = {
-      credit: 'credit',
-      debit: 'debit',
-      gift_card: 'GIFT CARD',
-      gender_female: 'Mrs',
-      gender_male: 'Mr'
-    };
-    shallow = createShallow({
-      dive: true
-    });
-    classes = getClasses(React.createElement(HiPaymentMeans, {
-      logo: '/static/hmu/images/payment-means/sans_logo full.svg',
-      cardNumber: '55555',
-      cardUser: 'Lulu Rouget',
-      cardUserGender: 'F',
-      cardValidity: '2019',
-      colorPrimary: '#fff',
-      colorSecondary: '#000',
-      logoMerchant: 'logoMerchant',
-      type: 'credit-card',
-      translations: translations,
-      credit: false
-    }));
-    mount = createMount();
-  });
-  after(function () {
-    mount.cleanUp();
-  });
-  describe('Should render bank card template', function () {
-    var wrapper;
-    before(function () {
-      wrapper = shallow(React.createElement(HiPaymentMeans, {
-        logo: '/static/hmu/images/payment-means/sans_logo full.svg',
-        cardNumber: '55555',
-        cardUser: 'Lulu Rouget',
-        cardUserGender: 'F',
-        cardValidity: '2019',
-        colorPrimary: '#fff',
-        colorSecondary: '#000',
-        logoMerchant: 'logoMerchant',
-        type: 'credit-card',
-        translations: translations
-      }));
-    });
-    it('Should render the bank card template', function () {
-      assert.strictEqual(wrapper.hasClass(classes.bankCard), true);
-      assert.strictEqual(wrapper.find('span').at(1).hasClass(classes.stripeTopRight), true);
-      assert.strictEqual(wrapper.find('span').find('img').hasClass(classes.logoRight), true);
-      assert.strictEqual(wrapper.find('div').at(2).hasClass(classes.cardNumberLabel), true);
-      assert.strictEqual(wrapper.find('div').at(5).hasClass(classes.validThru), true);
-    });
-  });
-  describe('Should render default card template', function () {
-    var wrapper;
-    before(function () {
-      wrapper = shallow(React.createElement(HiPaymentMeans, {
-        logo: '/static/hmu/images/payment-means/sans_logo full.svg',
-        type: 'wrongType',
-        translations: translations
-      }));
-    });
-    it('Should render default card template with just the logo', function () {
-      assert.strictEqual(wrapper.hasClass(classes.bankCard), true);
-      assert.strictEqual(wrapper.find('span').at(1).hasClass(classes.stripeTopRight), true);
-      assert.strictEqual(wrapper.find('span').find('img').hasClass(classes.logoRight), true);
-      assert.strictEqual(wrapper.find('div').at(2).hasClass(classes.cardNumberLabel), false);
-      assert.strictEqual(wrapper.find('div').at(5).exists(), false);
-    });
-  });
-  describe('Should render gift card template', function () {
-    var wrapper;
-    before(function () {
-      wrapper = shallow(React.createElement(HiPaymentMeans, {
-        logo: '/static/hmu/images/payment-means/sans_logo full.svg',
-        logoMerchant: '/static/hmu/images/payment-means/sans_logo full.svg',
-        type: 'prepaid-card',
-        translations: translations
-      }));
-    });
-    it('Should render default gift template with the logo merchant', function () {
-      assert.strictEqual(wrapper.hasClass(classes.bankCard), true);
-      assert.strictEqual(wrapper.find('span').at(0).find('img').hasClass(classes.logoRight), true);
-      assert.strictEqual(wrapper.find('span').at(1).hasClass(classes.stripeTopRight), true);
-      assert.strictEqual(wrapper.find('span').at(1).find('img').hasClass(classes.logoMerchant), true);
-    });
-  });
-  describe('Should render sepa card template', function () {
-    var wrapper;
-    before(function () {
-      wrapper = shallow(React.createElement(HiPaymentMeans, {
-        logo: '/static/hmu/images/payment-means/sans_logo full.svg',
-        cardNumber: '652568248',
-        bic: 'QJFOQJOIZEI',
-        type: 'credit-consumption',
-        creditDebit: translations.creditDebit,
-        translations: translations
-      }));
-    });
-    it('Should render sepa card template with iban, bic and debit label', function () {
-      assert.strictEqual(wrapper.hasClass(classes.sepa), true, '1');
-      assert.strictEqual(wrapper.find('span').at(1).hasClass(classes.stripeTopLeft), true, '2');
-      assert.strictEqual(wrapper.find('span').find('img').hasClass(classes.logoLeft), true, '3');
-      assert.strictEqual(wrapper.find('div').at(1).hasClass(classes.ibanLabel), true, '4');
-      assert.strictEqual(wrapper.find('div').at(3).hasClass(classes.userNameSepa), true, '5');
-      assert.strictEqual(wrapper.find('div').at(4).text(), 'CREDIT', '6');
-    });
-  });
-  describe('Should render corporate card template', function () {
-    var wrapper;
-    before(function () {
-      wrapper = shallow(React.createElement(HiPaymentMeans, {
-        logo: '/static/hmu/images/payment-means/sans_logo full.svg',
-        type: 'corporate',
-        cardNumber: '6536587525',
-        cardUser: 'Joe Quaie',
-        businessName: 'Canne à son',
-        translations: translations,
-        yearMember: '2000',
-        cardValidity: '12/20'
-      }));
-    });
-    it('Should render corporate card template with all infos', function () {
-      assert.strictEqual(wrapper.hasClass(classes.bankCard), true, '1');
-      assert.strictEqual(wrapper.find('span').at(1).hasClass(classes.stripeTopRight), true, '2');
-      assert.strictEqual(wrapper.find('span').find('img').hasClass(classes.logoRight), true, '3');
-      assert.strictEqual(wrapper.find('span').find('div').text(), 'CORPORATE', '3');
-      assert.strictEqual(wrapper.find('div').at(2).hasClass(classes.corporateNumberLabel), true, '4');
-      assert.strictEqual(wrapper.find('div').at(4).hasClass(classes.memberSince), true, '5');
-      assert.strictEqual(wrapper.find('div').at(7).hasClass(classes.validThru), true, '6');
-      assert.strictEqual(wrapper.find('div').at(8).text(), 'Joe Quaie', '7');
-      assert.strictEqual(wrapper.find('div').at(9).text(), 'Canne à son', '8');
-    });
-  });
-  describe('Should render wallet card template', function () {
-    var wrapper;
-    before(function () {
-      wrapper = shallow(React.createElement(HiPaymentMeans, {
-        logo: '/static/hmu/images/payment-means/sans_logo full.svg',
-        type: 'ewallet',
-        cardUser: 'Sarah Courssi',
-        cardUserGender: 'F',
-        translations: translations
-      }));
-    });
-    it('Should render wallet card template with user and logo', function () {
-      assert.strictEqual(wrapper.hasClass(classes.walletShadow), true, '1');
-      assert.strictEqual(wrapper.find('div').at(1).hasClass(classes.wallet), true, '2');
-      assert.strictEqual(wrapper.find('div').at(2).text(), 'Mrs Sarah Courssi', '3');
-      assert.strictEqual(wrapper.find('div').find('span').find('img').hasClass(classes.logoLeft), true, '4');
-    });
-  });
-});

package/HiPin/HiPin.test.js

@@ -1,61 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow, getClasses } from '../test-utils';
-import HiPin from './HiPin';
-describe('<HiPin />', function () {
-  var shallow;
-  var classes;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-    classes = getClasses(React.createElement(HiPin, null, "x"));
-  });
-  it('should render a <div> element', function () {
-    var wrapper = shallow(React.createElement(HiPin, null, "x"));
-    assert.strictEqual(wrapper.find('div').length, 1);
-  });
-  it('should render clickable <div> component', function () {
-    var wrapper = shallow(React.createElement(HiPin, {
-      onClick: function onClick() {}
-    }, "x"));
-    assert.strictEqual(wrapper.hasClass(classes.root), true);
-    assert.strictEqual(wrapper.hasClass(classes.clickable), true);
-  });
-  it('should render primary color prop to <div> component', function () {
-    var wrapper = shallow(React.createElement(HiPin, {
-      color: "primary"
-    }, "x"));
-    assert.strictEqual(wrapper.hasClass(classes.primary), true);
-  });
-  it('should render secondary color prop to <div> component', function () {
-    var wrapper = shallow(React.createElement(HiPin, {
-      color: "secondary"
-    }, "x"));
-    assert.strictEqual(wrapper.hasClass(classes.secondary), true);
-  });
-  it('should render with the positive classes', function () {
-    var wrapper = shallow(React.createElement(HiPin, {
-      color: "positive"
-    }, "x"));
-    assert.strictEqual(wrapper.hasClass(classes.positive), true);
-  });
-  it('should render with the negative classes', function () {
-    var wrapper = shallow(React.createElement(HiPin, {
-      color: "negative"
-    }, "x"));
-    assert.strictEqual(wrapper.hasClass(classes.negative), true);
-  });
-  it('should render with the middle classes', function () {
-    var wrapper = shallow(React.createElement(HiPin, {
-      color: "middle"
-    }, "x"));
-    assert.strictEqual(wrapper.hasClass(classes.middle), true);
-  });
-  it('should render with the neutral classes', function () {
-    var wrapper = shallow(React.createElement(HiPin, {
-      color: "neutral"
-    }, "x"));
-    assert.strictEqual(wrapper.hasClass(classes.neutral), true);
-  });
-});

package/HiRadio/HiRadio.test.js

@@ -1,57 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { createMount, createShallow } from '../test-utils';
-import Radio from '@material-ui/core/Radio';
-import HiRadio from './HiRadio';
-describe('<HiRadio/>', function () {
-  var shallow;
-  var mount;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-  });
-  beforeEach(function () {
-    mount = createMount();
-  });
-  afterEach(function () {
-    mount.cleanUp();
-  });
-  it('Should render a Radio', function () {
-    var wrapper = shallow(React.createElement(HiRadio, null));
-    assert.strictEqual(wrapper.find(Radio).length, 1, 'render Radio');
-  });
-  var event = {
-    target: {
-      checked: false
-    }
-  };
-  it('should call onChange exactly once with event', function () {
-    var onChangeSpy = spy();
-    var wrapper = mount(React.createElement(HiRadio, {
-      onChange: onChangeSpy
-    }));
-    assert.strictEqual(onChangeSpy.callCount, 0);
-    wrapper.find('input').simulate('change', event);
-    assert.strictEqual(onChangeSpy.callCount, 1);
-    assert.strictEqual(onChangeSpy.args[0][0].target, event.target);
-    onChangeSpy.resetHistory();
-  });
-  it('should call onChange exactly once with event', function () {
-    var onChangeSpy = spy();
-    var wrapper = mount(React.createElement(HiRadio, {
-      onChange: onChangeSpy
-    }));
-    assert.strictEqual(onChangeSpy.callCount, 0);
-    wrapper.find('input').simulate('change', null);
-    assert.strictEqual(onChangeSpy.callCount, 1);
-    onChangeSpy.resetHistory();
-  });
-  it('should mount', function () {
-    var wrapper = mount(React.createElement(HiRadio, {
-      onChange: undefined
-    }));
-    assert.strictEqual(wrapper.find(Radio).length, 1, 'render Radio');
-  });
-});