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

package/HiSelect/HiSelectInput.test.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow } from '../test-utils';
-import HiSelectInput from './HiSelectInput';
-import ButtonBase from '@material-ui/core/ButtonBase';
-import { spy } from 'sinon';
-describe('<SelectInput />', function () {
-  var shallow;
-  it('should render a ButtonBase', function () {
-    var handler = spy();
-    shallow = createShallow();
-    var wrapper = shallow(React.createElement(HiSelectInput, {
-      value: "Zin\xE9dine Zidane",
-      open: false,
-      focused: false,
-      disabled: false,
-      onClick: handler
-    }));
-    assert.strictEqual(wrapper.dive().find(ButtonBase).length, 1, 'should be a ButtonBase');
-  });
-});

package/HiSelectableList/HiSelectableList.test.js

@@ -1,173 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import List from '@material-ui/core/List';
-import LazyLoad from 'react-lazyload';
-import { createShallow, createMount, getClasses } from '../test-utils';
-import HiSelectableList from './HiSelectableList';
-import HiSelectableListItem from './HiSelectableListItem';
-describe('<HiSelectableList />', function () {
-  var shallow;
-  var classes;
-  var mount;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-    classes = getClasses(React.createElement(HiSelectableList, {
-      itemList: [],
-      selectedIdList: [],
-      onSelect: function onSelect() {
-        return null;
-      },
-      lazy: false
-    }));
-  });
-  beforeEach(function () {
-    mount = createMount();
-  });
-  afterEach(function () {
-    mount.cleanUp();
-  });
-  it('should render a ul', function () {
-    var wrapper = mount(React.createElement(HiSelectableList, {
-      itemList: [],
-      selectedIdList: [],
-      onSelect: function onSelect() {
-        return null;
-      },
-      lazy: false
-    }));
-    assert.strictEqual(wrapper.find('ul').length, 1);
-  });
-  it('should render as many li as items', function () {
-    var itemList = [{
-      id: 'zz',
-      label: 'Zizou'
-    }, {
-      id: 'zze',
-      label: 'Zizou encore'
-    }, {
-      id: 'ep',
-      label: 'Emmanuel Petit'
-    }];
-    var selectedIdList = ['zz'];
-    var wrapper = mount(React.createElement(HiSelectableList, {
-      itemList: itemList,
-      selectedIdList: selectedIdList,
-      onSelect: function onSelect() {
-        return null;
-      },
-      lazy: false
-    }));
-    assert.strictEqual(wrapper.find(HiSelectableListItem).length, itemList.length);
-  });
-  it('should render with the root classes', function () {
-    var wrapper = shallow(React.createElement(HiSelectableList, {
-      itemList: [],
-      selectedIdList: [],
-      onSelect: function onSelect() {
-        return null;
-      },
-      lazy: false
-    }));
-    assert.strictEqual(wrapper.find(List).hasClass(classes.root), true);
-  });
-  it('should call onSelect with selectedItem', function () {
-    var itemList = [{
-      id: 'zz',
-      label: 'Zizou'
-    }, {
-      id: 'zze',
-      label: 'Zizou encore'
-    }, {
-      id: 'ep',
-      label: 'Emmanuel Petit'
-    }];
-    var handleOnSelect = spy();
-    var wrapper = mount(React.createElement(HiSelectableList, {
-      itemList: itemList,
-      selectedIdList: [],
-      onSelect: handleOnSelect,
-      lazy: false
-    }));
-    var firstCheckbox = wrapper.find("input[type='checkbox']").first();
-    firstCheckbox.simulate('click');
-    assert.strictEqual(handleOnSelect.calledOnce, true);
-    assert.strictEqual(handleOnSelect.args[0][1], itemList[0]);
-  });
-  it('should sort items', function () {
-    var itemList = [{
-      id: 'zz',
-      label: 'Zizou'
-    }, {
-      id: 'zze',
-      label: 'Zizou encore'
-    }, {
-      id: 'ep',
-      label: 'Emmanuel Petit'
-    }];
-    var handleOnSelect = spy();
-    var wrapper = mount(React.createElement(HiSelectableList, {
-      hideCheckbox: true,
-      itemList: itemList,
-      selectedIdList: [],
-      onSelect: handleOnSelect,
-      sort: true,
-      lazy: false
-    }));
-    assert.strictEqual(wrapper.find(HiSelectableListItem).at(0).text(), 'Emmanuel Petit');
-    assert.strictEqual(wrapper.find(HiSelectableListItem).at(1).text(), 'Zizou');
-    assert.strictEqual(wrapper.find(HiSelectableListItem).at(2).text(), 'Zizou encore');
-  });
-  it('should custom sort items', function () {
-    var itemList = [{
-      id: 'zz',
-      label: 'Zizou'
-    }, {
-      id: 'zze',
-      label: 'Zizou encore'
-    }, {
-      id: 'ep',
-      label: 'Emmanuel Petit'
-    }];
-    var handleOnSelect = spy();
-
-    var compareItemFunc = function compareItemFunc(a, b) {
-      return a.label.length > b.label.length ? 1 : -1;
-    };
-
-    var wrapper = mount(React.createElement(HiSelectableList, {
-      hideCheckbox: true,
-      itemList: itemList,
-      selectedIdList: [],
-      onSelect: handleOnSelect,
-      sort: true,
-      comparItemFunc: compareItemFunc,
-      lazy: false
-    }));
-    assert.strictEqual(wrapper.find(HiSelectableListItem).at(0).text(), 'Zizou');
-    assert.strictEqual(wrapper.find(HiSelectableListItem).at(1).text(), 'Zizou encore');
-    assert.strictEqual(wrapper.find(HiSelectableListItem).at(2).text(), 'Emmanuel Petit');
-  });
-  it('should render with lazyload', function () {
-    var itemList = [{
-      id: 'zz',
-      label: 'Zizou'
-    }, {
-      id: 'zze',
-      label: 'Zizou encore'
-    }, {
-      id: 'ep',
-      label: 'Emmanuel Petit'
-    }];
-    var wrapper = shallow(React.createElement(HiSelectableList, {
-      itemList: itemList,
-      selectedIdList: [],
-      onSelect: function onSelect() {
-        return null;
-      }
-    }));
-    assert.strictEqual(wrapper.find(LazyLoad).length, 3);
-  });
-});

