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

package/HiForm/HiUpload.test.js

@@ -1,241 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { createMount, createShallow, getClasses } from '../test-utils';
-import classNames from 'classnames';
-import HiUpload from './HiUpload';
-import HiUploadInput from './HiUploadInput';
-import HiIcon from '../HiIcon';
-describe('<HiUpload />', function () {
-  var mount;
-  var shallow;
-  var classes;
-  before(function () {
-    mount = createMount();
-    shallow = createShallow({
-      dive: true
-    });
-    classes = getClasses(React.createElement(HiUpload, {
-      inputs: [],
-      values: [],
-      id: "upload"
-    }));
-  });
-  after(function () {
-    mount.cleanUp();
-  }); // 1 input empty
-
-  it('should render 0 <HiUploadInput> because 1 input waiting and undefined value', function () {
-    var inputs = [{
-      id: 1
-    }];
-    var values = [undefined];
-    var wrapper = shallow(React.createElement(HiUpload, {
-      inputs: inputs,
-      values: values,
-      id: "upload"
-    }), {
-      disableLifecycleMethods: true
-    });
-    assert.strictEqual(wrapper.find(HiUploadInput).length, 0, 'should render 0 HiUploadInput');
-    assert.strictEqual(wrapper.find(HiIcon).dive().props().className, classNames(classes.statusIcon, classes.empty, classes.fileButton, classes.focusable));
-  }); // 1 input empty
-
-  it('should render 0 <HiUploadInput> because 1 input waiting and no value', function () {
-    var inputs = [{
-      id: 1
-    }];
-    var values = [];
-    var wrapper = shallow(React.createElement(HiUpload, {
-      inputs: inputs,
-      values: values,
-      id: "upload"
-    }), {
-      disableLifecycleMethods: true
-    });
-    assert.strictEqual(wrapper.find(HiUploadInput).length, 0, 'should render 0 HiUploadInput');
-    assert.strictEqual(wrapper.find(HiIcon).dive().props().className, classNames(classes.statusIcon, classes.empty, classes.fileButton, classes.focusable));
-  }); // 1 input complete
-
-  it('should render 1 <HiUploadInput> because first value is defined and 1 values is expected', function () {
-    var inputs = [{
-      id: 1
-    }];
-    var values = [{
-      value: 'test'
-    }];
-    var wrapper = shallow(React.createElement(HiUpload, {
-      inputs: inputs,
-      values: values,
-      id: "upload"
-    }), {
-      disableLifecycleMethods: true
-    });
-    assert.strictEqual(wrapper.find(HiUploadInput).length, 1, 'should render 1 HiUploadInput');
-    assert.strictEqual(wrapper.find(HiIcon).dive().props().className, classNames(classes.statusIcon, classes.complete, classes.fileButton, classes.focusable));
-  }); // 2 input empty
-
-  it('should render 2 <HiUploadInput> because first value is defined and 2 values are expected', function () {
-    var inputs = [{
-      id: 1
-    }, {
-      id: 2
-    }];
-    var values = [];
-    var wrapper = shallow(React.createElement(HiUpload, {
-      inputs: inputs,
-      values: values,
-      id: "upload"
-    }), {
-      disableLifecycleMethods: true
-    });
-    assert.strictEqual(wrapper.find(HiUploadInput).length, 2, 'should render 2 HiUploadInput');
-    assert.strictEqual(wrapper.find(HiIcon).dive().props().className, classNames(classes.statusIcon, classes.empty, classes.fileButton, classes.focusable));
-  }); // 2 input not empty / not full
-
-  it('should render 2 <HiUploadInput> because first value is defined and 2 values are expected', function () {
-    var inputs = [{
-      id: 1
-    }, {
-      id: 2
-    }];
-    var values = [{
-      value: 'test'
-    }, undefined];
-    var wrapper = shallow(React.createElement(HiUpload, {
-      inputs: inputs,
-      values: values,
-      id: "upload"
-    }), {
-      disableLifecycleMethods: true
-    });
-    assert.strictEqual(wrapper.find(HiUploadInput).length, 2, 'should render 2 HiUploadInput');
-    assert.strictEqual(wrapper.find(HiIcon).dive().props().className, classNames(classes.statusIcon, classes.fileButton, classes.focusable));
-  }); // 2 input full => not focusable
-
-  it('should render 2 <HiUploadInput> because first value is defined and 2 values are expected', function () {
-    var inputs = [{
-      id: 1
-    }, {
-      id: 2
-    }];
-    var values = [{
-      value: 'test'
-    }, {
-      value: 'test2'
-    }];
-    var wrapper = shallow(React.createElement(HiUpload, {
-      inputs: inputs,
-      values: values,
-      id: "upload"
-    }), {
-      disableLifecycleMethods: true
-    });
-    assert.strictEqual(wrapper.find(HiUploadInput).length, 2, 'should render 2 HiUploadInput');
-    assert.strictEqual(wrapper.find(HiIcon).dive().props().className, classNames(classes.statusIcon, classes.complete, classes.fileButton));
-  }); // unlimited inputs empty
-
-  it('should render 0 <HiUploadInput> because unlimited inputs and no values', function () {
-    var inputs = [];
-    var values = [];
-    var wrapper = shallow(React.createElement(HiUpload, {
-      inputs: inputs,
-      values: values,
-      id: "upload"
-    }), {
-      disableLifecycleMethods: true
-    });
-    assert.strictEqual(wrapper.find(HiUploadInput).length, 0, 'should render 1 HiUploadInput');
-    assert.strictEqual(wrapper.find(HiIcon).dive().props().className, classNames(classes.statusIcon, classes.empty, classes.fileButton, classes.focusable));
-  });
-  it('should render 5 <HiUploadInput> because unlimited inputs and 5 values', function () {
-    var inputs = [];
-    var values = [{
-      value: 'test1'
-    }, {
-      value: 'test2'
-    }, {
-      value: 'test3'
-    }, {
-      value: 'test4'
-    }, {
-      value: 'test5'
-    }];
-    var wrapper = shallow(React.createElement(HiUpload, {
-      inputs: inputs,
-      values: values,
-      id: "upload"
-    }), {
-      disableLifecycleMethods: true
-    });
-    assert.strictEqual(wrapper.find(HiUploadInput).length, 5, 'should render 1 HiUploadInput');
-    assert.strictEqual(wrapper.find(HiIcon).dive().props().className, classNames(classes.statusIcon, classes.empty, classes.fileButton, classes.focusable));
-  });
-  it('should fire onChange event callbacks', function () {
-    var inputs = [{
-      id: 1
-    }, {
-      id: 2
-    }];
-    var values = [{
-      value: {
-        name: 'test.pdf',
-        size: 32,
-        type: 'application/pdf'
-      }
-    }, undefined];
-    var handleChange = spy();
-    var wrapper = shallow(React.createElement(HiUpload, {
-      onChange: handleChange,
-      inputs: inputs,
-      values: values,
-      id: "upload"
-    }), {
-      disableLifecycleMethods: true
-    });
-    var fakeFile = {
-      name: 'fakefile.pdf',
-      size: 32,
-      type: 'application/pdf'
-    };
-    var fakeChangeParams = {
-      errorMessage: '',
-      error: false,
-      value: fakeFile
-    };
-    assert.strictEqual(wrapper.find(HiIcon).prop('icon'), 'file_upload', 'should render a upload icon');
-    wrapper.find(HiUploadInput).at(0).dive().simulate('change', fakeChangeParams, 0);
-    assert.strictEqual(handleChange.calledWith({
-      errorMessage: '',
-      error: false,
-      value: fakeFile
-    }, 0), true, 'should have been called with the fakeFile.');
-  });
-  it('should be on error', function () {
-    var inputs = [{
-      id: 1
-    }, {
-      id: 2
-    }];
-    var fakeFile = {
-      name: 'fakefile.pdf',
-      size: 32,
-      type: 'application/pdf'
-    };
-    var fakeFalseParams = {
-      errorMessage: 'error message',
-      error: true,
-      value: fakeFile
-    };
-    var values = [fakeFalseParams, undefined];
-    var wrapper = shallow(React.createElement(HiUpload, {
-      inputs: inputs,
-      values: values,
-      id: "upload"
-    }), {
-      disableLifecycleMethods: true
-    });
-    assert.include(wrapper.find(HiIcon).props().className, 'error', 'should have the class error');
-    assert.strictEqual(wrapper.find(HiIcon).dive().props().className, classNames(classes.statusIcon, classes.empty, classes.fileButton, classes.error, classes.focusable));
-  });
-});

