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

package/HiDotsStepper/HiDotsStepper.test.js

@@ -1,90 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { createShallow, createMount } from '../test-utils';
-import HiDotsStepper from './HiDotsStepper';
-import HiDot from './HiDot';
-describe('<HiDotsStepper />', function () {
-  var shallow;
-  var mount;
-  var wrapper;
-  var props = {
-    steps: [{
-      id: 0,
-      status: 'validated'
-    }, {
-      id: 1,
-      status: 'unreviewed'
-    }, {
-      id: 2,
-      status: 'refused'
-    }],
-    activeStep: 0
-  };
-  before(function () {
-    shallow = createShallow();
-  });
-  beforeEach(function () {
-    mount = createMount();
-  });
-  afterEach(function () {
-    mount.cleanUp();
-  });
-  describe('Working onClick & onNavigation callbacks', function () {
-    it('should test onClick callbacks', function () {
-      var handleChange = spy();
-      wrapper = shallow(React.createElement(HiDotsStepper, Object.assign({}, props, {
-        onChange: handleChange
-      })));
-      wrapper.dive().find(HiDot).at(1).props().onClick();
-      assert.strictEqual(handleChange.calledOnce, true);
-      assert.strictEqual(handleChange.calledWith(1), true);
-    });
-    it('should test onNavigation callbacks', function () {
-      var handleChange = spy();
-      wrapper = mount(React.createElement(HiDotsStepper, Object.assign({}, props, {
-        onChange: handleChange
-      })));
-      wrapper.find('button').at(0).simulate('focus'); // Active step = 0
-      // -> = 1
-
-      wrapper.find('div[role="presentation"]').at(0).simulate('keyDown', {
-        key: 'ArrowRight'
-      });
-      assert.strictEqual(handleChange.calledOnce, true);
-      assert.strictEqual(handleChange.calledWith(1), true); // <- = 2
-
-      wrapper.find('div[role="presentation"]').at(0).simulate('keyDown', {
-        key: 'ArrowLeft'
-      });
-      assert.strictEqual(handleChange.calledTwice, true);
-      assert.strictEqual(handleChange.calledWith(2), true); // Active step = 2
-
-      wrapper.setProps({
-        activeStep: 2
-      });
-      wrapper.update();
-      wrapper.find('button').at(2).simulate('focus'); // -> = 1
-
-      wrapper.find('div[role="presentation"]').at(0).simulate('keyDown', {
-        key: 'ArrowRight'
-      });
-      assert.strictEqual(handleChange.calledThrice, true);
-      assert.strictEqual(handleChange.calledWith(1), true); // <- = 1
-
-      wrapper.find('div[role="presentation"]').at(0).simulate('keyDown', {
-        key: 'ArrowLeft'
-      });
-      assert.strictEqual(handleChange.callCount, 4);
-      assert.strictEqual(handleChange.calledWith(1), true);
-    });
-  });
-  describe('mount', function () {
-    describe('callbacks', function () {
-      it('should instanciate correctly', function () {
-        wrapper = mount(React.createElement(HiDotsStepper, props));
-        assert.instanceOf(wrapper.instance(), HiDotsStepper);
-      });
-    });
-  });
-});

package/HiForm/HiAddressField.test.js