package/HiSelectableList/HiSelectableListItem.test.js

@@ -1,97 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import ListItem from '@material-ui/core/ListItem';
-import HiCheckbox from '../HiCheckbox';
-import { spy } from 'sinon';
-import { createShallow, createMount, getClasses } from '../test-utils';
-import HiSelectableListItem from './HiSelectableListItem';
-describe('<HiSelectableListItem />', function () {
-  var shallow;
-  var mount;
-  var classes;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-    classes = getClasses(React.createElement(HiSelectableListItem, null));
-  });
-  beforeEach(function () {
-    mount = createMount();
-  });
-  afterEach(function () {
-    mount.cleanUp();
-  });
-  it('should render a unselected checkbox', function () {
-    var wrapper = mount(React.createElement(HiSelectableListItem, {
-      selected: false,
-      checkbox: true,
-      onSelect: function onSelect() {
-        return null;
-      }
-    }));
-    assert.strictEqual(wrapper.find(HiCheckbox).props().checked, false);
-  });
-  it('should render an item without the class inline', function () {
-    var wrapper = mount(React.createElement(HiSelectableListItem, {
-      secondaryInline: false
-    }));
-    assert.strictEqual(wrapper.find(ListItem).hasClass(classes.inline), false);
-  });
-  it('should render a selected checkbox', function () {
-    var wrapper = mount(React.createElement(HiSelectableListItem, {
-      selected: true,
-      checkbox: true,
-      onSelect: function onSelect() {
-        return null;
-      }
-    }));
-    assert.strictEqual(wrapper.find(HiCheckbox).props().checked, true);
-  });
-  it('should update if props selected change', function () {
-    var wrapper = mount(React.createElement(HiSelectableListItem, {
-      selected: false,
-      checkbox: true,
-      onSelect: function onSelect() {
-        return null;
-      }
-    }));
-    assert.strictEqual(wrapper.find(HiCheckbox).props().checked, false);
-    wrapper.setProps({
-      selected: true
-    });
-    wrapper.update();
-    assert.strictEqual(wrapper.find(HiCheckbox).props().checked, true);
-  });
-  it('should call onSelect on click event', function () {
-    var handleOnSelect = spy();
-    var wrapper = mount(React.createElement(HiSelectableListItem, {
-      selected: false,
-      onSelect: handleOnSelect
-    }));
-    var listItem = wrapper.find(ListItem);
-    listItem.simulate('click');
-    assert.strictEqual(handleOnSelect.calledOnce, true);
-  });
-  it('should update state if element is hovered', function () {
-    var wrapper = shallow(React.createElement(HiSelectableListItem, {
-      selected: false,
-      onSelect: function onSelect() {
-        return null;
-      }
-    }));
-    var listItem = wrapper.dive().find(ListItem);
-    listItem.simulate('mouseenter');
-    assert.strictEqual(wrapper.state().hover, true);
-    listItem.simulate('mouseleave');
-    assert.strictEqual(wrapper.state().hover, false);
-  });
-  it('should handle hideCheckbox & disabled props', function () {
-    var wrapper = mount(React.createElement(HiSelectableListItem, {
-      selected: true,
-      hideCheckbox: true,
-      disabled: true
-    }));
-    assert.strictEqual(wrapper.find(HiCheckbox).length, 0);
-    assert.strictEqual(wrapper.find(ListItem).props().disabled, true);
-  });
-});