package/HiForm/HiUploadField.test.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createMount, createShallow } from '../test-utils';
-import HiUpload from './HiUpload';
-import HiUploadField from './HiUploadField';
-import HiFormControl from './HiFormControl';
-describe('<HiUploadField />', function () {
-  var mount;
-  var shallow;
-  before(function () {
-    mount = createMount();
-    shallow = createShallow();
-  });
-  after(function () {
-    mount.cleanUp();
-  });
-  it('should render a <HiFormControl>and a <HiUpload>', function () {
-    var inputs = [{
-      id: 1
-    }, {
-      id: 2
-    }];
-    var values = [undefined, undefined];
-    var wrapper = shallow(React.createElement(HiUploadField, {
-      inputs: inputs,
-      values: values
-    }));
-    assert.strictEqual(wrapper.find(HiFormControl).length, 1, 'should render a HiFormControl');
-    assert.strictEqual(wrapper.find(HiUpload).length, 1, 'should render a HiUpload');
-  });
-  it('should be on error', function () {
-    var inputs = [{
-      id: 1
-    }, {
-      id: 2
-    }];
-    var fakeFile = {
-      name: 'fakefile.pdf',
-      size: 32,
-      type: 'application/pdf'
-    };
-    var fakeFalseParams = {
-      errorMessage: 'error message',
-      error: true,
-      value: fakeFile
-    };
-    var values = [fakeFalseParams, undefined];
-    var wrapper = shallow(React.createElement(HiUploadField, {
-      inputs: inputs,
-      values: values
-    }));
-    assert.strictEqual(wrapper.find(HiFormControl).props().errorText, 'error message', 'should have the error message given by the change');
-    assert.strictEqual(wrapper.find(HiFormControl).props().error, true, 'should be on error');
-  });
-});

