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

package/es/HiCell/CellImage.test.js

@@ -1,49 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow, getClasses } from '../test-utils';
-import CellImage from './CellImage';
-describe('<CellImage/>', function () {
-  var shallow;
-  var classes;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-    classes = getClasses(React.createElement(CellImage, {
-      type: 'image',
-      label: 'visa',
-      path: '/static/hmus/images/logo_visa_75wx45h.gif'
-    }));
-  });
-  it('should render a td with an img inside and label if value', function () {
-    var wrapper = shallow(React.createElement(CellImage, {
-      type: 'image',
-      label: 'test value',
-      path: '/static/hmus/images/logo_visa_75wx45h.gif'
-    }));
-    assert.strictEqual(wrapper.find('img').length, 1, 'should have 1 image');
-    assert.strictEqual(wrapper.find('img').hasClass(classes.img), true, 'should have the img class');
-    wrapper.setProps({
-      view: 'l'
-    });
-    wrapper.update();
-    assert.strictEqual(wrapper.find('div').length, 1, 'should have 1 div');
-    assert.strictEqual(wrapper.find('div').text(), 'test value', 'should have correct label');
-  });
-  it('should render a td with an img inside and label if value', function () {
-    var wrapper = shallow(React.createElement(CellImage, {
-      sticky: true,
-      type: 'image',
-      label: 'test value',
-      path: '/static/hmus/images/logo_visa_75wx45h.gif'
-    }));
-    assert.strictEqual(wrapper.find('img').length, 1, 'should have 1 image');
-    assert.strictEqual(wrapper.find('img').hasClass(classes.img), true, 'should have the img class');
-    wrapper.setProps({
-      view: 'l'
-    });
-    wrapper.update();
-    assert.strictEqual(wrapper.find('span').length, 1, 'should have 1 label');
-    assert.strictEqual(wrapper.find('span').text(), 'test value', 'should have correct label');
-  });
-});

package/es/HiCell/CellNumeric.test.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow, getClasses } from '../test-utils';
-import CellNumeric from './CellNumeric';
-describe('<CellNumeric />', function () {
-  var shallow;
-  var classes;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-    classes = getClasses(React.createElement(CellNumeric, {
-      type: 'numeric',
-      value: 2345
-    }));
-  });
-  it('should render a td with 1 span (for value)', function () {
-    var wrapper = shallow(React.createElement(CellNumeric, {
-      type: 'numeric',
-      value: 2345
-    }));
-    assert.strictEqual(wrapper.find('div').length, 1, 'Should have 1 span.');
-    assert.strictEqual(wrapper.find('div').hasClass(classes.wrapper), true);
-  });
-  it('should render a cell with 1 span (for value)', function () {
-    var wrapper = shallow(React.createElement(CellNumeric, {
-      type: 'numeric',
-      value: 2345,
-      view: 'l',
-      currency: 'EUR'
-    }));
-    assert.strictEqual(wrapper.find('div').length, 1, 'Should have 1 span.');
-    assert.strictEqual(wrapper.find('div').hasClass(classes.wrapper), true);
-  });
-  it('should render a cell with 1 span (for value)', function () {
-    var wrapper = shallow(React.createElement(CellNumeric, {
-      type: 'numeric',
-      sticky: true,
-      value: 2345,
-      view: 's',
-      currency: 'EUR'
-    }));
-    assert.strictEqual(wrapper.find('div').length, 1, 'Should have 1 span.');
-    assert.strictEqual(wrapper.find('div').hasClass(classes.wrapper), true);
-  });
-});

package/es/HiCell/CellRate.test.js