package/HiSwitch/HiSwitch.test.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import Check from '@material-ui/icons/Check';
-import SwitchBase from '@material-ui/core/internal/SwitchBase';
-import { createShallow, getClasses } from '../test-utils';
-import HiSwitch from './HiSwitch';
-describe('<HiSwitch />', function () {
-  var shallow;
-  var classes;
-  before(function () {
-    shallow = createShallow({
-      untilSelector: 'div'
-    });
-    classes = getClasses(React.createElement(HiSwitch, null));
-  });
-  describe('default HiSwitch export', function () {
-    var wrapper;
-    beforeEach(function () {
-      wrapper = shallow(React.createElement(HiSwitch, {
-        className: "foo"
-      }));
-    });
-    it('should render a div with the root and user classes', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.hasClass(classes.root), true);
-      assert.strictEqual(wrapper.hasClass('foo'), true);
-      assert.strictEqual(wrapper.find(SwitchBase).length, 1);
-    });
-    it('should render SwitchBase with a custom div icon with the icon class', function () {
-      var switchBase = wrapper.childAt(0);
-      assert.strictEqual(switchBase.name(), 'WithStyles(SwitchBase)');
-      assert.strictEqual(switchBase.props().icon.type, Check);
-      assert.strictEqual(switchBase.props().icon.props.className, classes.icon);
-    });
-    it('should render the bar as the 2nd child', function () {
-      var bar = wrapper.childAt(1);
-      assert.strictEqual(bar.is('div'), true);
-      assert.strictEqual(bar.hasClass(classes.bar), true);
-    });
-  });
-});

package/HiSwitch/HiSwitchState.test.js

@@ -1,76 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { createShallow, getClasses } from '../test-utils';
-import HiSwitchState from './HiSwitchState';
-describe('<HiSwitchState />', function () {
-  var shallow;
-  var classes;
-  before(function () {
-    shallow = createShallow({
-      untilSelector: 'div'
-    });
-    classes = getClasses(React.createElement(HiSwitchState, null));
-  });
-  describe('default HiSwitch export', function () {
-    var wrapper;
-    var handler;
-    beforeEach(function () {
-      handler = spy();
-      wrapper = shallow(React.createElement(HiSwitchState, {
-        className: "foo",
-        checked: "zou",
-        onChange: handler,
-        leftLabel: "Zin\xE9dine",
-        leftValue: "zi",
-        rightLabel: "Zidane",
-        rightValue: "zou"
-      }));
-    });
-    it('should render a div with the root and user classes', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.hasClass(classes.root), true);
-      assert.strictEqual(wrapper.hasClass('foo'), true);
-    });
-    it('should render 2 clickable buttons', function () {
-      var leftButton = wrapper.childAt(0).dive();
-      var rightButton = wrapper.childAt(1).dive();
-      assert.strictEqual(leftButton.name(), 'ForwardRef(HiButton)');
-      assert.strictEqual(leftButton.props().children, 'Zinédine');
-      assert.strictEqual(leftButton.hasClass(classes.checked), false);
-      assert.strictEqual(rightButton.name(), 'ForwardRef(HiButton)');
-      assert.strictEqual(rightButton.props().children, 'Zidane');
-      assert.strictEqual(rightButton.hasClass(classes.checked), true); // Simulate click and update props
-
-      leftButton.simulate('click');
-      assert.strictEqual(handler.calledOnce, true, 'should onChange callback be called once');
-      assert.strictEqual(handler.calledWith(undefined, 'zi'), true, 'should onChange callback be called with params');
-      rightButton.simulate('click');
-      assert.strictEqual(handler.calledTwice, true, 'should onChange callback be called twice');
-      assert.strictEqual(handler.calledWith(undefined, 'zou'), true, 'should onChange callback be called with params');
-      wrapper.setProps({
-        checked: 'zi'
-      });
-      wrapper.update();
-      leftButton = wrapper.childAt(0).dive();
-      rightButton = wrapper.childAt(1).dive();
-      assert.strictEqual(leftButton.hasClass(classes.checked), true);
-      assert.strictEqual(rightButton.hasClass(classes.checked), false);
-    });
-  });
-  it('should render disabled buttons', function () {
-    var wrapper = shallow(React.createElement(HiSwitchState, {
-      className: "foo",
-      checked: "zi",
-      leftLabel: "Zin\xE9dine",
-      leftValue: "zi",
-      rightLabel: "Zidane",
-      rightValue: "zou",
-      disabled: true
-    }));
-    var leftButton = wrapper.childAt(0).dive();
-    var rightButton = wrapper.childAt(1).dive();
-    assert.strictEqual(leftButton.hasClass(classes.disabled), true);
-    assert.strictEqual(rightButton.hasClass(classes.disabled), true);
-  });
-});

package/HiTable/HiTable.test.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow, getClasses } from '../test-utils';
-import HiTable from './HiTable';
-describe('<HiTable columns={columns} data={data}/>', function () {
-  var shallow;
-  var classes;
-  var columns = {};
-  var data = [];
-  before(function () {
-    shallow = createShallow({
-      untilSelector: 'table'
-    });
-    classes = getClasses(React.createElement(HiTable, {
-      columns: columns,
-      data: data
-    }));
-  });
-  describe('default HiTable export', function () {
-    it('should render a table with the root classes', function () {
-      var wrapper = shallow(React.createElement(HiTable, {
-        columns: columns,
-        data: data
-      }));
-      assert.strictEqual(wrapper.name(), 'table');
-      assert.strictEqual(wrapper.hasClass(classes.root), true);
-    });
-  });
-});

package/es/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/es/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/es/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');
-  });
-});