package/HiForm/HiUploadInput.test.js

@@ -1,148 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { createMount } from '../test-utils';
-import HiUploadInput from './HiUploadInput';
-import HiIconButton from '../HiIconButton';
-describe('<HiUploadInput />', function () {
-  var mount;
-  var fakePdf;
-  var seeFile;
-  before(function () {
-    fakePdf = {
-      name: 'fakefile.pdf',
-      size: 32,
-      type: 'application/pdf'
-    };
-    seeFile = true;
-  });
-  beforeEach(function () {
-    mount = createMount();
-  });
-  afterEach(function () {
-    mount.cleanUp();
-  });
-  it('should render an <input> with type file inside a <label> inside a <div>', function () {
-    var defaultPlaceholder = 'default placeholder';
-    var wrapper = mount(React.createElement(HiUploadInput, {
-      placeholder: defaultPlaceholder
-    }));
-    var label = wrapper.find('label');
-    assert.strictEqual(label.name(), 'label', 'should render a label');
-    assert.strictEqual(label.text(), defaultPlaceholder, 'should be the placeholder passed in props');
-    var input = label.find('input');
-    assert.strictEqual(input.name(), 'input', 'should contain an input');
-    assert.strictEqual(input.prop('type'), 'file', 'should be a file input');
-  });
-  it('should not show the clear and see buttons when no value is given', function () {
-    var wrapper = mount(React.createElement(HiUploadInput, null));
-    assert.strictEqual(wrapper.find(HiIconButton).length, 0, 'should not have icons');
-  });
-  it('should show the clear and see buttons when a value is given', function () {
-    var wrapper = mount(React.createElement(HiUploadInput, {
-      value: fakePdf,
-      seeFile: seeFile
-    }));
-    assert.strictEqual(wrapper.find(HiIconButton).length, 2, 'should have the clear and see icons');
-  });
-  it('should show the clear button when a value is given', function () {
-    var wrapper = mount(React.createElement(HiUploadInput, {
-      value: fakePdf
-    }));
-    assert.strictEqual(wrapper.find(HiIconButton).length, 1, 'should have the clear icon');
-  });
-  it('should fire onChange event callbacks', function () {
-    var handleChange = spy();
-    var wrapper = mount(React.createElement(HiUploadInput, {
-      onChange: handleChange,
-      index: 1
-    }));
-    wrapper.find('input').simulate('change', {
-      target: {
-        files: [fakePdf]
-      }
-    });
-    assert.strictEqual(handleChange.calledOnce, true, 'should have been called once.');
-    assert.strictEqual(handleChange.calledWith({
-      errorMessage: '',
-      error: false,
-      value: fakePdf
-    }, 1), true, 'should have been called with the fakePdf file.');
-  });
-  it('should fire onDeleteFile event callbacks', function () {
-    var handleDeleteFile = spy();
-    var wrapper = mount(React.createElement(HiUploadInput, {
-      onDeleteFile: handleDeleteFile,
-      value: fakePdf,
-      index: 1
-    }));
-    wrapper.find(HiIconButton).at(0).simulate('click');
-    assert.strictEqual(handleDeleteFile.calledOnce, true, 'should have been called once.');
-    assert.strictEqual(handleDeleteFile.calledWith(1), true, 'should have been called with the index of this HiUploadInput.');
-  });
-  it('should fire onSee event callbacks', function () {
-    var handleSee = spy();
-    var wrapper = mount(React.createElement(HiUploadInput, {
-      onSeeFile: handleSee,
-      value: fakePdf,
-      index: 1,
-      seeFile: seeFile
-    }));
-    wrapper.find(HiIconButton).at(0).simulate('click');
-    assert.strictEqual(handleSee.calledOnce, true, 'should have been called once.');
-    assert.strictEqual(handleSee.calledWith(fakePdf), true, 'should have been called with the file to see.');
-  });
-  it('should fire onChange event callbacks with a size error', function () {
-    var handleChange = spy();
-    var translations = {
-      errorSize: 'error size'
-    };
-    var fakeLargeFile = {
-      name: 'fakelargefile.pdf',
-      size: 4096,
-      type: 'application/pdf'
-    };
-    var wrapper = mount(React.createElement(HiUploadInput, {
-      onChange: handleChange,
-      value: fakeLargeFile,
-      maxSize: 2048,
-      index: 1,
-      translations: translations
-    }));
-    wrapper.find('input').simulate('change', {
-      target: {
-        files: [fakeLargeFile]
-      }
-    });
-    assert.strictEqual(handleChange.calledOnce, true, 'should have been called once.');
-    assert.strictEqual(handleChange.calledWith({
-      errorMessage: translations.errorSize,
-      error: true,
-      value: fakeLargeFile
-    }, 1), true, 'should be on error with errorSize message');
-  });
-  it('should fire onChange event callbacks with a type error', function () {
-    var handleChange = spy();
-    var translations = {
-      errorType: 'error type'
-    };
-    var wrapper = mount(React.createElement(HiUploadInput, {
-      onChange: handleChange,
-      value: fakePdf,
-      acceptedTypes: ['image/jpeg', 'video/mp4'],
-      index: 1,
-      translations: translations
-    }));
-    wrapper.find('input').simulate('change', {
-      target: {
-        files: [fakePdf]
-      }
-    });
-    assert.strictEqual(handleChange.calledOnce, true, 'should have been called once.');
-    assert.strictEqual(handleChange.calledWith({
-      errorMessage: translations.errorType,
-      error: true,
-      value: fakePdf
-    }, 1), true, 'should be on error with errorType message');
-  });
-});