@@ -1,73 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { ArrowTopRight, Equal, ArrowBottomRight } from 'mdi-material-ui';
-import { createShallow, getClasses } from '../test-utils';
-import CellRate from './CellRate';
-describe('<CellRate/>', function () {
-  var shallow;
-  var classes;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-    classes = getClasses(React.createElement(CellRate, {
-      type: 'rate',
-      value: 13.3,
-      trendchip: 'up'
-    }));
-  });
-  it('should render a simple div with class and arrow icon', function () {
-    var wrapper = shallow(React.createElement(CellRate, {
-      type: 'rate',
-      value: 13.3,
-      trendchip: 'up'
-    }));
-    assert.strictEqual(wrapper.find('span').length, 0, 'Should not render span containing indicator');
-    assert.strictEqual(wrapper.childAt(0).hasClass(classes.rateDiv), true, 'Should have the rateDiv class');
-    assert.strictEqual(wrapper.find(ArrowTopRight).length, 1, 'Should render a div containing rate & Arrow oriented to top');
-  });
-  it('should render a simple div with class and arrow icon', function () {
-    var wrapper = shallow(React.createElement(CellRate, {
-      type: 'rate',
-      value: 13.3,
-      trendchip: 'up',
-      isPositive: false
-    }));
-    assert.strictEqual(wrapper.find('span').length, 0, 'Should not render span containing indicator');
-    assert.strictEqual(wrapper.childAt(0).hasClass(classes.rateDiv), true, 'Should have the rateDiv class');
-    assert.strictEqual(wrapper.find(ArrowTopRight).length, 1, 'Should render a div containing rate & Arrow oriented to top');
-  });
-  it('should render a div with equal icon', function () {
-    var wrapper = shallow(React.createElement(CellRate, {
-      type: 'rate',
-      value: 13.3,
-      trendchip: 'equal'
-    }));
-    assert.strictEqual(wrapper.find(Equal).length, 1, 'Should render a div containing rate & Equal icon');
-  });
-  it('should render a div with an indicator span & div inside & arrow bottom icon inside', function () {
-    var wrapper = shallow(React.createElement(CellRate, {
-      type: 'rate',
-      value: 13.3,
-      trendchip: 'down',
-      isPositive: false,
-      indicator: 'volume'
-    }));
-    assert.strictEqual(wrapper.find(ArrowBottomRight).length, 1, 'Should render a div containing rate & ArrowBottomRight icon');
-    assert.strictEqual(wrapper.find('span').length, 1, 'Should render a span containing an indication on the data that the rate is applying');
-    assert.strictEqual(wrapper.childAt(0).hasClass(classes.rateDiv), false, 'Should have the rateDiv class');
-    assert.strictEqual(wrapper.childAt(1).hasClass(classes.spanIndicator), true, 'Should have the spanIndicator class');
-  });
-  it('should render a div with an indicator span & div inside & arrow bottom icon inside', function () {
-    var wrapper = shallow(React.createElement(CellRate, {
-      type: 'rate',
-      value: 13.3,
-      trendchip: 'down',
-      indicator: 'volume'
-    }));
-    assert.strictEqual(wrapper.find(ArrowBottomRight).length, 1, 'Should render a div containing rate & ArrowBottomRight icon');
-    assert.strictEqual(wrapper.find('span').length, 1, 'Should render a span containing an indication on the data that the rate is applying');
-    assert.strictEqual(wrapper.childAt(0).hasClass(classes.rateDiv), false, 'Should have the rateDiv class');
-    assert.strictEqual(wrapper.childAt(1).hasClass(classes.spanIndicator), true, 'Should have the spanIndicator class');
-  });
-});

package/es/HiCell/CellSentinel.test.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow } from '../test-utils';
-import HiColoredLabel from '../HiColoredLabel';
-import CellSentinel from './CellSentinel';
-describe('<CellSentinel/>', function () {
-  var shallow;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-  });
-  it('should render a div with 1 HiColoredLabel inside', function () {
-    var wrapper = shallow(React.createElement(CellSentinel, {
-      label: 'Acceptée',
-      letter: 'A',
-      color: '#00AF01'
-    }));
-    assert.strictEqual(wrapper.find(HiColoredLabel).length, 1);
-  });
-  it('should render a div with 1 HiColoredLabel active inside', function () {
-    var wrapper = shallow(React.createElement(CellSentinel, {
-      label: 'Acceptée',
-      letter: 'A',
-      color: '#00AF01',
-      active: true
-    }));
-    assert.strictEqual(wrapper.find(HiColoredLabel).length, 1);
-  });
-  it('should render a div with 1 HiColoredLabel outlined inside', function () {
-    var wrapper = shallow(React.createElement(CellSentinel, {
-      label: 'Acceptée',
-      letter: 'A',
-      color: '#00AF01',
-      outlined: true
-    }));
-    assert.strictEqual(wrapper.find(HiColoredLabel).length, 1);
-  });
-  it('should render a div with 1 HiColoredLabel with title inside', function () {
-    var wrapper = shallow(React.createElement(CellSentinel, {
-      label: 'Autorisée',
-      letter: 'A',
-      color: '#00AF01',
-      title: 'Autorisée par John Doe'
-    }));
-    assert.strictEqual(wrapper.find(HiColoredLabel).length, 1);
-  });
-});