@@ -1,79 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { createShallow } from '../test-utils';
-import HiAddressField from './HiAddressField';
-import HiSuggestSelectField from '../HiSelect/HiSuggestSelectField';
-import HiSuggestSelect from '../HiSelect/HiSuggestSelect';
-
-require('isomorphic-fetch'); // pour la méthode fetch()
-
-
-describe('<HiAddressField />', function () {
-  var shallow;
-  before(function () {
-    shallow = createShallow();
-  });
-  it('should render HiAddressField', function () {
-    var handler = spy();
-    var wrapper = shallow(React.createElement(HiAddressField, {
-      onSearch: handler
-    }), {
-      disableLifecycleMethods: true
-    });
-    var fakeEvent = {
-      target: {
-        value: 'search'
-      }
-    };
-    wrapper.find(HiSuggestSelectField).props().onSearch(fakeEvent);
-    assert.strictEqual(handler.calledOnce, true, 'should have been called once.');
-    assert.strictEqual(handler.calledWith(fakeEvent), true, 'should have been called with "search".');
-  });
-  it('should reset HiAddressField', function () {
-    var handler = spy();
-    var wrapper = shallow(React.createElement(HiAddressField, {
-      onReset: handler
-    }), {
-      disableLifecycleMethods: true
-    });
-    wrapper.setState({
-      isExact: true,
-      options: ['not_empty']
-    });
-    wrapper.find(HiSuggestSelectField).props().onReset();
-    assert.strictEqual(handler.calledOnce, true, 'should have been called once.');
-    wrapper.update();
-    assert.strictEqual(wrapper.props().isExact, false, 'should not be exact after reset');
-    assert.strictEqual(wrapper.find(HiSuggestSelectField).dive().find(HiSuggestSelect).props().options.length, 0, 'should have been emptied');
-  });
-  it('should select a value for HiAddressField', function () {
-    var handler = spy();
-    var wrapper = shallow(React.createElement(HiAddressField, {
-      onSelect: handler
-    }), {
-      disableLifecycleMethods: true
-    });
-    var fakeEvent = {};
-    var fakeTextValue = 'test';
-    var fakeValue = {
-      label: fakeTextValue
-    };
-    wrapper.find(HiSuggestSelectField).props().onSelect(fakeEvent, fakeValue);
-    wrapper.update();
-    assert.strictEqual(wrapper.props().isExact, true, 'should be exact after a proposition has been selected');
-    assert.strictEqual(wrapper.find(HiSuggestSelectField).dive().find(HiSuggestSelect).props().options.length, 0, 'should have been emptied');
-  });
-  it('should render a HiAddressField expecting a real address', function () {
-    var wrapper = shallow(React.createElement(HiAddressField, {
-      exactOnly: true
-    }), {
-      disableLifecycleMethods: true
-    });
-    assert.strictEqual(wrapper.find(HiSuggestSelectField).dive().props().error, true, 'should be on error.');
-    wrapper.setState({
-      isExact: true
-    });
-    assert.strictEqual(wrapper.find(HiSuggestSelectField).dive().props().error, false, 'should not be on error.');
-  });
-});

package/HiForm/HiEmailField.test.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow } from '../test-utils';
-import HiEmailField from './HiEmailField';
-import HiTextField from './HiTextField';
-describe('<HiEmailField />', function () {
-  var shallow;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-  });
-  it('should render a <HiTextField />', function () {
-    var wrapper = shallow(React.createElement(HiEmailField, {
-      id: "test"
-    }));
-    assert.strictEqual(wrapper.find(HiTextField).length, 0, 'render HiTextField');
-  });
-});

package/HiForm/HiFormControl.test.js