package/HiIconButton/HiIconButton.test.js

@@ -1,69 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow, createRender, getClasses } from '../test-utils';
-import HiIconButton from './HiIconButton';
-import IconButton from '@material-ui/core/IconButton';
-import classNames from 'classnames';
-describe('<HiIconButton />', function () {
-  var shallow;
-  var render;
-  var classes;
-  var buttonClasses = getClasses(React.createElement(IconButton, null, "Hello World"));
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-    render = createRender();
-    classes = getClasses(React.createElement(HiIconButton, null, "Hello World"));
-  });
-  it('should render a <IconButton> element', function () {
-    var wrapper = shallow(React.createElement(HiIconButton, null, "Hello World"));
-    assert.strictEqual(wrapper.find(IconButton).length, 1);
-  });
-  it('should render forward primary color prop to <IconButton> component', function () {
-    var wrapper = shallow(React.createElement(HiIconButton, {
-      color: "primary"
-    }, "Hello World"));
-    assert.strictEqual(wrapper.find(IconButton).dive().props().color, 'primary', 'should render with the button color inherit');
-    assert.strictEqual(wrapper.find(IconButton).dive().props().classes.root, classNames(buttonClasses.root));
-  });
-  it('should render with the positive classes and set color to inherit', function () {
-    var wrapper = shallow(React.createElement(HiIconButton, {
-      color: "positive"
-    }, "Hello World"));
-    assert.strictEqual(wrapper.find(IconButton).dive().props().color, 'inherit', 'should render with the button color inherit');
-    assert.strictEqual(wrapper.find(IconButton).dive().props().classes.root, classNames(buttonClasses.root, classes.positive));
-  });
-  it('should render with the negative classes and set color to inherit', function () {
-    var wrapper = shallow(React.createElement(HiIconButton, {
-      color: "negative"
-    }, "Hello World"));
-    assert.strictEqual(wrapper.find(IconButton).dive().props().color, 'inherit', 'should render with the button color inherit');
-    assert.strictEqual(wrapper.find(IconButton).dive().props().classes.root, classNames(buttonClasses.root, classes.negative));
-  });
-  it('should render with the middle classes and set color to inherit', function () {
-    var wrapper = shallow(React.createElement(HiIconButton, {
-      color: "middle"
-    }, "Hello World"));
-    assert.strictEqual(wrapper.find(IconButton).dive().props().color, 'inherit', 'should render with the button color inherit');
-    assert.strictEqual(wrapper.find(IconButton).dive().props().classes.root, classNames(buttonClasses.root, classes.middle));
-  });
-  it('should render with the neutral classes and set color to inherit', function () {
-    var wrapper = shallow(React.createElement(HiIconButton, {
-      color: "neutral"
-    }, "Hello World"));
-    assert.strictEqual(wrapper.find(IconButton).dive().props().color, 'inherit', 'should render with the button color inherit');
-    assert.strictEqual(wrapper.find(IconButton).dive().props().classes.root, classNames(buttonClasses.root, classes.neutral));
-  });
-  describe('server side', function () {
-    // Only run the test on node.
-    if (!/jsdom/.test(window.navigator.userAgent)) {
-      return;
-    }
-
-    it('should server side render', function () {
-      var markup = render(React.createElement(HiIconButton, null, "Hello World"));
-      assert.strictEqual(markup.text(), 'Hello World');
-    });
-  });
-});