package/es/HiCell/CellText.test.js

@@ -1,76 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow, getClasses } from '../test-utils';
-import CellText from './CellText';
-describe('<CellText />', function () {
-  var shallow;
-  var classes;
-  before(function () {
-    shallow = createShallow({
-      dive: true,
-      untilSelector: CellText,
-      context: {
-        table: {
-          footer: true
-        }
-      }
-    });
-  });
-  it('should render a div with label inside', function () {
-    var wrapper = shallow(React.createElement(CellText, {
-      type: 'text',
-      label: 'Test',
-      ellipsis: 'right',
-      displayTooltip: false
-    }));
-    assert.strictEqual(wrapper.find('div').text(), 'Test');
-  });
-  it('should render a div with 2 span (1 for label & 1 for ellipsis end)', function () {
-    var wrapper = shallow(React.createElement(CellText, {
-      type: 'text',
-      label: 'Q8A9LK6HICVYFSZ4',
-      view: 's',
-      ellipsis: 'middle',
-      ukey: 'cell_0_18',
-      displayTooltip: false
-    }));
-    assert.strictEqual(wrapper.find('span').length, 2);
-    assert.strictEqual(wrapper.find('span').at(0).text(), 'Q8A9LK6H', 'first part of label');
-    assert.strictEqual(wrapper.find('span').at(1).text(), 'ICVYFSZ4', 'last part of label');
-  });
-  it('should render a div with 2 span (1 for 1st word & 1 for the end)', function () {
-    var wrapper = shallow(React.createElement(CellText, {
-      type: 'text',
-      label: 'Test',
-      ellipsis: 'after-first-word'
-    }));
-    assert.strictEqual(wrapper.find('span').length, 2);
-    assert.strictEqual(wrapper.find('span').at(0).text(), 'Test ', 'first part of label');
-    assert.strictEqual(wrapper.find('span').at(1).text(), '', 'last part of label');
-  });
-  it('should render a div with 2 span (1 for 1st word & 1 for the end)', function () {
-    var wrapper = shallow(React.createElement(CellText, {
-      sticky: true,
-      type: 'text',
-      label: 'Test 2',
-      ellipsis: 'after-first-word'
-    }));
-    assert.strictEqual(wrapper.find('span').length, 2);
-    assert.strictEqual(wrapper.find('span').at(0).text(), 'Test ', 'first part of label');
-    assert.strictEqual(wrapper.find('span').at(1).text(), '2', 'last part of label');
-  });
-  it('should render a div with label', function () {
-    classes = getClasses(React.createElement(CellText, {
-      type: 'text',
-      label: 'Test',
-      ellipsis: 'left'
-    }));
-    var wrapper = shallow(React.createElement(CellText, {
-      type: 'text',
-      label: 'Test',
-      ellipsis: 'left'
-    }));
-    assert.strictEqual(wrapper.find('div').text(), 'Test');
-    assert.strictEqual(wrapper.find(".".concat(classes.leftEllipsisSpan)).length, 1, 'Should have 1 div with leftEllipsisSpanClass for content.');
-  });
-});

