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

package/utils/helpers.js

@@ -1,6 +1,31 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import warning from 'warning';
-export function camelize(string) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.camelize = camelize;
+exports.capitalize = capitalize;
+exports.contains = contains;
+exports.escapeHTML = escapeHTML;
+exports.findIndex = findIndex;
+exports.find = find;
+exports.createChainedFunction = createChainedFunction;
+exports.arrayUnique = arrayUnique;
+exports.formatNumber = formatNumber;
+exports.formatCurrencyAmount = formatCurrencyAmount;
+exports.formatRate = formatRate;
+exports.getNextItemSelectable = getNextItemSelectable;
+exports.foldAccents = foldAccents;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+
+var _warning = _interopRequireDefault(require("warning"));
+
+function camelize(string) {
   string = string.replace(/(_\w)/g, function (m) {
     return m[1].toUpperCase();
   });
@@ -10,14 +35,16 @@ export function camelize(string) {
     return index === 0 ? match.toLowerCase() : match.toUpperCase();
   });
 }
-export function capitalize(string) {
+
+function capitalize(string) {
   if (process.env.NODE_ENV !== 'production' && typeof string !== 'string') {
     throw new Error('Material-UI: capitalize(string) expects a string argument.');
   }
 
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
-export function contains(obj, pred) {
+
+function contains(obj, pred) {
   return Object.keys(pred).every(function (key) {
     return obj.hasOwnProperty(key) && obj[key] === pred[key];
   });
@@ -30,11 +57,13 @@ export function contains(obj, pred) {
  * @returns {*}
  */
 
-export function escapeHTML(unsafeStr) {
+
+function escapeHTML(unsafeStr) {
   return unsafeStr.replace(/<br\/?>/g, '[br]').replace(/<strong>/g, '[[').replace(/<\/?strong>/g, ']]').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/\[\[/g, '<strong>').replace(/\]\]/g, '</strong>').replace(/\[br\]/g, '<br>');
 }
-export function findIndex(arr, pred) {
-  var predType = typeof pred;
+
+function findIndex(arr, pred) {
+  var predType = (0, _typeof2.default)(pred);
 
   for (var i = 0; i < arr.length; i += 1) {
     if (predType === 'function' && !!pred(arr[i], i, arr) === true) {
@@ -52,7 +81,8 @@ export function findIndex(arr, pred) {
 
   return -1;
 }
-export function find(arr, pred) {
+
+function find(arr, pred) {
   var index = findIndex(arr, pred);
   return index > -1 ? arr[index] : undefined;
 }
@@ -66,7 +96,8 @@ export function find(arr, pred) {
  * @returns {function|null}
  */
 
-export function createChainedFunction() {
+
+function createChainedFunction() {
   for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
     funcs[_key] = arguments[_key];
   }
@@ -76,7 +107,7 @@ export function createChainedFunction() {
       return acc;
     }
 
-    warning(typeof func === 'function', 'Material-UI: invalid Argument Type, must only provide functions, undefined, or null.');
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(typeof func === 'function', 'Material-UI: invalid Argument Type, must only provide functions, undefined, or null.') : void 0;
     return function chainedFunction() {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
@@ -95,8 +126,9 @@ export function createChainedFunction() {
  * @param array
  */
 
-export function arrayUnique(array) {
-  var a = _toConsumableArray(array);
+
+function arrayUnique(array) {
+  var a = (0, _toConsumableArray2.default)(array);
 
   for (var i = 0; i < a.length; i + 1) {
     for (var j = i + 1; j < a.length; j + 1) {
@@ -115,7 +147,8 @@ export function arrayUnique(array) {
  * @param precision
  */
 
-export function formatNumber(number) {
+
+function formatNumber(number) {
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
   var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
   var precision = arguments.length > 3 ? arguments[3] : undefined;
@@ -162,7 +195,8 @@ export function formatNumber(number) {
  * @param currency  - ISO 4217
  */
 
-export function formatCurrencyAmount(amount) {
+
+function formatCurrencyAmount(amount) {
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
   var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
   var currency = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'EUR';
@@ -222,7 +256,8 @@ export function formatCurrencyAmount(amount) {
  * @param locale
  */
 
-export function formatRate(rate) {
+
+function formatRate(rate) {
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
   var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
   var effectiveSize = 0;
@@ -243,7 +278,8 @@ export function formatRate(rate) {
  * @returns {*}
  */
 
-export function getNextItemSelectable(node, direction) {
+
+function getNextItemSelectable(node, direction) {
   if (direction === 'down') {
     if (node.nextSibling === null) {
       return null;
@@ -272,7 +308,8 @@ export function getNextItemSelectable(node, direction) {
  * @returns {*}
  */
 
-export function foldAccents(toFold) {
+
+function foldAccents(toFold) {
   return toFold.replace(/([àáâãäå])|([ç])|([èéêë])|([ìíîï])|([ñ])|([òóôõöø])|([ß])|([ùúûü])|([ÿ])|([æ])|([œ])|([+])|([\\])|([[])|([\]])|([(])|([)])|([?])|([*])/g, function (str, a, c, e, i, n, o, s, u, y, ae, oe, plus, backSlash, lc, rc, lp, rp, interogation, star) {
     if (a) return 'a';
     if (c) return 'c';

package/withMobileDialog/index.js

@@ -1 +1,15 @@
-export { default } from './withMobileDialog';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _withMobileDialog.default;
+  }
+});
+
+var _withMobileDialog = _interopRequireDefault(require("./withMobileDialog"));

package/withMobileDialog/withMobileDialog.js

@@ -1,11 +1,25 @@
-import React from 'react';
-import withWidth, { isWidthDown } from '@material-ui/core/withWidth';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _withWidth = _interopRequireWildcard(require("@material-ui/core/withWidth"));
+
 /**
  * Dialog will responsively be full screen *at or below* the given breakpoint
  * (defaults to 'sm' for mobile devices).
  * Notice that this Higher-order Component is incompatible with server side rendering.
  */
-
 var withMobileDialog = function withMobileDialog() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function (Component) {
@@ -13,13 +27,14 @@ var withMobileDialog = function withMobileDialog() {
         breakpoint = _options$breakpoint === void 0 ? 'sm' : _options$breakpoint;
 
     function WithMobileDialog(props) {
-      return React.createElement(Component, Object.assign({
-        fullScreen: isWidthDown(breakpoint, props.width)
+      return _react.default.createElement(Component, (0, _extends2.default)({
+        fullScreen: (0, _withWidth.isWidthDown)(breakpoint, props.width)
       }, props));
     }
 
-    return withWidth()(WithMobileDialog);
+    return (0, _withWidth.default)()(WithMobileDialog);
   };
 };
 
-export default withMobileDialog;
+var _default = withMobileDialog;
+exports.default = _default;

package/App.test.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-it('renders without crashing', function () {
-  var div = document.createElement('div');
-  ReactDOM.render(React.createElement(App, null), div);
-  ReactDOM.unmountComponentAtNode(div);
-});

package/HiAlertModal/HiAlertModal.test.js

@@ -1,189 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy, useFakeTimers } from 'sinon';
-import { createShallow, createMount, getClasses } from '../test-utils';
-import HiAlertModal from './HiAlertModal';
-import HiButton from '../HiButton';
-import HiIcon from '../HiIcon';
-import Dialog from '@material-ui/core/Dialog';
-import DialogActions from '@material-ui/core/DialogActions';
-import DialogContent from '@material-ui/core/DialogContent';
-import DialogTitle from '@material-ui/core/DialogTitle';
-describe('<HiAlertModal />', function () {
-  var mount;
-  var wrapper;
-  var shallow;
-  var componentClasses;
-  before(function () {
-    componentClasses = getClasses(React.createElement(HiAlertModal, {
-      open: true,
-      title: "Title",
-      content: "Content",
-      labelCancelButton: "Cancel Button",
-      labelSubmitButton: "Submit Button"
-    }));
-  });
-  beforeEach(function () {
-    mount = createMount();
-    shallow = createShallow({
-      dive: true
-    });
-  });
-  afterEach(function () {
-    mount.cleanUp();
-  }); // Tests component
-
-  it('Test mount component complete', function () {
-    wrapper = mount(React.createElement(HiAlertModal, {
-      open: true,
-      title: "Title",
-      content: "Content",
-      labelSubmitButton: "Submit Button",
-      labelCancelButton: "Cancel Button",
-      submitColor: "negative",
-      backgroundIcon: "mdi_bulletin_board"
-    }));
-    assert.strictEqual(wrapper.find(DialogTitle).length, 1, 'should have DialogTitle');
-    assert.strictEqual(wrapper.find(DialogContent).length, 1, 'should have DialogContent');
-    assert.strictEqual(wrapper.find(DialogActions).length, 1, 'should have DialogActions');
-    assert.strictEqual(wrapper.find(HiButton).length, 2, 'should have 2 HiButtons');
-    assert.strictEqual(wrapper.find(HiIcon).length, 1, 'should have 1 HiIcon');
-  });
-  it('Test mount component without background', function () {
-    wrapper = mount(React.createElement(HiAlertModal, {
-      open: true,
-      title: "Title",
-      content: "Content",
-      labelSubmitButton: "Submit Button",
-      labelCancelButton: "Cancel Button",
-      submitColor: "negative"
-    }));
-    assert.strictEqual(wrapper.find(DialogTitle).length, 1, 'should have DialogTitle');
-    assert.strictEqual(wrapper.find(DialogContent).length, 1, 'should have DialogContent');
-    assert.strictEqual(wrapper.find(DialogActions).length, 1, 'should have DialogActions');
-    assert.strictEqual(wrapper.find(HiButton).length, 2, 'should have 2 HiButtons');
-    assert.strictEqual(wrapper.find(HiIcon).length, 0, 'should have no HiIcon');
-  });
-  it('Test mount component without submit button', function () {
-    wrapper = mount(React.createElement(HiAlertModal, {
-      open: true,
-      title: "Title",
-      content: "Content",
-      labelCancelButton: "Cancel Button",
-      submitColor: "negative"
-    }));
-    assert.strictEqual(wrapper.find(DialogTitle).length, 1, 'should have DialogTitle');
-    assert.strictEqual(wrapper.find(DialogContent).length, 1, 'should have DialogContent');
-    assert.strictEqual(wrapper.find(DialogActions).length, 1, 'should have DialogActions');
-    assert.strictEqual(wrapper.find(HiButton).length, 1, 'should have 1 HiButton');
-    assert.strictEqual(wrapper.find(HiIcon).length, 0, 'should have no HiIcon');
-  });
-  it('Test mount component without cancel button', function () {
-    wrapper = mount(React.createElement(HiAlertModal, {
-      open: true,
-      title: "Title",
-      content: "Content",
-      labelSubmitButton: "Submit Button",
-      submitColor: "negative"
-    }));
-    assert.strictEqual(wrapper.find(DialogTitle).length, 1, 'should have DialogTitle');
-    assert.strictEqual(wrapper.find(DialogContent).length, 1, 'should have DialogContent');
-    assert.strictEqual(wrapper.find(DialogActions).length, 1, 'should have DialogActions');
-    assert.strictEqual(wrapper.find(HiButton).length, 1, 'should have 1 HiButton');
-    assert.strictEqual(wrapper.find(HiIcon).length, 0, 'should have no HiIcon');
-  });
-  describe('Focus', function () {
-    var clock;
-    beforeEach(function () {
-      clock = useFakeTimers();
-    });
-    afterEach(function () {
-      clock.restore;
-    });
-    it('Should focus on submit button when mounted with submit and cancel buttons', function () {
-      wrapper = mount(React.createElement(HiAlertModal, {
-        open: true,
-        title: "Title",
-        content: "Content",
-        labelCancelButton: "Cancel Button",
-        labelSubmitButton: "Submit Button"
-      }));
-      clock.tick(10000);
-      var focusedElement = document.activeElement;
-      var cancelButtonWrapper = wrapper.find("." + componentClasses.classCancelButton).first();
-      var submitButtonWrapper = wrapper.find("." + componentClasses.classSubmitButton).first();
-      assert.notStrictEqual(focusedElement, cancelButtonWrapper.getDOMNode(), 'Cancel button should not be focused');
-      assert.strictEqual(focusedElement, submitButtonWrapper.getDOMNode(), 'Submit button should be focused');
-    });
-    it('Should focus on submit button when mounted with only a submit button', function () {
-      wrapper = mount(React.createElement(HiAlertModal, {
-        open: true,
-        title: "Title",
-        content: "Content",
-        labelSubmitButton: "Submit Button"
-      }));
-      clock.tick(10000);
-      var focusedElement = document.activeElement;
-      var submitButtonWrapper = wrapper.find("." + componentClasses.classSubmitButton).first();
-      assert.strictEqual("Submit Button", submitButtonWrapper.text(), 'submitButtonWrapper variable isn\'t the submit button');
-      assert.strictEqual(focusedElement, submitButtonWrapper.getDOMNode(), 'Submit button should be focused');
-    });
-    it('Should focus on cancel button when mounted with only a cancel button', function () {
-      wrapper = mount(React.createElement(HiAlertModal, {
-        open: true,
-        title: "Title",
-        content: "Content",
-        labelCancelButton: "Cancel Button"
-      }));
-      clock.tick(10000);
-      var focusedElement = document.activeElement;
-      var cancelButtonWrapper = wrapper.find("." + componentClasses.classCancelButton).first();
-      assert.strictEqual("Cancel Button", cancelButtonWrapper.text(), 'cancelButtonWrapper variable isn\'t the cancel button');
-      assert.strictEqual(focusedElement, cancelButtonWrapper.getDOMNode(), 'Cancel button should be focused');
-    });
-  }); // Tests callbacks
-
-  describe('callbacks', function () {
-    it('should call handleClickSubmit or handleClickCancel when clicking on buttons.', function () {
-      var handleClickSubmit = spy();
-      var handleClickCancel = spy();
-      var handleClose = spy();
-      wrapper = mount(React.createElement(HiAlertModal, {
-        open: true,
-        title: "Title",
-        labelSubmitButton: "Submit",
-        labelCancelButton: "Cancel",
-        onSubmitClick: handleClickSubmit,
-        onCancelClick: handleClickCancel,
-        onClose: handleClose
-      }));
-      wrapper.find('button').first().simulate('click');
-      assert.strictEqual(handleClickCancel.callCount, 1, 'should have been called once handleClickSubmit');
-      wrapper.find('button').last().simulate('click');
-      assert.strictEqual(handleClickSubmit.callCount, 1, 'should have been called once handleClickCancel');
-    });
-    it('callbacks onclose', function () {
-      var handleClose = spy();
-      wrapper = shallow(React.createElement(HiAlertModal, {
-        open: true,
-        title: "Title",
-        labelSubmitButton: "Submit",
-        labelCancelButton: "Cancel",
-        onClose: handleClose
-      }));
-      wrapper.find(Dialog).props().onClose();
-      assert.strictEqual(handleClose.callCount, 1, 'should have been called once handleClose');
-    });
-    it('not callback onclose', function () {
-      var handleClose = spy();
-      wrapper = shallow(React.createElement(HiAlertModal, {
-        open: true,
-        title: "Title",
-        labelSubmitButton: "Submit",
-        labelCancelButton: "Cancel"
-      }));
-      wrapper.find(Dialog).props().onClose();
-      assert.strictEqual(handleClose.callCount, 0, 'should no have been called once handleClose');
-    });
-  });
-});

package/HiBadge/HiBadge.test.js

@@ -1,49 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow, getClasses } from '../test-utils';
-import HiBadge from './HiBadge';
-describe('<HiBadge />', function () {
-  var shallow;
-  var classes;
-  before(function () {
-    shallow = createShallow({
-      untilSelector: 'Badge'
-    });
-    classes = getClasses(React.createElement(HiBadge, {
-      value: 5
-    }, React.createElement("div", {
-      className: "unique"
-    }, "Hello World")));
-  });
-  var testChildren = React.createElement("div", {
-    className: "unique"
-  }, "Hello World");
-  it('renders children and badgeContent', function () {
-    var wrapper = shallow(React.createElement(HiBadge, {
-      value: 5
-    }, testChildren));
-    assert.strictEqual(wrapper.contains(testChildren), true, 'should contain the children');
-    assert.strictEqual(wrapper.text(), 'Hello World5', 'should contain the children with badge value < 100');
-    assert.ok(wrapper.find('span').length, 'should contain the badgeContent');
-    assert.strictEqual(wrapper.find('span').at(1).hasClass(classes.badge), true, 'should have badge class');
-    assert.strictEqual(wrapper.find('span').at(1).hasClass(classes.shortBadge), true, 'should have shortBadge class');
-  });
-  it('renders children and badgeContent', function () {
-    var wrapper = shallow(React.createElement(HiBadge, {
-      value: 500
-    }, testChildren));
-    assert.strictEqual(wrapper.contains(testChildren), true, 'should contain the children');
-    assert.strictEqual(wrapper.text(), 'Hello World+100', 'should contain the children with badge value > 100');
-    assert.ok(wrapper.find('span').length, 'should contain the badgeContent');
-    assert.strictEqual(wrapper.find('span').at(1).hasClass(classes.longBadge), true, 'should have longBadge class');
-  });
-  it('renders children and badgeContent', function () {
-    var wrapper = shallow(React.createElement(HiBadge, {
-      value: 50
-    }, testChildren));
-    assert.strictEqual(wrapper.contains(testChildren), true, 'should contain the children');
-    assert.strictEqual(wrapper.text(), 'Hello World50', 'should contain the children with badge value = 50');
-    assert.ok(wrapper.find('span').length, 'should contain the badgeContent');
-    assert.strictEqual(wrapper.find('span').at(1).hasClass(classes.mediumBadge), true, 'should have mediumBadge class');
-  });
-});

package/HiBreadcrumb/HiBreadcrumb.test.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { createShallow } from '../test-utils';
-import HiBreadcrumb from './HiBreadcrumb';
-import HiStep from './HiStep';
-describe('<HiBreadcrumb />', function () {
-  var shallow;
-  var wrapper;
-  var handleStep = spy();
-  before(function () {
-    shallow = createShallow();
-    wrapper = shallow(React.createElement(HiBreadcrumb, {
-      activeStep: 0,
-      steps: [{
-        id: 0,
-        status: 'unreviewed',
-        label: 'test',
-        notificationNumber: 2
-      }, {
-        id: 1,
-        status: 'validated',
-        label: 'test',
-        notificationNumber: 0
-      }, {
-        id: 2,
-        status: 'active',
-        label: 'test',
-        notificationNumber: 1
-      }],
-      handleStep: handleStep
-    }));
-  });
-  it('should render a HiStepper component', function () {
-    assert.strictEqual(wrapper.dive().name(), 'HiStepper');
-  });
-  it('should check its props', function () {
-    assert.strictEqual(wrapper.find(HiStep).length, 3);
-  });
-  it('should have its callbacks checked', function () {
-    wrapper.dive().find(HiStep).at(1).props().onClick();
-    assert.strictEqual(handleStep.calledOnce, true);
-  });
-});

package/HiBreadcrumb/HiStep.test.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow } from '../test-utils';
-import HiStep from './HiStep';
-describe('<HiStep />', function () {
-  var shallow;
-  before(function () {
-    shallow = createShallow();
-  });
-  it('should render a HiStep component', function () {
-    var wrapper = shallow(React.createElement(HiStep, {
-      index: 0
-    }));
-    assert.strictEqual(wrapper.name(), 'HiStep');
-  });
-  it('should render a connector', function () {
-    var wrapper = shallow(React.createElement(HiStep, {
-      index: 0
-    }));
-    assert.strictEqual(wrapper.dive().find('WithStyles(HiStepConnector)').dive().name(), 'HiStepConnector');
-  });
-  it("should not render a connector if it's the last step", function () {
-    var wrapper = shallow(React.createElement(HiStep, {
-      isLast: true,
-      index: 0
-    }));
-    assert.strictEqual(wrapper.dive().find('WithStyles(HiStepConnector)').length, 0);
-  });
-  it("should render some content if it's the last step and it's a front-light breadcrumb", function () {
-    var wrapper = shallow(React.createElement(HiStep, {
-      isLast: true,
-      index: 0,
-      type: "front-light",
-      content: React.createElement("div", null, "Some content"),
-      active: true
-    }));
-    assert.strictEqual(wrapper.dive().childAt(0).dive().name(), 'HiStepContent');
-  });
-  it('should render its children', function () {
-    var wrapper = shallow(React.createElement(HiStep, {
-      index: 0
-    }, React.createElement("div", {
-      id: "test"
-    }, "label test")));
-    assert.strictEqual(wrapper.dive().find('div#test').props().active, false);
-  });
-});

package/HiBreadcrumb/HiStepConnector.test.js

@@ -1,113 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow } from '../test-utils';
-import HiStepConnector from './HiStepConnector';
-describe('<HiStepConnector />', function () {
-  var shallow;
-  var wrapper;
-  var steps = [{
-    id: 0,
-    status: 'validated',
-    label: 'Informations légales'
-  }, {
-    id: 1,
-    status: 'validated',
-    label: 'Les bénéficiaires effectifs'
-  }, {
-    id: 2,
-    status: 'validated',
-    label: 'Les mandataires'
-  }, {
-    id: 3,
-    status: 'active',
-    label: 'Autres documents'
-  }, {
-    id: 4,
-    status: 'unreviewed',
-    label: 'Mise en place du compte'
-  }];
-  before(function () {
-    shallow = createShallow();
-  });
-  describe('with a steps prop', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiStepConnector, {
-        steps: steps
-      }));
-    });
-    it('should render a HiStepConnector component', function () {
-      assert.strictEqual(wrapper.name(), 'HiStepConnector');
-    });
-    it('should render a div', function () {
-      assert.strictEqual(wrapper.dive().name(), 'div');
-    });
-    it('should have its validConnector prop set correctly', function () {
-      assert.strictEqual(wrapper.props().validConnector, false);
-    });
-    it('should have its type prop set correctly', function () {
-      assert.strictEqual(wrapper.props().type, 'back');
-    });
-    it('should have its active prop set correctly', function () {
-      assert.strictEqual(wrapper.props().active, false);
-    });
-  });
-  describe('with a validConnector prop', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiStepConnector, {
-        validConnector: true
-      }));
-    });
-    it('should have its validConnector prop set correctly', function () {
-      assert.strictEqual(wrapper.props().validConnector, true);
-    });
-  });
-  describe('with a type prop', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiStepConnector, {
-        type: "front-dark"
-      }));
-    });
-    it('should have its type prop set correctly', function () {
-      assert.strictEqual(wrapper.props().type, 'front-dark');
-    });
-  });
-  describe('with an active prop', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiStepConnector, {
-        active: true
-      }));
-    });
-    it('should have its type prop set correctly', function () {
-      assert.strictEqual(wrapper.props().active, true);
-    });
-  });
-  describe('with an active prop and a type prop', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiStepConnector, {
-        steps: steps,
-        type: "front-dark",
-        active: true
-      }));
-    }); // Pour ce test, on vérifie que la hauteur du connector est correctement calculée.
-    // Elle est fonction du nombre d'étapes, est le polynome permettant de la calculer est le suivant :
-    // height = screenHeight - 58 * (nbSteps - 1), ce qui pour notre cas de test où nbSteps = 5 et la hauteur de l'écran est initialisée à 768 donne 310
-
-    it('should have its length calculated correctly', function () {
-      assert.strictEqual(wrapper.dive().find('span').props().style.height, 310);
-    });
-  });
-  describe('with content attached, in the case of a front-light breadcrumb', function () {
-    before(function () {
-      var content = React.createElement("span", null, "Test");
-      wrapper = shallow(React.createElement(HiStepConnector, {
-        steps: steps,
-        type: "front-light",
-        active: true,
-        content: content
-      }));
-    });
-    it('should render a HiStepContent component with content in it', function () {
-      assert.strictEqual(wrapper.dive().childAt(1).dive().name(), 'HiStepContent');
-    });
-  });
-});