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

package/HiForm/HiPasswordField.test.js

@@ -1,60 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow, createMount } from '../test-utils';
-import HiPasswordField from './HiPasswordField';
-import HiTextField from './HiTextField';
-import HiInput from './HiInput';
-describe('<HiPasswordField />', function () {
-  var shallow;
-  var mount;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-    mount = createMount();
-  });
-  after(function () {
-    mount.cleanUp();
-  });
-  describe('shallow', function () {
-    var wrapper;
-    beforeEach(function () {
-      wrapper = shallow(React.createElement(HiPasswordField, {
-        id: "password"
-      }));
-    });
-    describe('structure', function () {
-      it('should pass className to the FormControl', function () {
-        wrapper.setProps({
-          className: 'foo'
-        });
-        assert.strictEqual(wrapper.dive().hasClass('foo'), true);
-      });
-      it('should forward the fullWidth prop to FormControl', function () {
-        wrapper = shallow(React.createElement(HiPasswordField, {
-          id: "password",
-          fullWidth: true
-        }));
-        assert.strictEqual(wrapper.props().fullWidth, true);
-      });
-      it('should forward the fullWidth prop to FormControl', function () {
-        // Handle suggestions
-        assert.strictEqual(wrapper.state().showText, false);
-        wrapper.find(HiTextField).props().onRightIconClick();
-        assert.strictEqual(wrapper.state().showText, true);
-        wrapper.find(HiTextField).props().onRightIconClick();
-        assert.strictEqual(wrapper.state().showText, false);
-      });
-      it('should have placeholder prop to HiInput', function () {
-        assert.strictEqual(wrapper.find(HiTextField).dive().find(HiInput).props().placeholder, '');
-        wrapper.setProps({
-          HiInputProps: {
-            placeholder: 'Password'
-          }
-        });
-        wrapper.update();
-        assert.strictEqual(wrapper.find(HiTextField).dive().find(HiInput).props().placeholder, 'Password');
-      });
-    });
-  });
-});

package/HiForm/HiSearchField.test.js