package/es/HiCheckbox/HiCheckbox.test.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { createMount, createShallow } from '../test-utils';
-import Checkbox from '@material-ui/core/Checkbox';
-import HiCheckbox from './HiCheckbox';
-describe('<HiCheckbox/>', function () {
-  var shallow;
-  var mount;
-  beforeEach(function () {
-    shallow = createShallow({
-      dive: true
-    });
-    mount = createMount();
-  });
-  afterEach(function () {
-    mount.cleanUp();
-  });
-  it('Should render a Checkbox', function () {
-    var wrapper = shallow(React.createElement(HiCheckbox, null));
-    assert.strictEqual(wrapper.find(Checkbox).length, 1, 'render checkbox');
-  });
-  var event = {
-    target: {
-      checked: false
-    }
-  };
-  it('should call onChange exactly once with event', function () {
-    var onChangeSpy = spy();
-    var wrapper = mount(React.createElement(HiCheckbox, {
-      onChange: onChangeSpy
-    }));
-    assert.strictEqual(onChangeSpy.callCount, 0);
-    wrapper.find('input').simulate('change', event);
-    assert.strictEqual(onChangeSpy.callCount, 1);
-    assert.strictEqual(onChangeSpy.args[0][0].target, event.target);
-    onChangeSpy.resetHistory();
-  });
-  it('should call onChange exactly once with event', function () {
-    var onChangeSpy = spy();
-    var wrapper = mount(React.createElement(HiCheckbox, {
-      onChange: onChangeSpy
-    }));
-    assert.strictEqual(onChangeSpy.callCount, 0);
-    wrapper.find('input').simulate('change', null);
-    assert.strictEqual(onChangeSpy.callCount, 1);
-    onChangeSpy.resetHistory();
-  });
-  it('should mount', function () {
-    var wrapper = mount(React.createElement(HiCheckbox, {
-      onChange: undefined
-    }));
-    assert.strictEqual(wrapper.find(Checkbox).length, 1, 'render checkbox');
-  });
-});

package/es/HiChip/HiChip.test.js

@@ -1,136 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { createShallow, createMount, getClasses } from '../test-utils';
-import HiChip from './HiChip';
-import HiIcon from '../HiIcon';
-describe('<HiChip />', function () {
-  var shallow;
-  var mount;
-  var classes;
-  var wrapper;
-
-  var noop = function noop() {};
-
-  before(function () {
-    shallow = createShallow({
-      untilSelector: 'Badge'
-    });
-    mount = createMount();
-    classes = getClasses(React.createElement(HiChip, {
-      label: "test"
-    }));
-  });
-  after(function () {
-    mount.cleanUp();
-  });
-  describe('Basic chip', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiChip, {
-        label: "test"
-      }));
-    });
-    it('should render a div containing a span and an icon', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.childAt(0).is('span'), true, 'should be a span');
-      assert.strictEqual(wrapper.find(HiIcon).length, 0, 'should not have deletable icon');
-    });
-    it('should merge user classes & spread custom props to the root node', function () {
-      assert.strictEqual(wrapper.hasClass(classes.root), true);
-    });
-  });
-  describe('Chip with icon', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiChip, {
-        label: "test",
-        icon: "magnify"
-      }));
-    });
-    it('should render a div containing a span', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.childAt(0).is(HiIcon), true, 'should be a HiIcon');
-      assert.strictEqual(wrapper.childAt(1).is('span'), true, 'should be a span');
-    });
-  });
-  describe('Chip with img', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiChip, {
-        label: "test",
-        img: "/static/hmus/images/countries/ag.svg"
-      }));
-    });
-    it('should render a div containing an img and a span', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.childAt(0).is('img'), true, 'should be a img');
-      assert.strictEqual(wrapper.childAt(1).is('span'), true, 'should be a span');
-    });
-  });
-  describe('Chip with icon and navigable', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiChip, {
-        label: "test",
-        icon: "magnify",
-        onNext: noop,
-        onPrevious: noop
-      }));
-    });
-    it('should render a div containing a span', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.childAt(0).is(HiIcon), true, 'should be a HiIcon (icon)');
-      assert.strictEqual(wrapper.childAt(1).is(HiIcon), true, 'should be a HiIcon (previous)');
-      assert.strictEqual(wrapper.childAt(2).is('span'), true, 'should be a span');
-      assert.strictEqual(wrapper.childAt(3).is(HiIcon), true, 'should be a HiIcon (next)');
-    });
-    it('should merge user classes & spread custom props to the root node', function () {
-      assert.strictEqual(wrapper.hasClass(classes.root), true);
-    });
-  });
-  describe('Chip with icon and navigable and delete', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiChip, {
-        label: "test",
-        icon: "magnify",
-        onNext: noop,
-        onPrevious: noop,
-        onDelete: noop
-      }));
-    });
-    it('should render all components', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.childAt(0).is(HiIcon), true, 'should be a HiIcon (icon)');
-      assert.strictEqual(wrapper.childAt(1).is(HiIcon), true, 'should be a HiIcon (previous)');
-      assert.strictEqual(wrapper.childAt(2).is('span'), true, 'should be a span');
-      assert.strictEqual(wrapper.childAt(3).is(HiIcon), true, 'should be a HiIcon (next)');
-      assert.strictEqual(wrapper.childAt(4).is(HiIcon), true, 'should be a HiIcon (delete)');
-    });
-    it('should merge user classes & spread custom props to the root node', function () {
-      assert.strictEqual(wrapper.hasClass(classes.root), true);
-    });
-  });
-  describe('delete icon', function () {
-    it('should call onDelete when clicking', function () {
-      var handleDelete = spy();
-      var handleNext = spy();
-      var handlePrevious = spy();
-      wrapper = shallow(React.createElement(HiChip, {
-        label: "test",
-        onDelete: handleDelete,
-        onPrevious: handlePrevious,
-        onNext: handleNext
-      }));
-      wrapper.find(HiIcon).at(0).simulate('click');
-      assert.strictEqual(handlePrevious.callCount, 1, 'should have been called once handlePrevious');
-      assert.strictEqual(handleNext.callCount, 0, 'should not have been called handleNext');
-      assert.strictEqual(handleDelete.callCount, 0, 'should not have been called handleDelete');
-      wrapper.find(HiIcon).at(1).simulate('click');
-      assert.strictEqual(handlePrevious.callCount, 1, 'should have been called once handlePrevious');
-      assert.strictEqual(handleNext.callCount, 1, 'should have been called once handleNext');
-      assert.strictEqual(handleDelete.callCount, 0, 'should not have been called handleDelete');
-      wrapper.find(HiIcon).at(2).simulate('click');
-      assert.strictEqual(handlePrevious.callCount, 1, 'should have been called once handlePrevious');
-      assert.strictEqual(handleNext.callCount, 1, 'should have been called once handleNext');
-      assert.strictEqual(handleDelete.callCount, 1, 'should have been called once handleDelete');
-      wrapper.unmount();
-    });
-  });
-});