@@ -1,195 +0,0 @@
-/* eslint-disable */
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { createShallow, createMount } from '../test-utils';
-import Info from '@material-ui/icons/Info';
-import HiFormControl from './HiFormControl';
-import HiIconButton from '../HiIconButton';
-import HiFormLabel from './HiFormLabel';
-import HiInput from './HiInput';
-import FormControl from '@material-ui/core/FormControl';
-import FormHelperText from '@material-ui/core/FormHelperText';
-describe('<HiFormControl />', function () {
-  var shallow;
-  var mount;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-  });
-  beforeEach(function () {
-    mount = createMount();
-  });
-  afterEach(function () {
-    mount.cleanUp();
-  });
-  describe('shallow', function () {
-    var wrapper;
-    beforeEach(function () {
-      wrapper = shallow(React.createElement(HiFormControl, null, React.createElement(HiInput, null)));
-    });
-    describe('structure', function () {
-      it('should be a FormControl', function () {
-        assert.strictEqual(wrapper.name(), 'WithStyles(FormControl)');
-        assert.strictEqual(wrapper.dive().name(), 'FormControl');
-      });
-      it('should have initial props', function () {
-        assert.strictEqual(wrapper.props().error, false);
-      });
-      it('should pass className to the FormControl', function () {
-        wrapper.setProps({
-          className: 'foo'
-        });
-        assert.strictEqual(wrapper.dive().hasClass('foo'), true);
-      });
-      it('should have one child', function () {
-        assert.strictEqual(wrapper.children().length, 1);
-      });
-      it('should forward the fullWidth prop to FormControl', function () {
-        wrapper = shallow(React.createElement(HiFormControl, {
-          fullWidth: true
-        }));
-        assert.strictEqual(wrapper.props().fullWidth, true);
-      });
-      it('should display help', function () {
-        assert.strictEqual(wrapper.state().helperOpen, false);
-        wrapper.setProps({
-          label: 'Label',
-          helperText: 'helper',
-          helperIcon: true
-        });
-        var helperIcon = wrapper.find(HiIconButton);
-        assert.strictEqual(wrapper.childAt(0).type(), HiFormLabel, 'helper div should not be here');
-        helperIcon.simulate('click');
-        assert.strictEqual(wrapper.state().helperOpen, true, 'helper should be open');
-        assert.strictEqual(wrapper.childAt(0).type(), 'div', 'helper div should be here');
-      });
-    });
-    describe('with a label', function () {
-      beforeEach(function () {
-        wrapper.setProps({
-          label: 'Foo bar'
-        });
-      });
-      it('should have 2 children', function () {
-        assert.strictEqual(wrapper.children().length, 2);
-      });
-      it('should have an HiFormLabel as the first child', function () {
-        assert.strictEqual(wrapper.childAt(0).type(), HiFormLabel);
-      });
-      it('should have a div as the second child', function () {
-        assert.strictEqual(wrapper.childAt(1).type(), 'div');
-      });
-    });
-    describe('with a helper text', function () {
-      beforeEach(function () {
-        wrapper.setProps({
-          helperText: 'Foo bar'
-        });
-      });
-      it('should have 2 children', function () {
-        assert.strictEqual(wrapper.children().length, 2);
-      });
-      it('should have a FormHelperText as the second child', function () {
-        assert.strictEqual(wrapper.childAt(1).type(), FormHelperText);
-      });
-      it('should have a div as the first child', function () {
-        assert.strictEqual(wrapper.childAt(0).type(), 'div');
-      });
-    });
-    describe('with a helper text', function () {
-      beforeEach(function () {
-        wrapper.setProps({
-          multiline: true
-        });
-      });
-      it('should have 2 children', function () {
-        assert.strictEqual(wrapper.children().length, 2);
-      });
-    });
-  });
-  describe('mount', function () {
-    var wrapper;
-    var handleBlur = spy();
-    var handleFocus = spy();
-    beforeEach(function () {
-      wrapper = mount(React.createElement(HiFormControl, {
-        onBlur: handleBlur,
-        onFocus: handleFocus,
-        helperText: "helper"
-      }));
-    });
-    describe('callbacks', function () {
-      it('should be called', function () {
-        wrapper.find(FormControl).simulate('focus');
-        assert.strictEqual(handleFocus.callCount, 1, 'should trigger focus callback');
-        wrapper.find(FormControl).simulate('blur');
-        assert.strictEqual(handleBlur.callCount, 1, 'should trigger blur callback');
-      });
-    });
-    describe('without callbacks (for 100% Branch coverage', function () {
-      it('should not be called', function () {
-        // wrapper = mount(
-        //     <HiFormControl
-        //         value="defaultValue"
-        //         label="label"
-        //         helperText="My helper"
-        //         helperIcon
-        //     />,
-        // );
-        wrapper.find(FormControl).simulate('blur');
-      });
-    });
-    describe('helpers', function () {
-      it('should be displayed', function () {
-        assert.strictEqual(wrapper.find('p').text(), 'helper', 'Should render helper');
-      });
-    });
-    describe('helpers on multiline', function () {
-      it('should be displayed', function () {
-        assert.strictEqual(wrapper.find('p').text(), 'helper', 'Should render helper');
-      });
-      it('should display nbChars/maxLength', function () {
-        wrapper.setProps({
-          multiline: true,
-          nbChars: 5,
-          maxLength: 200
-        });
-        assert.strictEqual(wrapper.find('p').text(), '5/200', 'Should render helper');
-      });
-    });
-    describe('helpers', function () {
-      it('should be displayed', function () {
-        wrapper.setProps({
-          helperIcon: true,
-          value: 'Default value',
-          label: 'label'
-        });
-        assert.strictEqual(wrapper.find('p').length, 0, 'Should not have helper p');
-        assert.strictEqual(wrapper.find(Info).length, 1, 'Should have helper icon');
-        assert.strictEqual(wrapper.childAt(0).text(), 'label', 'First child should be the label');
-        var helperIcon = wrapper.find(Info);
-        helperIcon.simulate('click');
-        assert.strictEqual(wrapper.childAt(0).text(), 'helperlabel', 'First child should be the helper div');
-      });
-    });
-    describe('errors', function () {
-      it('should be displayed', function () {
-        wrapper.unmount();
-        wrapper = mount(React.createElement(HiFormControl, {
-          value: "defaultValue",
-          label: "label",
-          error: true,
-          errorText: "My error"
-        }));
-        assert.strictEqual(wrapper.find('p').length, 0, 'Should not have error p');
-        assert.strictEqual(wrapper.find(HiIconButton).length, 1, 'Should have error icon');
-        assert.strictEqual(wrapper.childAt(0).text(), 'label', 'First child should be the label');
-        var errorIcon = wrapper.find(HiIconButton);
-        errorIcon.simulate('click');
-        assert.strictEqual(wrapper.childAt(0).text(), 'My errorlabel', 'First child should be the error div');
-      });
-    });
-  });
-});