@@ -1,193 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { createShallow, createMount } from '../test-utils';
-import HiSearchField from './HiSearchField';
-describe('<HiSearchField />', function () {
-  var shallow;
-  var mount;
-  before(function () {
-    shallow = createShallow({
-      untilSelector: 'HiSearchField'
-    });
-  });
-  beforeEach(function () {
-    mount = createMount();
-  });
-  after(function () {
-    mount.cleanUp();
-  });
-  it('should render a <div />', function () {
-    var wrapper = shallow(React.createElement(HiSearchField, {
-      itemList: [],
-      onFilteredList: function onFilteredList() {
-        return null;
-      }
-    }));
-    assert.strictEqual(wrapper.name(), 'div');
-  });
-  it('should render an <input /> inside the div', function () {
-    var wrapper = mount(React.createElement(HiSearchField, {
-      itemList: [],
-      onFilteredList: function onFilteredList() {
-        return null;
-      }
-    }));
-    var input = wrapper.find('input');
-    assert.strictEqual(input.name(), 'input');
-    assert.strictEqual(input.props().type, 'text', 'should pass the text type prop');
-  });
-  it('should fire onChange event callbacks', function () {
-    var handleChange = spy();
-    var wrapper = mount(React.createElement(HiSearchField, {
-      itemList: [],
-      onFilteredList: handleChange
-    }));
-    wrapper.find('input').simulate('change');
-    assert.strictEqual(handleChange.calledOnce, true, 'should have called the callback');
-  });
-  it('should fire onChange event callbacks and call onSearch', function () {
-    var handleChange = spy();
-    var onSearch = spy();
-    var wrapper = mount(React.createElement(HiSearchField, {
-      itemList: [],
-      onFilteredList: handleChange,
-      onSearch: onSearch
-    }));
-    wrapper.find('input').simulate('change', 'value');
-    assert.strictEqual(onSearch.calledOnce, true, 'should have called the callback');
-  });
-  it('should handle flatten array', function () {
-    var handleChange = spy();
-    var itemList = ['zizou', 'zizou', 'manu'];
-    var wrapper = mount(React.createElement(HiSearchField, {
-      itemList: itemList,
-      onFilteredList: handleChange
-    }));
-    wrapper.find('input').simulate('change');
-    assert.strictEqual(handleChange.calledOnce, true, 'should have called the callback');
-  });
-  it('should handle nested array', function () {
-    var handleChange = spy();
-    var itemList = [{
-      id: 'zz',
-      label: 'Zizou'
-    }, {
-      id: 'zze',
-      label: 'Zizou encore'
-    }, {
-      id: 'ep',
-      label: 'Emmanuel Petit'
-    }];
-    var wrapper = mount(React.createElement(HiSearchField, {
-      itemList: itemList,
-      onFilteredList: handleChange,
-      filterPropertyList: ['label']
-    }));
-    wrapper.find('input').simulate('change');
-    assert.strictEqual(handleChange.calledOnce, true, 'should have called the callback');
-  });
-  it('should handle double nested array', function () {
-    var handleChange = spy();
-    var itemList = [{
-      id: 'zz',
-      record: {
-        label: 'Zizou'
-      }
-    }, {
-      id: 'zze',
-      record: {
-        label: 'Zizou encore'
-      }
-    }, {
-      id: 'ep',
-      record: {
-        label: 'Emmanuel Petit'
-      }
-    }];
-    var wrapper = mount(React.createElement(HiSearchField, {
-      itemList: itemList,
-      onFilteredList: handleChange,
-      filterPropertyList: ['record.label']
-    }));
-    wrapper.find('input').simulate('change');
-    assert.strictEqual(handleChange.calledOnce, true, 'should have called the callback');
-  });
-  it('should return filtered list on search value and add reset button', function () {
-    var itemList = [{
-      id: 'zz',
-      label: 'Zizou'
-    }, {
-      id: 'zze',
-      label: 'Zizou encore'
-    }, {
-      id: 'ep',
-      label: 'Emmanuel Petit'
-    }];
-    var searchValue = 'peTit';
-    var expectedFilteredItemList = [{
-      id: 'ep',
-      label: 'Emmanuel Petit'
-    }];
-    var handleChange = spy();
-    var wrapper = mount(React.createElement(HiSearchField, {
-      itemList: itemList,
-      onFilteredList: handleChange,
-      filterPropertyList: ['label']
-    })); // Fill input
-
-    var event = {
-      target: {
-        value: searchValue
-      }
-    };
-    wrapper.find('input').simulate('change', event);
-    assert.strictEqual(handleChange.calledWith(expectedFilteredItemList), true, 'should have called the callback with filtered item list');
-    assert.strictEqual(handleChange.calledWith(itemList), false, 'should not have called yet the callback with full item list');
-    assert.strictEqual(wrapper.find('button').length, 0, 'should not have clear icon');
-    wrapper.find('input').simulate('focus');
-    var resetButton = wrapper.find('button');
-    assert.strictEqual(resetButton.name(), 'button', 'should have reset button');
-    wrapper.find('button').simulate('click'); // Click on reset
-
-    resetButton.simulate('click');
-    assert.strictEqual(handleChange.calledWith(itemList), true, 'should not have called the callback with full item list');
-    assert.strictEqual(handleChange.callCount, 3, 'should have called the callback three times');
-  });
-  it('should return filtered list on search value and add reset button call onSearch', function () {
-    var itemList = [{
-      id: 'zz',
-      label: 'Zizou'
-    }, {
-      id: 'zze',
-      label: 'Zizou encore'
-    }, {
-      id: 'ep',
-      label: 'Emmanuel Petit'
-    }];
-    var searchValue = 'peTit';
-    var handleChange = spy();
-    var onSearch = spy();
-    var wrapper = mount(React.createElement(HiSearchField, {
-      itemList: itemList,
-      onFilteredList: handleChange,
-      filterPropertyList: ['label'],
-      onSearch: onSearch
-    })); // Fill input
-
-    var event = {
-      target: {
-        value: searchValue
-      }
-    };
-    wrapper.find('input').simulate('change', event);
-    assert.strictEqual(handleChange.calledWith(itemList), false, 'should not have called yet the callback with full item list');
-    assert.strictEqual(wrapper.find('button').length, 0, 'should not have clear icon');
-    wrapper.find('input').simulate('focus');
-    var resetButton = wrapper.find('button');
-    assert.strictEqual(resetButton.name(), 'button', 'should have reset button'); // Click on reset
-
-    resetButton.simulate('click', 'reset');
-    assert.strictEqual(onSearch.callCount, 2, 'should have called the callback two times');
-  });
-});