package/es/HiChip/HiChipSwitch.test.js

@@ -1,99 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { createShallow, createMount, getClasses } from '../test-utils';
-import HiChipSwitch from './HiChipSwitch';
-import HiIcon from '../HiIcon';
-describe('<HiChipSwitch />', function () {
-  var shallow;
-  var mount;
-  var classes;
-  var wrapper;
-
-  var noop = function noop() {};
-
-  before(function () {
-    shallow = createShallow({
-      untilSelector: 'Badge'
-    });
-    mount = createMount();
-    classes = getClasses(React.createElement(HiChipSwitch, {
-      label: "test",
-      onClick: noop
-    }));
-  });
-  after(function () {
-    mount.cleanUp();
-  });
-  describe('text with leftIcon', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiChipSwitch, {
-        label: "test",
-        onClick: noop
-      }));
-    });
-    it('should render a div containing a span and an icon', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.childAt(0).is(HiIcon), true, 'should be a HiIcon');
-      assert.strictEqual(wrapper.childAt(1).is('span'), true, 'should be a span');
-    });
-    it('should merge user classes & spread custom props to the root node', function () {
-      assert.strictEqual(wrapper.hasClass(classes.root), true);
-    });
-  });
-  describe('text with leftIcon and selection', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiChipSwitch, {
-        label: "test",
-        selection: 5,
-        onClick: noop
-      }));
-    });
-    it('should render a div containing a span', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.childAt(0).is(HiIcon), true, 'should be a HiIcon (leftIcon)');
-      assert.strictEqual(wrapper.childAt(1).is('span'), true, 'should be a span');
-      assert.strictEqual(wrapper.childAt(2).is('div'), true, 'should be a div');
-    });
-    it('should merge user classes & spread custom props to the root node', function () {
-      assert.strictEqual(wrapper.hasClass(classes.root), true);
-    });
-  });
-  describe('callbacks', function () {
-    it('should call onDelete when clicking', function () {
-      var handleClick = spy();
-      var handleSelectionClick = spy();
-      wrapper = shallow(React.createElement(HiChipSwitch, {
-        label: "test",
-        onClick: handleClick,
-        onSelectionClick: handleSelectionClick,
-        selection: 5
-      }));
-      wrapper.simulate('click');
-      assert.strictEqual(handleClick.callCount, 1, 'should have been called once handleClick');
-      assert.strictEqual(handleSelectionClick.callCount, 0, 'should not have been called handleSelectionClick');
-      assert.strictEqual(wrapper.find(HiIcon).length, 1, 'should have default icon');
-      wrapper.setProps({
-        active: true
-      });
-      wrapper.update();
-      assert.strictEqual(wrapper.find(HiIcon).length, 1, 'should have default active icon');
-      wrapper.setProps({
-        activeIcon: 'search'
-      });
-      wrapper.update();
-      assert.strictEqual(wrapper.find(HiIcon).length, 1, 'should have specific active icon');
-      wrapper.find('div').at(1).simulate('click');
-      assert.strictEqual(handleSelectionClick.callCount, 1, 'should have been called once handleSelectionClick');
-      wrapper.unmount();
-      wrapper = mount(React.createElement(HiChipSwitch, {
-        label: "test",
-        onClick: handleClick,
-        selection: 5
-      }));
-      wrapper.find('div').at(1).simulate('click');
-      assert.strictEqual(handleSelectionClick.callCount, 1, 'should not have been called handleSelectionClick');
-      wrapper.unmount();
-    });
-  });
-});

