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

package/es/styles/transitions.test.js

@@ -1,208 +0,0 @@
-import { assert } from 'chai';
-import { stub } from 'sinon';
-import transitions, { easing, duration, formatMs, isString, isNumber } from './transitions';
-describe('transitions', function () {
-  var consoleErrorStub;
-  beforeEach(function () {
-    consoleErrorStub = stub(console, 'error');
-  });
-  afterEach(function () {
-    consoleErrorStub.restore();
-  });
-  describe('formatMs() function', function () {
-    it('should round decimal digits and return formatted value', function () {
-      var formattedValue = formatMs(12.125);
-      assert.strictEqual(formattedValue, '12ms');
-    });
-  });
-  describe('isString() function', function () {
-    it('should return false when passed undefined', function () {
-      var value = isString();
-      assert.strictEqual(value, false);
-    });
-    it('should return false when not passed a string', function () {
-      var value = isString(1);
-      assert.strictEqual(value, false);
-      value = isString({});
-      assert.strictEqual(value, false);
-      value = isString([]);
-      assert.strictEqual(value, false);
-    });
-    it('should return true when passed a string', function () {
-      var value = isString('');
-      assert.strictEqual(value, true);
-      value = isString('test');
-      assert.strictEqual(value, true);
-    });
-  });
-  describe('isNumber() function', function () {
-    it('should return false when passed undefined', function () {
-      var value = isNumber();
-      assert.strictEqual(value, false);
-    });
-    it('should return false when not passed a number', function () {
-      var value = isNumber('');
-      assert.strictEqual(value, false);
-      value = isNumber('test');
-      assert.strictEqual(value, false);
-      value = isNumber({});
-      assert.strictEqual(value, false);
-      value = isNumber([]);
-      assert.strictEqual(value, false);
-    });
-    it('should return true when passed a number', function () {
-      var value = isNumber(1);
-      assert.strictEqual(value, true);
-      value = isNumber(1.5);
-      assert.strictEqual(value, true);
-    });
-  });
-  describe('create() function', function () {
-    it('should create default transition without arguments', function () {
-      var transition = transitions.create();
-      assert.strictEqual(transition, "all ".concat(duration.standard, "ms ").concat(easing.easeInOut, " 0ms"));
-      assert.strictEqual(consoleErrorStub.callCount, 0, 'Wrong number of calls of warning()');
-    });
-    it('should take string props as a first argument', function () {
-      var transition = transitions.create('color');
-      assert.strictEqual(transition, "color ".concat(duration.standard, "ms ").concat(easing.easeInOut, " 0ms"));
-      assert.strictEqual(consoleErrorStub.callCount, 0, 'Wrong number of calls of warning()');
-    });
-    it('should also take array of props as first argument', function () {
-      var options = {
-        delay: 20
-      };
-      var multiple = transitions.create(['color', 'size'], options);
-      var single1 = transitions.create('color', options);
-      var single2 = transitions.create('size', options);
-      var expected = "".concat(single1, ",").concat(single2);
-      assert.strictEqual(multiple, expected);
-      assert.strictEqual(consoleErrorStub.callCount, 0, 'Wrong number of calls of warning()');
-    });
-    it('should warn when first argument is of bad type', function () {
-      // $FlowIgnore
-      transitions.create(5554); // $FlowIgnore
-
-      transitions.create({});
-      assert.strictEqual(consoleErrorStub.callCount, 2, 'Wrong number of calls of warning()');
-    });
-    it('should optionally accept number "duration" option in second argument', function () {
-      var transition = transitions.create('font', {
-        duration: 500
-      });
-      assert.strictEqual(transition, "font 500ms ".concat(easing.easeInOut, " 0ms"));
-      assert.strictEqual(consoleErrorStub.callCount, 0, 'Wrong number of calls of warning()');
-    });
-    it('should optionally accept string "duration" option in second argument', function () {
-      var transition = transitions.create('font', {
-        duration: '500ms'
-      });
-      assert.strictEqual(transition, "font 500ms ".concat(easing.easeInOut, " 0ms"));
-      assert.strictEqual(consoleErrorStub.callCount, 0, 'Wrong number of calls of warning()');
-    });
-    it('should round decimal digits of "duration" prop to whole numbers', function () {
-      var transition = transitions.create('font', {
-        duration: 12.125
-      });
-      assert.strictEqual(transition, "font 12ms ".concat(easing.easeInOut, " 0ms"));
-      assert.strictEqual(consoleErrorStub.callCount, 0, 'Wrong number of calls of warning()');
-    });
-    it('should warn when bad "duration" option type', function () {
-      // $FlowIgnore
-      transitions.create('font', {
-        duration: null
-      }); // $FlowIgnore
-
-      transitions.create('font', {
-        duration: {}
-      });
-      assert.strictEqual(consoleErrorStub.callCount, 2, 'Wrong number of calls of warning()');
-    });
-    it('should optionally accept string "easing" option in second argument', function () {
-      var transition = transitions.create('transform', {
-        easing: easing.sharp
-      });
-      assert.strictEqual(transition, "transform ".concat(duration.standard, "ms ").concat(easing.sharp, " 0ms"));
-      assert.strictEqual(consoleErrorStub.callCount, 0, 'Wrong number of calls of warning()');
-    });
-    it('should warn when bad "easing" option type', function () {
-      // $FlowIgnore
-      transitions.create('transform', {
-        easing: 123
-      }); // $FlowIgnore
-
-      transitions.create('transform', {
-        easing: {}
-      });
-      assert.strictEqual(consoleErrorStub.callCount, 2, 'Wrong number of calls of warning()');
-    });
-    it('should optionally accept number "delay" option in second argument', function () {
-      var transition = transitions.create('size', {
-        delay: 150
-      });
-      assert.strictEqual(transition, "size ".concat(duration.standard, "ms ").concat(easing.easeInOut, " 150ms"));
-      assert.strictEqual(consoleErrorStub.callCount, 0, 'Wrong number of calls of warning()');
-    });
-    it('should optionally accept string "delay" option in second argument', function () {
-      var transition = transitions.create('size', {
-        delay: '150ms'
-      });
-      assert.strictEqual(transition, "size ".concat(duration.standard, "ms ").concat(easing.easeInOut, " 150ms"));
-      assert.strictEqual(consoleErrorStub.callCount, 0, 'Wrong number of calls of warning()');
-    });
-    it('should round decimal digits of "delay" prop to whole numbers', function () {
-      var transition = transitions.create('size', {
-        delay: 1.547
-      });
-      assert.strictEqual(transition, "size ".concat(duration.standard, "ms ").concat(easing.easeInOut, " 2ms"));
-      assert.strictEqual(consoleErrorStub.callCount, 0, 'Wrong number of calls of warning()');
-    });
-    it('should warn when bad "delay" option type', function () {
-      // $FlowIgnore
-      transitions.create('size', {
-        delay: null
-      }); // $FlowIgnore
-
-      transitions.create('size', {
-        delay: {}
-      });
-      assert.strictEqual(consoleErrorStub.callCount, 2, 'Wrong number of calls of warning()');
-    });
-    it('should warn when passed unrecognized option', function () {
-      transitions.create('size', {
-        fffds: 'value'
-      });
-      assert.strictEqual(consoleErrorStub.callCount, 1, 'Wrong number of calls of warning()');
-    });
-    it('should return zero when not passed arguments', function () {
-      var zeroHeightDuration = transitions.getAutoHeightDuration();
-      assert.strictEqual(zeroHeightDuration, 0);
-    });
-    it('should return zero when passed undefined', function () {
-      var zeroHeightDuration = transitions.getAutoHeightDuration(undefined);
-      assert.strictEqual(zeroHeightDuration, 0);
-    });
-    it('should return zero when passed null', function () {
-      var zeroHeightDuration = transitions.getAutoHeightDuration(null);
-      assert.strictEqual(zeroHeightDuration, 0);
-    });
-    it('should return NaN when passed a negative number', function () {
-      var zeroHeightDurationNegativeOne = transitions.getAutoHeightDuration(-1);
-      assert.strictEqual(Number.isNaN(zeroHeightDurationNegativeOne), true);
-      var zeroHeightDurationSmallNegative = transitions.getAutoHeightDuration(-0.000001);
-      assert.strictEqual(Number.isNaN(zeroHeightDurationSmallNegative), true);
-      var zeroHeightDurationBigNegative = transitions.getAutoHeightDuration(-100000);
-      assert.strictEqual(Number.isNaN(zeroHeightDurationBigNegative), true);
-    });
-    it('should return values for pre-calculated positive examples', function () {
-      var zeroHeightDuration = transitions.getAutoHeightDuration(14);
-      assert.strictEqual(zeroHeightDuration, 159);
-      zeroHeightDuration = transitions.getAutoHeightDuration(100);
-      assert.strictEqual(zeroHeightDuration, 239);
-      zeroHeightDuration = transitions.getAutoHeightDuration(0.0001);
-      assert.strictEqual(zeroHeightDuration, 46);
-      zeroHeightDuration = transitions.getAutoHeightDuration(100000);
-      assert.strictEqual(zeroHeightDuration, 6685);
-    });
-  });
-});