package/HiForm/HiSlider.test.js

@@ -1,99 +0,0 @@
-import React from 'react';
-import { assert, expect } from 'chai';
-import { spy } from 'sinon';
-import { createShallow, createMount } from '../test-utils';
-import HiSlider from './HiSlider';
-import HiFormControl from './HiFormControl';
-describe('<HiSlider />', function () {
-  var shallow;
-  var mount;
-  before(function () {
-    shallow = createShallow();
-  });
-  beforeEach(function () {
-    mount = createMount();
-  });
-  afterEach(function () {
-    mount.cleanUp();
-  });
-  describe('shallow', function () {
-    var wrapper;
-    var props = {
-      min: 0,
-      max: 100,
-      id: 'slider',
-      label: 'label'
-    };
-    beforeEach(function () {
-      wrapper = shallow(React.createElement(HiSlider, props), {
-        disableLifecycleMethods: true
-      });
-    });
-    it('should be a HiSlider', function () {
-      assert.strictEqual(wrapper.name(), 'HiSlider');
-    });
-    it('should have an HiFormControl as the only child', function () {
-      assert.strictEqual(wrapper.dive().children().length, 1);
-      assert.strictEqual(wrapper.dive().type(), HiFormControl);
-    });
-    it('should pass label to the HiFormControl', function () {
-      assert.strictEqual(wrapper.dive().find(HiFormControl).dive().props().label, props.label, '');
-    });
-    it('should show labels (right and left) if passed', function () {
-      assert.strictEqual(wrapper.dive().children().childAt(1).childAt(0).childAt(0).text(), '', 'should be empty because no left label is given in props');
-      assert.strictEqual(wrapper.dive().children().childAt(1).childAt(0).childAt(2).text(), '', 'should be empty because no right label is given in props');
-      var rightLabel = 'label right';
-      var leftLabel = 'label left';
-      wrapper.setProps({
-        rightLabel: rightLabel
-      });
-      wrapper.setProps({
-        leftLabel: leftLabel
-      });
-      assert.strictEqual(wrapper.dive().children().childAt(1).childAt(0).childAt(0).text(), leftLabel, 'should display the left label given in props');
-      assert.strictEqual(wrapper.dive().children().childAt(1).childAt(0).childAt(2).text(), rightLabel, 'should display the right label given in props');
-    });
-    it('should have the values given in props for max and min', function () {
-      assert.strictEqual(wrapper.dive().children().childAt(0).text(), '0', 'should be equal to the min value given in props');
-      assert.strictEqual(wrapper.dive().children().childAt(2).text(), '100', 'should be equal to the max value given in props');
-    });
-    it('should be on the initial value, then change', function () {
-      wrapper = shallow(React.createElement(HiSlider, {
-        id: 'slider',
-        min: 0,
-        max: 100,
-        value: 50
-      }), {
-        disableLifecycleMethods: true
-      });
-      assert.strictEqual(wrapper.dive().find('input').props().value, 50, 'the input value should be equal to initial value');
-      assert.strictEqual(wrapper.dive().children().childAt(1).childAt(0).childAt(1).text(), '50', 'the value shown to the user is the same as the initial value');
-      expect(wrapper.dive().children().childAt(1).childAt(1).props().style.background).to.include('50%');
-    });
-  });
-  it('should fire onChange event callbacks', function () {
-    var handleChange = spy();
-    var wrapper = mount(React.createElement(HiSlider, {
-      id: 'slider',
-      min: 0,
-      max: 100,
-      onChange: handleChange
-    }));
-    wrapper.find('input').simulate('change');
-    assert.strictEqual(handleChange.calledOnce, true, 'should have called the callback');
-  });
-  it('should be focused after onFocus, then not focused after onBlur', function () {
-    var wrapper = mount(shallow(React.createElement(HiSlider, {
-      id: 'slider',
-      rightLabel: 'test right',
-      leftLabel: 'test left',
-      min: 0,
-      max: 100,
-      value: 50
-    })).get(0));
-    wrapper.find(HiFormControl).prop('onFocus')();
-    assert.strictEqual(wrapper.state().focused, true, 'should be focused');
-    wrapper.find(HiFormControl).prop('onBlur')();
-    assert.strictEqual(wrapper.state().focused, false, 'should not be focused');
-  });
-});