package/es/HiColoredLabel/HiColoredLabel.test.js

@@ -1,96 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow, createMount, getClasses } from '../test-utils';
-import HiColoredLabel from './HiColoredLabel';
-describe('<HiColoredLabel />', function () {
-  var shallow;
-  var classes;
-  var mount;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-    classes = getClasses(React.createElement(HiColoredLabel, {
-      label: "",
-      color: ""
-    }));
-    mount = createMount();
-  });
-  after(function () {
-    mount.cleanUp();
-  });
-  describe('color text only', function () {
-    var wrapper;
-    before(function () {
-      wrapper = shallow(React.createElement(HiColoredLabel, {
-        label: 'Test Label',
-        color: '#e4e4e4',
-        fontWeight: 600
-      }));
-    });
-    it('should render a div with classes root', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.hasClass(classes.root), true);
-    });
-    it('should have color and background opacity 0.08', function () {
-      assert.strictEqual(wrapper.props().style.backgroundColor, 'rgba(228, 228, 228, 0.08)');
-      assert.strictEqual(wrapper.props().style.color, '#e4e4e4');
-      assert.strictEqual(wrapper.props().style.fontWeight, 600);
-    });
-  });
-  describe('active color text', function () {
-    var wrapper;
-    before(function () {
-      wrapper = shallow(React.createElement(HiColoredLabel, {
-        label: 'Test Label',
-        color: '#e4e4e4',
-        active: true
-      }));
-    });
-    it('should render a div with classes root', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.hasClass(classes.root), true);
-    });
-    it('should have color and background opacity 0.08', function () {
-      assert.strictEqual(wrapper.props().style.backgroundColor, '#e4e4e4');
-      assert.strictEqual(wrapper.props().style.color, '#20272B');
-    });
-  });
-  describe('beta active color text', function () {
-    var wrapper;
-    before(function () {
-      wrapper = shallow(React.createElement(HiColoredLabel, {
-        label: 'Test Label',
-        color: '#e4e4e4',
-        active: true,
-        beta: true
-      }));
-    });
-    it('should render a div with classes root', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.hasClass(classes.root), true);
-    });
-    it('should have color and background opacity 0.08', function () {
-      assert.strictEqual(wrapper.props().style.backgroundColor, '#e4e4e4');
-      assert.strictEqual(wrapper.props().style.color, '#20272B');
-    });
-  });
-  describe('null color', function () {
-    var wrapper;
-    before(function () {
-      wrapper = shallow(React.createElement(HiColoredLabel, {
-        label: 'Test Label',
-        color: null,
-        active: true
-      }));
-    });
-    it('should render a div with classes root', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.hasClass(classes.root), true);
-    });
-    it('should have color and background opacity 0.08', function () {
-      assert.strictEqual(wrapper.props().style.backgroundColor, undefined);
-      assert.strictEqual(wrapper.props().style.color, undefined);
-    });
-  });
-});