package/HiLoader/HiLoader.test.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow } from '../test-utils';
-import HiLoader from './HiLoader';
-describe('<HiLoader />', function () {
-  var shallow;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-  });
-  it('renders a functional hour & minute ListPicker', function () {
-    var wrapper = shallow(React.createElement(HiLoader, {
-      loading: true
-    }));
-    assert.strictEqual(wrapper.name(), 'div', 'should render a div');
-  });
-});

package/HiMap/HiMap.test.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createMount } from '../test-utils';
-import HiMap from './HiMap';
-
-require('isomorphic-fetch'); // pour la méthode fetch()
-
-
-describe('<HiMap />', function () {
-  var mount;
-  before(function () {
-    global.HTMLImageElement = function () {};
-
-    global.HTMLVideoElement = function () {};
-
-    mount = createMount();
-  });
-  after(function () {
-    mount.cleanUp();
-  });
-  it('renders a HiMap', function () {
-    var wrapper = mount(React.createElement(HiMap, {
-      address: '21 rue de Cornulier, 44000 Nantes'
-    }), {
-      lifecycleExperimental: true
-    });
-    assert.strictEqual(wrapper.find(HiMap).length, 1, 'render HiMap');
-  });
-});

package/HiMap/HiMapExpand.test.js

@@ -1,48 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React from 'react';
-import { assert } from 'chai';
-import ExpansionPanel from '@material-ui/core/ExpansionPanel';
-import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
-import { createShallow } from '../test-utils';
-import HiMap from './HiMap';
-import HiMapExpand from './HiMapExpand';
-describe('<HiMapExpand />', function _callee() {
-  var shallow, flagPath;
-  return _regeneratorRuntime.async(function _callee$(_context) {
-    while (1) {
-      switch (_context.prev = _context.next) {
-        case 0:
-          flagPath = '/static/images/countries/fr.svg';
-          before(function () {
-            global.HTMLImageElement = function () {};
-
-            global.HTMLVideoElement = function () {};
-
-            shallow = createShallow({
-              dive: true
-            });
-          });
-          it('renders an ExpansionPanel containing a HiMap', function () {
-            var wrapper = shallow(React.createElement(HiMapExpand, {
-              address: '21 rue de Cornulier 44000 Nantes'
-            }));
-            assert.strictEqual(wrapper.type(), ExpansionPanel, 'should render an ExpansionPanel');
-            assert.strictEqual(wrapper.find(HiMap).length, 1, 'should contain a HiMap');
-          });
-          it('should show an image of the flag and the address', function () {
-            var address = '21 Rue de Cornulier, 44000 Nantes';
-            var wrapper = shallow(React.createElement(HiMapExpand, {
-              address: address,
-              countryFlagPath: flagPath
-            }));
-            assert.strictEqual(wrapper.find(ExpansionPanelSummary).find('div').at(1).find('p').render().text(), address, 'should show the address passed in props');
-            assert.strictEqual(wrapper.find(ExpansionPanelSummary).find('div').at(1).find('img').length, 1, 'should render an img with the flag');
-          });
-
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }
-  });
-});