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

package/es/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/es/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/es/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/es/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/es/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/es/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/styles/colorManipulator.test.js

@@ -1,242 +0,0 @@
-import { assert } from 'chai';
-import consoleErrorMock from 'test/utils/consoleErrorMock';
-import { recomposeColor, convertHexToRGB, rgbToHex, darken, decomposeColor, emphasize, fade, getContrastRatio, getLuminance, lighten } from './colorManipulator';
-describe('utils/colorManipulator', function () {
-  beforeEach(function () {
-    consoleErrorMock.spy();
-  });
-  afterEach(function () {
-    consoleErrorMock.reset();
-  });
-  describe('recomposeColor', function () {
-    it('converts a decomposed rgb color object to a string` ', function () {
-      assert.strictEqual(recomposeColor({
-        type: 'rgb',
-        values: [255, 255, 255]
-      }), 'rgb(255, 255, 255)');
-    });
-    it('converts a decomposed rgba color object to a string` ', function () {
-      assert.strictEqual(recomposeColor({
-        type: 'rgba',
-        values: [255, 255, 255, 0.5]
-      }), 'rgba(255, 255, 255, 0.5)');
-    });
-    it('converts a decomposed hsl color object to a string` ', function () {
-      assert.strictEqual(recomposeColor({
-        type: 'hsl',
-        values: [100, 50, 25]
-      }), 'hsl(100, 50%, 25%)');
-    });
-    it('converts a decomposed hsla color object to a string` ', function () {
-      assert.strictEqual(recomposeColor({
-        type: 'hsla',
-        values: [100, 50, 25, 0.5]
-      }), 'hsla(100, 50%, 25%, 0.5)');
-    });
-  });
-  describe('convertHexToRGB', function () {
-    it('converts a short hex color to an rgb color` ', function () {
-      assert.strictEqual(convertHexToRGB('#9f3'), 'rgb(153, 255, 51)');
-    });
-    it('converts a long hex color to an rgb color` ', function () {
-      assert.strictEqual(convertHexToRGB('#A94FD3'), 'rgb(169, 79, 211)');
-    });
-  });
-  describe('rgbToHex', function () {
-    it('converts an rgb color to a hex color` ', function () {
-      assert.strictEqual(rgbToHex('rgb(169, 79, 211)'), '#a94fd3');
-    });
-    it('passes a hex value through` ', function () {
-      assert.strictEqual(rgbToHex('#A94FD3'), '#A94FD3');
-    });
-  });
-  describe('decomposeColor', function () {
-    it('converts an rgb color string to an object with `type` and `value` keys', function () {
-      var _decomposeColor = decomposeColor('rgb(255, 255, 255)'),
-          type = _decomposeColor.type,
-          values = _decomposeColor.values;
-
-      assert.strictEqual(type, 'rgb');
-      assert.deepEqual(values, [255, 255, 255]);
-    });
-    it('converts an rgba color string to an object with `type` and `value` keys', function () {
-      var _decomposeColor2 = decomposeColor('rgba(255, 255, 255, 0.5)'),
-          type = _decomposeColor2.type,
-          values = _decomposeColor2.values;
-
-      assert.strictEqual(type, 'rgba');
-      assert.deepEqual(values, [255, 255, 255, 0.5]);
-    });
-    it('converts an hsl color string to an object with `type` and `value` keys', function () {
-      var _decomposeColor3 = decomposeColor('hsl(100, 50%, 25%)'),
-          type = _decomposeColor3.type,
-          values = _decomposeColor3.values;
-
-      assert.strictEqual(type, 'hsl');
-      assert.deepEqual(values, [100, 50, 25]);
-    });
-    it('converts an hsla color string to an object with `type` and `value` keys', function () {
-      var _decomposeColor4 = decomposeColor('hsla(100, 50%, 25%, 0.5)'),
-          type = _decomposeColor4.type,
-          values = _decomposeColor4.values;
-
-      assert.strictEqual(type, 'hsla');
-      assert.deepEqual(values, [100, 50, 25, 0.5]);
-    });
-  });
-  describe('getContrastRatio', function () {
-    it('returns a ratio for black : white', function () {
-      assert.strictEqual(getContrastRatio('#000', '#FFF'), 21);
-    });
-    it('returns a ratio for black : black', function () {
-      assert.strictEqual(getContrastRatio('#000', '#000'), 1);
-    });
-    it('returns a ratio for white : white', function () {
-      assert.strictEqual(getContrastRatio('#FFF', '#FFF'), 1);
-    });
-    it('returns a ratio for dark-grey : light-grey', function () {
-      assert.approximately(getContrastRatio('#707070', '#E5E5E5'), 3.93, 0.01);
-    });
-    it('returns a ratio for black : light-grey', function () {
-      assert.approximately(getContrastRatio('#000', '#888'), 5.92, 0.01);
-    });
-  });
-  describe('getLuminance', function () {
-    it('returns a valid luminance for rgb white', function () {
-      assert.strictEqual(getLuminance('rgba(0, 0, 0)'), 0);
-      assert.strictEqual(getLuminance('rgb(0, 0, 0)'), 0);
-    });
-    it('returns a valid luminance for rgb white', function () {
-      assert.strictEqual(getLuminance('rgba(255, 255, 255)'), 1);
-      assert.strictEqual(getLuminance('rgb(255, 255, 255)'), 1);
-    });
-    it('returns a valid luminance for rgb mid-grey', function () {
-      assert.strictEqual(getLuminance('rgba(127, 127, 127)'), 0.212);
-      assert.strictEqual(getLuminance('rgb(127, 127, 127)'), 0.212);
-    });
-    it('returns a valid luminance for an rgb color', function () {
-      assert.strictEqual(getLuminance('rgb(255, 127, 0)'), 0.364);
-    });
-    it('returns a valid luminance from an hsl color', function () {
-      assert.strictEqual(getLuminance('hsl(100, 100%, 50%)'), 0.5);
-    });
-    it('throw on invalid colors', function () {
-      assert.throw(function () {
-        getLuminance('black');
-      }, 'unsupported `black` color');
-    });
-  });
-  describe('emphasize', function () {
-    it('lightens a dark rgb color with the coefficient provided', function () {
-      assert.strictEqual(emphasize('rgb(1, 2, 3)', 0.4), lighten('rgb(1, 2, 3)', 0.4));
-    });
-    it('darkens a light rgb color with the coefficient provided', function () {
-      assert.strictEqual(emphasize('rgb(250, 240, 230)', 0.3), darken('rgb(250, 240, 230)', 0.3));
-    });
-    it('lightens a dark rgb color with the coefficient 0.15 by default', function () {
-      assert.strictEqual(emphasize('rgb(1, 2, 3)'), lighten('rgb(1, 2, 3)', 0.15));
-    });
-    it('darkens a light rgb color with the coefficient 0.15 by default', function () {
-      assert.strictEqual(emphasize('rgb(250, 240, 230)'), darken('rgb(250, 240, 230)', 0.15));
-    });
-  });
-  describe('fade', function () {
-    it('converts an rgb color to an rgba color with the value provided', function () {
-      assert.strictEqual(fade('rgb(1, 2, 3)', 0.4), 'rgba(1, 2, 3, 0.4)');
-    });
-    it('updates an rgba color with the alpha value provided', function () {
-      assert.strictEqual(fade('rgba(255, 0, 0, 0.2)', 0.5), 'rgba(255, 0, 0, 0.5)');
-    });
-    it('converts an hsl color to an hsla color with the value provided', function () {
-      assert.strictEqual(fade('hsl(0, 100%, 50%)', 0.1), 'hsla(0, 100%, 50%, 0.1)');
-    });
-    it('updates an hsla color with the alpha value provided', function () {
-      assert.strictEqual(fade('hsla(0, 100%, 50%, 0.2)', 0.5), 'hsla(0, 100%, 50%, 0.5)');
-    });
-    it('throw on invalid colors', function () {
-      assert.throw(function () {
-        fade('white', 0.4);
-      }, 'unsupported `white` color');
-    });
-  });
-  describe('darken', function () {
-    it("doesn't modify rgb black", function () {
-      assert.strictEqual(darken('rgb(0, 0, 0)', 0.1), 'rgb(0, 0, 0)');
-    });
-    it("doesn't overshoot if an above-range coefficient is supplied", function () {
-      assert.strictEqual(darken('rgb(0, 127, 255)', 1.5), 'rgb(0, 0, 0)');
-      assert.strictEqual(consoleErrorMock.callCount(), 1);
-    });
-    it("doesn't overshoot if a below-range coefficient is supplied", function () {
-      assert.strictEqual(darken('rgb(0, 127, 255)', -0.1), 'rgb(0, 127, 255)');
-      assert.strictEqual(consoleErrorMock.callCount(), 1);
-    });
-    it('darkens rgb white to black when coefficient is 1', function () {
-      assert.strictEqual(darken('rgb(255, 255, 255)', 1), 'rgb(0, 0, 0)');
-    });
-    it('retains the alpha value in an rgba color', function () {
-      assert.strictEqual(darken('rgb(0, 0, 0, 0.5)', 0.1), 'rgb(0, 0, 0, 0.5)');
-    });
-    it('darkens rgb white by 10% when coefficient is 0.1', function () {
-      assert.strictEqual(darken('rgb(255, 255, 255)', 0.1), 'rgb(229, 229, 229)');
-    });
-    it('darkens rgb red by 50% when coefficient is 0.5', function () {
-      assert.strictEqual(darken('rgb(255, 0, 0)', 0.5), 'rgb(127, 0, 0)');
-    });
-    it('darkens rgb grey by 50% when coefficient is 0.5', function () {
-      assert.strictEqual(darken('rgb(127, 127, 127)', 0.5), 'rgb(63, 63, 63)');
-    });
-    it("doesn't modify rgb colors when coefficient is 0", function () {
-      assert.strictEqual(darken('rgb(255, 255, 255)', 0), 'rgb(255, 255, 255)');
-    });
-    it('darkens hsl red by 50% when coefficient is 0.5', function () {
-      assert.strictEqual(darken('hsl(0, 100%, 50%)', 0.5), 'hsl(0, 100%, 25%)');
-    });
-    it("doesn't modify hsl colors when coefficient is 0", function () {
-      assert.strictEqual(darken('hsl(0, 100%, 50%)', 0), 'hsl(0, 100%, 50%)');
-    });
-    it("doesn't modify hsl colors when l is 0%", function () {
-      assert.strictEqual(darken('hsl(0, 50%, 0%)', 0.5), 'hsl(0, 50%, 0%)');
-    });
-  });
-  describe('lighten', function () {
-    it("doesn't modify rgb white", function () {
-      assert.strictEqual(lighten('rgb(255, 255, 255)', 0.1), 'rgb(255, 255, 255)');
-    });
-    it("doesn't overshoot if an above-range coefficient is supplied", function () {
-      assert.strictEqual(lighten('rgb(0, 127, 255)', 1.5), 'rgb(255, 255, 255)');
-      assert.strictEqual(consoleErrorMock.callCount(), 1);
-    });
-    it("doesn't overshoot if a below-range coefficient is supplied", function () {
-      assert.strictEqual(lighten('rgb(0, 127, 255)', -0.1), 'rgb(0, 127, 255)');
-      assert.strictEqual(consoleErrorMock.callCount(), 1);
-    });
-    it('lightens rgb black to white when coefficient is 1', function () {
-      assert.strictEqual(lighten('rgb(0, 0, 0)', 1), 'rgb(255, 255, 255)');
-    });
-    it('retains the alpha value in an rgba color', function () {
-      assert.strictEqual(lighten('rgb(255, 255, 255, 0.5)', 0.1), 'rgb(255, 255, 255, 0.5)');
-    });
-    it('lightens rgb black by 10% when coefficient is 0.1', function () {
-      assert.strictEqual(lighten('rgb(0, 0, 0)', 0.1), 'rgb(25, 25, 25)');
-    });
-    it('lightens rgb red by 50% when coefficient is 0.5', function () {
-      assert.strictEqual(lighten('rgb(255, 0, 0)', 0.5), 'rgb(255, 127, 127)');
-    });
-    it('lightens rgb grey by 50% when coefficient is 0.5', function () {
-      assert.strictEqual(lighten('rgb(127, 127, 127)', 0.5), 'rgb(191, 191, 191)');
-    });
-    it("doesn't modify rgb colors when coefficient is 0", function () {
-      assert.strictEqual(lighten('rgb(127, 127, 127)', 0), 'rgb(127, 127, 127)');
-    });
-    it('lightens hsl red by 50% when coefficient is 0.5', function () {
-      assert.strictEqual(lighten('hsl(0, 100%, 50%)', 0.5), 'hsl(0, 100%, 75%)');
-    });
-    it("doesn't modify hsl colors when coefficient is 0", function () {
-      assert.strictEqual(lighten('hsl(0, 100%, 50%)', 0), 'hsl(0, 100%, 50%)');
-    });
-    it("doesn't modify hsl colors when `l` is 100%", function () {
-      assert.strictEqual(lighten('hsl(0, 50%, 100%)', 0.5), 'hsl(0, 50%, 100%)');
-    });
-  });
-});