package/es/test-utils/until.test.js

@@ -1,157 +0,0 @@
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import assert from 'assert';
-import React from 'react';
-import PropTypes from 'prop-types';
-import { shallow } from 'enzyme';
-import until from './until';
-
-var Div = function Div() {
-  return React.createElement("div", null);
-};
-
-var hoc = function hoc(Component) {
-  return function () {
-    return React.createElement(Component, null);
-  };
-};
-
-describe('until', function () {
-  it('shallow renders the current wrapper one level deep', function () {
-    var EnhancedDiv = hoc(Div);
-    var wrapper = until.call(shallow(React.createElement(EnhancedDiv, null)), 'Div');
-    assert.strictEqual(wrapper.contains(React.createElement("div", null)), true);
-  });
-  it('shallow renders the current wrapper several levels deep', function () {
-    var EnhancedDiv = hoc(hoc(hoc(Div)));
-    var wrapper = until.call(shallow(React.createElement(EnhancedDiv, null)), 'Div');
-    assert.strictEqual(wrapper.contains(React.createElement("div", null)), true);
-  });
-  it('stops shallow rendering when the wrapper is empty', function () {
-    var nullHoc = function nullHoc() {
-      return function () {
-        return null;
-      };
-    };
-
-    var EnhancedDiv = nullHoc();
-    var wrapper = until.call(shallow(React.createElement(EnhancedDiv, null)), 'Div');
-    assert.strictEqual(wrapper.html(), null);
-  });
-  it('shallow renders as much as possible when no selector is provided', function () {
-    var EnhancedDiv = hoc(hoc(Div));
-    var wrapper = until.call(shallow(React.createElement(EnhancedDiv, null)));
-    assert.strictEqual(wrapper.contains(React.createElement("div", null)), true);
-  });
-  it('shallow renders the current wrapper even if the selector never matches', function () {
-    var EnhancedDiv = hoc(Div);
-    var wrapper = until.call(shallow(React.createElement(EnhancedDiv, null)), 'NotDiv');
-    assert.strictEqual(wrapper.contains(React.createElement("div", null)), true);
-  });
-  it('stops shallow rendering when it encounters a DOM element', function () {
-    var wrapper = until.call(shallow(React.createElement("div", null, React.createElement(Div, null))), 'Div');
-    assert.strictEqual(wrapper.contains(React.createElement("div", null, React.createElement(Div, null))), true);
-  });
-  it('throws when assert.strictEqual called on an empty wrapper', function () {
-    assert.throws(function () {
-      until.call(shallow(React.createElement(Div, null)).find('Foo'), 'div');
-    }, Error, 'Method “until” is only meant to be run on a single node. 0 found instead.');
-  });
-  it('shallow renders non-root wrappers', function () {
-    var Container = function Container() {
-      return React.createElement("div", null, React.createElement(Div, null));
-    };
-
-    var wrapper = until.call(shallow(React.createElement(Container, null)).find(Div));
-    assert.strictEqual(wrapper.contains(React.createElement("div", null)), true);
-  }); // eslint-disable-next-line react/prefer-stateless-function
-
-  var Foo =
-  /*#__PURE__*/
-  function (_React$Component) {
-    _inherits(Foo, _React$Component);
-
-    function Foo() {
-      _classCallCheck(this, Foo);
-
-      return _possibleConstructorReturn(this, _getPrototypeOf(Foo).apply(this, arguments));
-    }
-
-    _createClass(Foo, [{
-      key: "render",
-      value: function render() {
-        return React.createElement(Div, null);
-      }
-    }]);
-
-    return Foo;
-  }(React.Component);
-
-  Foo.contextTypes = {
-    quux: PropTypes.bool.isRequired
-  };
-  it('context propagation passes down context from the root component', function () {
-    var EnhancedFoo = hoc(Foo);
-    var options = {
-      context: {
-        quux: true
-      }
-    };
-    var wrapper = until.call(shallow(React.createElement(EnhancedFoo, null), options), 'Foo', options);
-    assert.strictEqual(wrapper.context('quux'), true);
-    assert.strictEqual(wrapper.contains(React.createElement(Div, null)), true);
-  }); // eslint-disable-next-line react/no-multi-comp
-
-  var Bar =
-  /*#__PURE__*/
-  function (_React$Component2) {
-    _inherits(Bar, _React$Component2);
-
-    function Bar() {
-      var _getPrototypeOf2;
-
-      var _this;
-
-      _classCallCheck(this, Bar);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Bar)).call.apply(_getPrototypeOf2, [this].concat(args)));
-
-      _defineProperty(_assertThisInitialized(_this), "getChildContext", function () {
-        return {
-          quux: true
-        };
-      });
-
-      return _this;
-    }
-
-    _createClass(Bar, [{
-      key: "render",
-      value: function render() {
-        return React.createElement(Foo, null);
-      }
-    }]);
-
-    return Bar;
-  }(React.Component);
-
-  _defineProperty(Bar, "childContextTypes", {
-    quux: PropTypes.bool
-  });
-
-  it('context propagation passes down context from an intermediary component', function () {
-    var EnhancedBar = hoc(Bar);
-    var wrapper = until.call(shallow(React.createElement(EnhancedBar, null)), 'Foo');
-    assert.strictEqual(wrapper.context('quux'), true);
-    assert.strictEqual(wrapper.contains(React.createElement(Div, null)), true);
-  });
-});

