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

package/HiBreadcrumb/HiStepContent.test.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow } from '../test-utils';
-import HiStepContent from './HiStepContent';
-describe('<HiStepContent />', function () {
-  var shallow;
-  var wrapper;
-  before(function () {
-    shallow = createShallow();
-  });
-  describe('with default values', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiStepContent, null));
-    });
-    it('should render a HiStepContent component', function () {
-      assert.strictEqual(wrapper.name(), 'HiStepContent');
-    });
-    it('should render a Paper component', function () {
-      assert.strictEqual(wrapper.dive().name(), 'WithStyles(Paper)');
-    });
-  });
-  describe('with a content prop', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiStepContent, {
-        content: "Test"
-      }));
-    });
-    it('should have its content prop set correctly', function () {
-      assert.strictEqual(wrapper.props().content, 'Test');
-    });
-  });
-});

package/HiBreadcrumb/HiStepIcon.test.js

@@ -1,65 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow, getClasses } from '../test-utils';
-import HiStepIcon from './HiStepIcon';
-describe('<HiStepIcon />', function () {
-  var shallow;
-  var classes;
-  before(function () {
-    shallow = createShallow();
-    classes = getClasses(React.createElement(HiStepIcon, null));
-  });
-  it('should render a HiStep component', function () {
-    var wrapper = shallow(React.createElement(HiStepIcon, null));
-    assert.strictEqual(wrapper.name(), 'HiStepIcon');
-  });
-  it('should initiate with correct default props', function () {
-    var wrapper = shallow(React.createElement(HiStepIcon, null));
-    assert.strictEqual(wrapper.props().active, false);
-    assert.strictEqual(wrapper.props().status, 'unreviewed');
-  });
-  it('should have correct classes applied if active', function () {
-    var wrapper = shallow(React.createElement(HiStepIcon, {
-      active: true
-    }));
-    assert.strictEqual(wrapper.dive().find('div').at(1).hasClass(classes.dotAround), true);
-    assert.strictEqual(wrapper.dive().find('div').at(2).hasClass(classes.dot), true);
-    assert.strictEqual(wrapper.dive().find('div').at(2).hasClass(classes.activeStep), true);
-  });
-  it('should have correct classes applied if active and validated', function () {
-    var wrapper = shallow(React.createElement(HiStepIcon, {
-      active: true,
-      status: "validated"
-    }));
-    assert.strictEqual(wrapper.dive().find('div').at(1).hasClass(classes.dotAround), true);
-    assert.strictEqual(wrapper.dive().find('div').at(1).hasClass(classes.validated), true);
-    assert.strictEqual(wrapper.dive().find('div').at(2).hasClass(classes.dot), true);
-    assert.strictEqual(wrapper.dive().find('div').at(2).hasClass(classes.activeStep), true);
-    assert.strictEqual(wrapper.dive().find('div').at(2).hasClass(classes.dotValidated), true);
-  });
-  it('should have correct classes applied if active and refused', function () {
-    var wrapper = shallow(React.createElement(HiStepIcon, {
-      active: true,
-      status: "refused"
-    }));
-    assert.strictEqual(wrapper.dive().find('div').at(1).hasClass(classes.dotAround), true);
-    assert.strictEqual(wrapper.dive().find('div').at(1).hasClass(classes.refused), true);
-    assert.strictEqual(wrapper.dive().find('div').at(2).hasClass(classes.dot), true);
-    assert.strictEqual(wrapper.dive().find('div').at(2).hasClass(classes.activeStep), true);
-    assert.strictEqual(wrapper.dive().find('div').at(2).hasClass(classes.dotRefused), true);
-  });
-  it('should have correct classes applied if validated', function () {
-    var wrapper = shallow(React.createElement(HiStepIcon, {
-      status: "validated"
-    }));
-    assert.strictEqual(wrapper.dive().find('div').at(1).hasClass(classes.circle), true);
-    assert.strictEqual(wrapper.dive().find('div').at(1).hasClass(classes.validated), true);
-  });
-  it('should have correct classes applied if refused', function () {
-    var wrapper = shallow(React.createElement(HiStepIcon, {
-      status: "refused"
-    }));
-    assert.strictEqual(wrapper.dive().find('div').at(1).hasClass(classes.circle), true);
-    assert.strictEqual(wrapper.dive().find('div').at(1).hasClass(classes.refused), true);
-  });
-});