package/HiForm/HiFormLabel.test.js

@@ -1,66 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow, createMount } from '../test-utils';
-import HiFormLabel from './HiFormLabel';
-describe('<HiFormLabel />', function () {
-  var shallow;
-  var mount;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-  });
-  beforeEach(function () {
-    mount = createMount();
-  });
-  afterEach(function () {
-    mount.cleanUp();
-  });
-  it('should render a label', function () {
-    var wrapper = mount(React.createElement(HiFormLabel, {
-      label: "Test"
-    }));
-    assert.strictEqual(wrapper.find(HiFormLabel).length, 1, 'Should render 1 HiFormLabel');
-    assert.strictEqual(wrapper.find(HiFormLabel).find('label').length, 1, 'Should render 1 label');
-    assert.strictEqual(wrapper.find(HiFormLabel).find('label').text(), 'Test', 'Should render label');
-    wrapper.setProps({
-      required: false
-    });
-    wrapper.update();
-    assert.strictEqual(wrapper.find(HiFormLabel).find('label').text(), 'Test optional', 'Should render label optional');
-    wrapper.setProps({
-      required: false,
-      translations: {
-        optional: 'Optionnel'
-      }
-    });
-    wrapper.update();
-    assert.strictEqual(wrapper.find(HiFormLabel).find('label').text(), 'Test Optionnel', 'Should render label optional');
-  });
-  it('should render a label with children', function () {
-    var wrapper = mount(React.createElement(HiFormLabel, {
-      label: "Test"
-    }, React.createElement("p", null, " my children")));
-    assert.strictEqual(wrapper.find(HiFormLabel).find('label').text(), 'Test my children', 'Should render label with children');
-    wrapper.setProps({
-      required: false
-    });
-    wrapper.update();
-    assert.strictEqual(wrapper.find(HiFormLabel).find('label').text(), 'Test optional my children', 'Should render label optional');
-    wrapper.setProps({
-      required: false,
-      translations: {
-        optional: 'Optionnel'
-      }
-    });
-    wrapper.update();
-    assert.strictEqual(wrapper.find(HiFormLabel).find('label').text(), 'Test Optionnel my children', 'Should render label optional');
-  });
-  it('should pass className to the HiFormLabel', function () {
-    var wrapper = shallow(React.createElement(HiFormLabel, {
-      label: "Test",
-      className: "foo"
-    }));
-    assert.strictEqual(wrapper.dive().hasClass('foo'), true);
-  });
-});