package/es/withMobileDialog/withMobileDialog.test.js

@@ -1,67 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow, getClasses } from '../test-utils';
-import Paper from '@material-ui/core/Paper';
-import Dialog from '@material-ui/core/Dialog';
-import withMobileDialog from './withMobileDialog';
-describe('withMobileDialog', function () {
-  var shallow;
-  var classes;
-  var defaultProps = {
-    open: false
-  };
-  before(function () {
-    shallow = createShallow({
-      untilSelector: 'Dialog'
-    });
-    classes = getClasses(React.createElement(Dialog, defaultProps, "foo"));
-  });
-
-  function isFullScreen(breakpoints, width) {
-    breakpoints.forEach(function (breakpoint) {
-      it("is for width: ".concat(width, " <= ").concat(breakpoint), function () {
-        var ResponsiveDialog = withMobileDialog({
-          breakpoint: breakpoint
-        })(Dialog);
-        var wrapper = shallow(React.createElement(ResponsiveDialog, Object.assign({}, defaultProps, {
-          width: width
-        }), "foo"));
-        assert.strictEqual(wrapper.find(Paper).hasClass(classes.paperFullScreen), true);
-      });
-    });
-  }
-
-  function isNotFullScreen(breakpoints, width) {
-    breakpoints.forEach(function (breakpoint) {
-      it("is not for width: ".concat(width, " > ").concat(breakpoint), function () {
-        var ResponsiveDialog = withMobileDialog({
-          breakpoint: breakpoint
-        })(Dialog);
-        var wrapper = shallow(React.createElement(ResponsiveDialog, Object.assign({}, defaultProps, {
-          width: width
-        }), "foo"));
-        assert.strictEqual(wrapper.find(Paper).hasClass(classes.paperFullScreen), false);
-      });
-    });
-  }
-
-  describe('screen width: xs', function () {
-    isFullScreen(['xs', 'sm', 'md', 'lg', 'xl'], 'xs');
-  });
-  describe('screen width: sm (default)', function () {
-    isFullScreen(['sm', 'md', 'lg', 'xl'], 'sm');
-    isNotFullScreen(['xs'], 'sm');
-  });
-  describe('screen width: md', function () {
-    isFullScreen(['md', 'lg', 'xl'], 'md');
-    isNotFullScreen(['xs', 'sm'], 'md');
-  });
-  describe('screen width: lg', function () {
-    isFullScreen(['lg', 'xl'], 'lg');
-    isNotFullScreen(['xs', 'sm', 'md'], 'lg');
-  });
-  describe('screen width: xl', function () {
-    isFullScreen(['xl'], 'xl');
-    isNotFullScreen(['xs', 'sm', 'md', 'lg'], 'xl');
-  });
-});

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