package/HiBreadcrumb/HiStepLabel.test.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow } from '../test-utils';
-import HiStepLabel from './HiStepLabel';
-import HiPin from '../HiPin';
-describe('<HiStepLabel />', function () {
-  var shallow;
-  before(function () {
-    shallow = createShallow();
-  });
-  it('should render a HiStepLabel component', function () {
-    var wrapper = shallow(React.createElement(HiStepLabel, null));
-    assert.strictEqual(wrapper.name(), 'HiStepLabel');
-  });
-  it('should initiate with correct default props', function () {
-    var wrapper = shallow(React.createElement(HiStepLabel, null));
-    assert.strictEqual(wrapper.props().active, false);
-    assert.strictEqual(wrapper.props().status, 'unreviewed');
-  });
-  it('should render a span', function () {
-    var wrapper = shallow(React.createElement(HiStepLabel, null));
-    assert.strictEqual(wrapper.dive().name(), 'span');
-  });
-  it('should render a notification HiPin', function () {
-    var wrapper = shallow(React.createElement(HiStepLabel, {
-      notificationNumber: 2
-    }));
-    assert.strictEqual(wrapper.dive().find(HiPin).children().text(), '2');
-  });
-});

package/HiBreadcrumb/HiStepper.test.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow } from '../test-utils';
-import HiStepper from './HiStepper';
-import HiStep from './HiStep';
-import HiStepLabel from './HiStepLabel';
-describe('<HiStepper />', function () {
-  var shallow;
-  var wrapper;
-  var children = React.createElement(HiStep, {
-    key: 1
-  }, React.createElement(HiStepLabel, {
-    status: "unreviewed",
-    notificationNumber: 0
-  }, "Label"));
-  before(function () {
-    shallow = createShallow();
-  });
-  describe('Generic tests', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(HiStepper, null, children));
-    });
-    it('should render a HiStepper component', function () {
-      assert.strictEqual(wrapper.name(), 'HiStepper');
-    });
-    it('should render a div containing children steps', function () {
-      assert.strictEqual(wrapper.dive().name(), 'div');
-    });
-    it('should render a HiStep', function () {
-      assert.strictEqual(wrapper.find(HiStep).length, 1);
-    });
-  });
-});

package/HiCell/CellAddress.test.js

@@ -1,75 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow } from '../test-utils';
-import CellAddress from './CellAddress';
-describe('<CellAddress />', function () {
-  var shallow;
-  before(function () {
-    before(function () {
-      shallow = createShallow({
-        dive: true
-      });
-    });
-    it('should render a the name and the city', function () {
-      var wrapper = shallow(React.createElement(CellAddress, {
-        type: 'address',
-        streetAddress: '12 rue Zimzim Zidane',
-        city: 'Paris',
-        country: 'France'
-      }));
-      assert.strictEqual(wrapper.find('div').text(), 'Paris, France', 'Should have correct text.');
-    });
-    it('should render a the city and the country', function () {
-      var wrapper = shallow(React.createElement(CellAddress, {
-        type: 'address',
-        streetAddress: '12 rue Zimzim Zidane',
-        city: 'Paris',
-        country: 'France',
-        isoCountry: 'FR',
-        view: 's'
-      }));
-      assert.strictEqual(wrapper.find('div').text(), 'Paris, FR', 'Should have correct text.');
-    });
-    it('should render only the city', function () {
-      var wrapper = shallow(React.createElement(CellAddress, {
-        sticky: true,
-        type: 'address',
-        streetAddress: '12 rue Zimzim Zidane',
-        city: 'Paris',
-        country: 'France',
-        view: 's'
-      }));
-      assert.strictEqual(wrapper.find('div').text(), 'Paris', 'Should have correct text.');
-    });
-    it('should render only the country', function () {
-      var wrapper = shallow(React.createElement(CellAddress, {
-        type: 'address',
-        streetAddress: '12 rue Zimzim Zidane',
-        country: 'France',
-        isoCountry: 'FR'
-      }));
-      assert.strictEqual(wrapper.find('div').text(), 'France', 'Should have correct text.');
-    });
-    it('should render only the iso country', function () {
-      var wrapper = shallow(React.createElement(CellAddress, {
-        type: 'address',
-        streetAddress: '12 rue Zimzim Zidane',
-        country: 'France',
-        isoCountry: 'FR',
-        view: 's'
-      }));
-      assert.strictEqual(wrapper.find('div').text(), 'FR', 'Should have correct text.');
-    });
-    it('should render name and the iso country', function () {
-      var wrapper = shallow(React.createElement(CellAddress, {
-        type: 'address',
-        streetAddress: '12 rue Zimzim Zidane',
-        country: 'France',
-        name: 'address',
-        isoCountry: 'FR',
-        view: 'l'
-      }));
-      assert.strictEqual(wrapper.find('div').text(), 'address, ', 'Should have correct text.');
-    });
-  });
-});