package/HiForm/HiInput.test.js

@@ -1,202 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import classNames from 'classnames';
-import { createShallow, createMount, getClasses } from '../test-utils';
-import HiInput from './HiInput';
-describe('<HiInput />', function () {
-  var shallow;
-  var mount;
-  var classes;
-  before(function () {
-    shallow = createShallow({
-      untilSelector: 'HiInput'
-    });
-    classes = getClasses(React.createElement(HiInput, {
-      value: '',
-      onChange: function onChange() {
-        return null;
-      },
-      onReset: function onReset() {
-        return null;
-      },
-      placeholder: 'Rechercher'
-    }));
-  });
-  beforeEach(function () {
-    mount = createMount();
-  });
-  afterEach(function () {
-    mount.cleanUp();
-  });
-  it('should render a td with an Lock icon for code 0', function () {
-    var handleBlur = spy();
-    var wrapper = shallow(React.createElement(HiInput, {
-      value: '',
-      onChange: function onChange() {
-        return null;
-      },
-      onReset: function onReset() {
-        return null;
-      },
-      placeholder: 'Rechercher',
-      autoFocus: false,
-      onBlur: handleBlur
-    }));
-    assert.strictEqual(wrapper.name(), 'div');
-    assert.strictEqual(wrapper.state().focused, false, 'Initial focus is false');
-  });
-  it('should have a fonctionnal input', function () {
-    var handleChange = spy();
-    var handleReset = spy();
-    var handleMouseEnter = spy();
-    var handleMouseLeave = spy();
-    var handleBlur = spy();
-    var handleFocus = spy();
-    var handleSubmit = spy();
-    var handleClick = spy();
-    var wrapper = mount(React.createElement(HiInput, {
-      value: 'test',
-      onClick: handleClick,
-      onChange: handleChange,
-      onReset: handleReset,
-      inputId: 'test-input',
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      onBlur: handleBlur,
-      onFocus: handleFocus,
-      onSubmit: handleSubmit
-    }));
-    assert.strictEqual(wrapper.find('input').length, 1);
-    assert.strictEqual(wrapper.find('input').props().type, 'text');
-    assert.strictEqual(wrapper.find('input').props().value, 'test');
-    assert.strictEqual(wrapper.find('input').props().placeholder, '');
-    wrapper.setProps({
-      placeholder: 'Rechercher'
-    });
-    wrapper.update();
-    assert.strictEqual(wrapper.find('input').props().placeholder, 'Rechercher');
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: 'newValue'
-      }
-    });
-    assert.strictEqual(handleChange.callCount, 1);
-    assert.strictEqual(handleChange.args[0][0].target.value, 'newValue');
-    assert.strictEqual(wrapper.find('button').length, 0, 'should not have clear icon');
-    wrapper.find('input').simulate('focus');
-    assert.strictEqual(handleFocus.callCount, 1, 'should trigger focus callback');
-    assert.strictEqual(handleSubmit.callCount, 0, 'should not trigger handleSubmit');
-    assert.strictEqual(wrapper.find('button').length, 1, 'should have clear icon');
-    wrapper.find('button').simulate('click');
-    assert.strictEqual(handleReset.callCount, 1, 'should trigger reset callback');
-    assert.strictEqual(handleFocus.callCount, 2, 'should trigger focus callback');
-    assert.strictEqual(handleSubmit.callCount, 0, 'should not trigger handleSubmit');
-    assert.strictEqual(handleClick.callCount, 1, 'should call handleClick once');
-    wrapper.find('input').simulate('click');
-    var input = document.getElementById('test-input');
-    var divs = document.getElementsByClassName(classes.root);
-
-    if (!input) {
-      throw new Error('missing input');
-    }
-
-    assert.strictEqual(handleClick.callCount, 2, 'should call handleClick once more');
-    assert.strictEqual(divs.length, 1);
-    var rootDiv = divs[0];
-    var rootClass = classNames(classes.root, classes.inkbar);
-    var rootFocusClass = classNames(classes.root, classes.inkbar, classes.focused);
-    input.focus();
-    assert.strictEqual(rootDiv.className, rootFocusClass);
-    var focusedElement = document.activeElement;
-    assert.strictEqual(input, focusedElement, 'should trigger reset callback');
-    input.blur();
-    assert.strictEqual(rootDiv.className, rootClass);
-    wrapper.simulate('mouseEnter');
-    assert.strictEqual(handleMouseEnter.callCount, 1, 'should trigger mouse enter callback');
-    wrapper.simulate('mouseLeave');
-    assert.strictEqual(handleMouseLeave.callCount, 1, 'should trigger mouse leave callback'); // Press "enter" on HiSelectInput => onSubmit
-
-    wrapper.find('input').simulate('keydown', {
-      keyCode: 13
-    });
-    assert.strictEqual(handleSubmit.callCount, 1, 'should call handleSubmit once');
-  });
-  it('should not call callbacks', function () {
-    var handleChange = spy();
-    var handleReset = spy();
-    var handleMouseEnter = spy();
-    var handleMouseLeave = spy();
-    var handleBlur = spy();
-    var handleFocus = spy();
-    var wrapper = mount(React.createElement(HiInput, {
-      value: 'test',
-      inputId: 'test-input',
-      onReset: function onReset() {}
-    }));
-    assert.strictEqual(wrapper.find('button').length, 0, 'should not have clear icon');
-    wrapper.find('input').simulate('focus');
-    assert.strictEqual(wrapper.find('button').length, 1, 'should have clear icon');
-    wrapper.find('button').simulate('click');
-    assert.strictEqual(handleReset.callCount, 0, 'should not trigger reset callback');
-    assert.strictEqual(handleFocus.callCount, 0, 'should not trigger focus callback');
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: 'newValue'
-      }
-    });
-    assert.strictEqual(handleChange.callCount, 0);
-    wrapper.find('input').simulate('click');
-    assert.strictEqual(handleBlur.callCount, 0, 'should not trigger blur callback');
-    wrapper.simulate('mouseEnter');
-    assert.strictEqual(handleMouseEnter.callCount, 0, 'should not trigger mouse enter callback');
-    wrapper.simulate('mouseLeave');
-    assert.strictEqual(handleMouseLeave.callCount, 0, 'should not trigger mouse leave callback');
-  });
-  describe('shallow', function () {
-    var wrapper;
-    beforeEach(function () {
-      wrapper = shallow(React.createElement(HiInput, {
-        value: 'test'
-      }));
-    });
-    describe('without icons', function () {
-      it('should have 1 child', function () {
-        assert.strictEqual(wrapper.children().length, 1);
-      });
-    });
-    describe('with clearIcon', function () {
-      beforeEach(function () {
-        wrapper.setProps({
-          onReset: function onReset() {}
-        });
-      });
-      it('should still have 1 child', function () {
-        assert.strictEqual(wrapper.children().length, 1);
-      });
-    });
-    describe('with rightIcon', function () {
-      beforeEach(function () {
-        wrapper.setProps({
-          startAdornment: 'Archive'
-        });
-      });
-      it('should have 1 child', function () {
-        assert.strictEqual(wrapper.children().length, 1);
-      });
-    });
-    describe('with multiline', function () {
-      beforeEach(function () {
-        wrapper.setProps({
-          onReset: function onReset() {},
-          leftIcon: 'Archive',
-          rightIcon: 'Eye',
-          multiline: true
-        });
-      });
-      it('should have 1 child', function () {
-        assert.strictEqual(wrapper.children().length, 1);
-      });
-    });
-  });
-});