package/HiForm/HiTextField.test.js

@@ -1,254 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { createShallow, createMount } from '../test-utils';
-import Warning from '@material-ui/icons/Warning';
-import Info from '@material-ui/icons/Info';
-import HiTextField from './HiTextField';
-import HiInput from './HiInput';
-describe('<HiTextField />', 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(HiTextField, {
-        id: "text",
-        HiInputProps: {
-          name: 'testName',
-          startAdornment: 'Archive',
-          className: 'fullWidth'
-        }
-      }));
-    });
-    describe('shallow', function () {
-      it('should be a FormControl', function () {
-        assert.strictEqual(wrapper.name(), 'HiFormControl');
-        assert.strictEqual(wrapper.dive().name(), 'WithStyles(FormControl)');
-      });
-      it('should have initial props', function () {
-        assert.strictEqual(wrapper.props().error, false);
-        assert.strictEqual(wrapper.childAt(0).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 an HiInput as the only child', function () {
-        assert.strictEqual(wrapper.children().length, 1);
-        assert.strictEqual(wrapper.childAt(0).type(), HiInput);
-      });
-      it('should forward the error prop to Input', function () {
-        wrapper = shallow(React.createElement(HiTextField, {
-          id: "text",
-          error: true
-        }));
-        assert.strictEqual(wrapper.childAt(0).props().error, true);
-      });
-      it('should forward the fullWidth prop to FormControl', function () {
-        wrapper = shallow(React.createElement(HiTextField, {
-          id: "text",
-          fullWidth: true
-        }));
-        assert.strictEqual(wrapper.props().fullWidth, true);
-      });
-      it('should pass HiInputProps to the HiInput', function () {
-        assert.strictEqual(wrapper.find(HiInput).props().startAdornment, 'Archive');
-      });
-      it('should apply additional properties to the Input component', function () {
-        wrapper.setProps({
-          HiInputProps: {
-            className: 'fullWidth'
-          }
-        });
-        assert.strictEqual(wrapper.find(HiInput).props().className, 'fullWidth');
-      });
-    });
-    describe('with a label', function () {
-      beforeEach(function () {
-        wrapper.setProps({
-          label: 'Foo bar'
-        });
-      });
-      it('should have 1 child', function () {
-        assert.strictEqual(wrapper.children().length, 1);
-      });
-      it('should have an HiInput as the first child', function () {
-        assert.strictEqual(wrapper.childAt(0).type(), HiInput);
-      });
-    });
-    describe('with a helper text', function () {
-      beforeEach(function () {
-        wrapper.setProps({
-          helperText: 'Foo bar'
-        });
-      });
-      it('should have 1 child', function () {
-        assert.strictEqual(wrapper.children().length, 1);
-      });
-      /* it('should have a FormHelperText as the second child', () => {
-          assert.strictEqual(wrapper.childAt(1).type(), FormHelperText);
-      }); */
-
-      it('should have an HiInput as the first child', function () {
-        assert.strictEqual(wrapper.childAt(0).type(), HiInput);
-      });
-    });
-  });
-  describe('mount', function () {
-    var wrapper;
-    var handleChange = spy();
-    var handleReset = spy();
-    var handleBlur = spy();
-    var handleFocus = spy();
-    describe('callbacks', function () {
-      it('should be called', function () {
-        wrapper = mount(React.createElement(HiTextField, {
-          id: "text",
-          onChange: handleChange,
-          onReset: handleReset,
-          onBlur: handleBlur,
-          onFocus: handleFocus,
-          value: "defaultValue",
-          helperText: "helper",
-          maxLength: 20
-        }));
-        wrapper.find('input').simulate('change', {
-          target: {
-            value: 'newValue'
-          }
-        });
-        assert.strictEqual(handleChange.callCount, 1, 'should trigger change callback');
-        assert.strictEqual(handleChange.args[0][0].target.value, 'newValue');
-        assert.strictEqual(wrapper.state().nbChars, 12);
-        wrapper.find('input').simulate('change', {
-          target: {
-            value: '1234567890123456789012345'
-          }
-        });
-        assert.strictEqual(handleChange.callCount, 1, 'should not trigger change callback');
-        assert.strictEqual(wrapper.state().nbChars, 12);
-        wrapper.find('input').simulate('focus');
-        assert.strictEqual(handleFocus.callCount, 1, 'should trigger focus callback');
-        wrapper.find('button').simulate('click');
-        assert.strictEqual(handleReset.callCount, 1, 'should trigger reset callback');
-        wrapper.find('input').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(React.createElement(HiTextField, {
-          id: "text",
-          value: "defaultValue",
-          label: "label",
-          helperText: "My helper",
-          helperIcon: true,
-          onReset: function onReset() {}
-        }));
-        wrapper.find('input').simulate('change', {
-          target: {
-            value: 'newValue'
-          }
-        });
-        assert.strictEqual(wrapper.find('button').length, 1, 'should not have clear icon');
-        wrapper.find('input').simulate('focus');
-        assert.strictEqual(wrapper.find('button').length, 2, 'should not have clear icon');
-        wrapper.find('button').at(1).simulate('click');
-        wrapper.find('input').simulate('blur');
-      });
-    });
-    describe('helpers', function () {
-      it('should be displayed', function () {
-        wrapper = mount(React.createElement(HiTextField, {
-          id: "text",
-          onChange: handleChange,
-          onReset: handleReset,
-          onBlur: handleBlur,
-          onFocus: handleFocus,
-          value: "defaultValue",
-          helperText: "helper",
-          maxLength: 20
-        }));
-        assert.strictEqual(wrapper.find('p').text(), 'helper', 'Should render helper');
-      });
-    });
-    describe('helpers', function () {
-      it('should be displayed', function () {
-        wrapper = mount(React.createElement(HiTextField, {
-          id: "text",
-          value: "defaultValue",
-          label: "label",
-          helperText: "My helper",
-          helperIcon: true
-        }));
-        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(), 'My helperlabel', 'First child should be the helper div');
-      });
-    });
-    describe('errors', function () {
-      it('should be displayed', function () {
-        wrapper = mount(React.createElement(HiTextField, {
-          id: "text",
-          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(Warning).length, 1, 'Should have error icon');
-        assert.strictEqual(wrapper.childAt(0).text(), 'label', 'First child should be the label');
-        var errorIcon = wrapper.find(Warning);
-        errorIcon.simulate('click');
-        assert.strictEqual(wrapper.childAt(0).text(), 'My errorlabel', 'First child should be the error div');
-      });
-    });
-    describe('state with multiline', function () {
-      it('should be good', function () {
-        var handleChange1 = spy();
-        wrapper = mount(React.createElement(HiTextField, {
-          id: "text",
-          onChange: handleChange1,
-          value: "defaultValue",
-          multiline: true
-        }));
-        assert.strictEqual(wrapper.state().nbChars, 12);
-        wrapper.find('textarea').first().simulate('change', {
-          target: {
-            value: 'newValue'
-          }
-        });
-        wrapper.find('textarea').at(1).simulate('change', {
-          target: {
-            value: 'newValue'
-          }
-        });
-        wrapper.find('textarea').at(2).simulate('change', {
-          target: {
-            value: 'newValue'
-          }
-        });
-        assert.strictEqual(handleChange1.callCount, 1, 'should trigger change callback');
-        assert.strictEqual(handleChange1.args[0][0].target.value, 'newValue');
-        assert.strictEqual(wrapper.state().nbChars, 8);
-      });
-    });
-  });
-});