package/HiCell/CellDate.test.js

@@ -1,173 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow } from '../test-utils';
-import CellDate from './CellDate';
-describe('<CellDate />', function () {
-  var shallow;
-  before(function () {
-    shallow = createShallow({
-      dive: true,
-      untilSelector: CellDate,
-      context: {
-        table: {
-          footer: true
-        }
-      }
-    });
-  });
-  it('should render a date for all views', function () {
-    // L - en - with time
-    var wrapper = shallow(React.createElement(CellDate, {
-      type: 'date',
-      date: '2017-01-27 10:35:59',
-      locale: 'en-EN',
-      view: 'l',
-      displayTime: true
-    }));
-    assert.strictEqual(wrapper.find('div').at(0).text(), 'Friday 27 January 2017 10:35:59', 'Should display large date with time in english'); // L - en - without time
-
-    wrapper.setProps({
-      displayTime: false
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), 'Friday 27 January 2017', 'Should display large date without time in english'); // L - fr - with time
-
-    wrapper.setProps({
-      locale: 'fr',
-      displayTime: true
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), 'vendredi 27 janvier 2017 10:35:59', 'Should display large date with time in french'); // L - fr - without time
-
-    wrapper.setProps({
-      locale: 'fr',
-      displayTime: false
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), 'vendredi 27 janvier 2017', 'Should display large date without time in english'); // M - en - with time
-
-    wrapper.setProps({
-      view: 'm',
-      locale: 'en',
-      displayTime: true
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '27/01/2017 10:35:59', 'Should display medium date with time and default format'); // M - en - with time - custom format
-
-    wrapper.setProps({
-      view: 'm',
-      locale: 'en',
-      displayTime: true,
-      formatShort: 'MM-DD-YYYY'
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '01-27-2017 10:35:59', 'Should display medium date with time and custom format'); // M - en - without time
-
-    wrapper.setProps({
-      view: 'm',
-      locale: 'en',
-      displayTime: false,
-      formatShort: undefined
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '27/01/2017', 'Should display medium date without time and default format'); // M - en - without time - custom format
-
-    wrapper.setProps({
-      view: 'm',
-      locale: 'en',
-      displayTime: false,
-      formatShort: 'MM-DD-YYYY'
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '01-27-2017', 'Should display medium date without time and custom format'); // M - fr - with time
-
-    wrapper.setProps({
-      view: 'm',
-      locale: 'fr',
-      displayTime: true,
-      formatShort: undefined
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '27/01/2017 10:35:59', 'Should display medium date with time and default format'); // M - fr - with time - custom format
-
-    wrapper.setProps({
-      view: 'm',
-      locale: 'fr',
-      displayTime: true,
-      formatShort: 'MM-DD-YYYY'
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '01-27-2017 10:35:59', 'Should display medium date with time and custom format'); // M - fr - without time
-
-    wrapper.setProps({
-      view: 'm',
-      locale: 'fr',
-      displayTime: false,
-      formatShort: undefined
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '27/01/2017', 'Should display medium date without time and default format'); // M - fr - with time - custom format
-
-    wrapper.setProps({
-      view: 'm',
-      locale: 'fr',
-      displayTime: false,
-      formatShort: 'MM-DD-YYYY'
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '01-27-2017', 'Should display medium date without time and custom format'); // S - en - with time
-
-    wrapper.setProps({
-      view: 's',
-      locale: 'en',
-      displayTime: true,
-      formatShort: undefined
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '27/01/17 10:35:59', 'Should display medium date with time and default format'); // S - en - with time - custom format
-
-    wrapper.setProps({
-      view: 's',
-      locale: 'en',
-      displayTime: true,
-      formatShort: 'MM-DD-YYYY'
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '01-27-17 10:35:59', 'Should display medium date with time and custom format'); // S - en - without time
-
-    wrapper.setProps({
-      view: 's',
-      locale: 'en',
-      displayTime: false,
-      formatShort: undefined
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '27/01/17', 'Should display medium date without time and default format'); // S - en - without time - custom format
-
-    wrapper.setProps({
-      view: 's',
-      locale: 'en',
-      displayTime: false,
-      formatShort: 'MM-DD-YYYY'
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '01-27-17', 'Should display medium date without time and custom format'); // S - fr - with time
-
-    wrapper.setProps({
-      view: 's',
-      locale: 'fr',
-      displayTime: true,
-      formatShort: undefined
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '27/01/17 10:35:59', 'Should display medium date with time and default format'); // S - fr - with time - custom format
-
-    wrapper.setProps({
-      view: 's',
-      locale: 'fr',
-      displayTime: true,
-      formatShort: 'MM-DD-YYYY'
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '01-27-17 10:35:59', 'Should display medium date with time and custom format'); // S - fr - without time
-
-    wrapper.setProps({
-      view: 's',
-      locale: 'fr',
-      displayTime: false,
-      formatShort: undefined
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '27/01/17', 'Should display medium date without time and default format'); // S - fr - with time - custom format
-
-    wrapper.setProps({
-      view: 's',
-      locale: 'fr',
-      displayTime: false,
-      formatShort: 'MM-DD-YYYY'
-    });
-    assert.strictEqual(wrapper.find('div').at(0).text(), '01-27-17', 'Should display medium date without time and custom format');
-  });
-});

package/HiCell/CellIcon.test.js

@@ -1,57 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import ArrowUp from 'mdi-material-ui/ArrowUp';
-import { createShallow, createMount, getClasses } from '../test-utils';
-import CellIcon from './CellIcon';
-import HiIcon from '../HiIcon';
-describe('<CellIcon/>', function () {
-  var shallow;
-  var mount;
-  var classes;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-    mount = createMount();
-    classes = getClasses(React.createElement(CellIcon, {
-      type: 'icon',
-      icon: 'arrow_up',
-      label: 'Test'
-    }));
-  });
-  after(function () {
-    mount.cleanUp();
-  });
-  it('should render a td with an icon inside and label (view L)', function () {
-    var wrapper = shallow(React.createElement(CellIcon, {
-      type: 'icon',
-      icon: 'arrow_up',
-      label: 'Test',
-      view: 'l'
-    }));
-    assert.strictEqual(wrapper.find(HiIcon).length, 1, 'Should render HiIcon');
-    assert.strictEqual(wrapper.find(HiIcon).props().icon, 'arrow_up', 'Should pass icon name');
-    assert.strictEqual(wrapper.find(HiIcon).props().className, classes.icon, 'Should pass icon class');
-  });
-  it('should render a td with an icon inside only (view S)', function () {
-    var wrapper = shallow(React.createElement(CellIcon, {
-      type: 'icon',
-      icon: 'arrow_up',
-      label: 'Test',
-      view: 's'
-    }));
-    assert.strictEqual(wrapper.find(HiIcon).length, 1, 'Should render HiIcon');
-    assert.strictEqual(wrapper.find(HiIcon).props().icon, 'arrow_up', 'Should pass icon name');
-    assert.strictEqual(wrapper.find(HiIcon).props().className, classes.icon, 'Should pass icon class');
-  });
-  it('should render a CellIcon with an icon inside only (view S)', function () {
-    var wrapper = mount(React.createElement(CellIcon, {
-      sticky: true,
-      type: 'icon',
-      icon: 'mdi_arrow_up',
-      label: undefined,
-      view: 's'
-    }));
-    assert.strictEqual(wrapper.find(ArrowUp).length, 1, 'Should render the right icon component');
-  });
-});

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