forgeplus-react/node_modules/material-ui/es/ButtonBase/Ripple.test.js

import React from 'react';
import { assert } from 'chai';
import { spy, useFakeTimers } from 'sinon';
import { createShallow, getClasses, createMount } from '../test-utils';
import TouchRipple from './TouchRipple';
import Ripple from './Ripple';

var _ref = React.createElement(TouchRipple, null);

describe('<Ripple />', () => {
  let shallow;
  let classes;
  let mount;
  before(() => {
    shallow = createShallow();
    classes = getClasses(_ref);
    mount = createMount();
  });
  after(() => {
    mount.cleanUp();
  });
  it('should render a Transition', () => {
    const wrapper = shallow(React.createElement(Ripple, {
      classes: classes,
      timeout: {},
      rippleX: 0,
      rippleY: 0,
      rippleSize: 10
    }));
    assert.strictEqual(wrapper.name(), 'Transition');
  });
  it('should have the ripple className', () => {
    const wrapper = shallow(React.createElement(Ripple, {
      classes: classes,
      timeout: {},
      rippleX: 0,
      rippleY: 0,
      rippleSize: 11
    }));
    assert.strictEqual(wrapper.childAt(0).hasClass(classes.ripple), true, 'should have the ripple class');
    assert.strictEqual(wrapper.childAt(0).hasClass(classes.fast), false, 'should not have the fast (pulse) class');
  });
  describe('starting and stopping', () => {
    let wrapper;
    before(() => {
      wrapper = mount(React.createElement(Ripple, {
        classes: classes,
        timeout: {
          exit: 0,
          enter: 0
        },
        "in": false,
        rippleX: 0,
        rippleY: 0,
        rippleSize: 11
      }));
    });
    it('should start the ripple', () => {
      assert.strictEqual(wrapper.state().visible, false, 'should not be visible');
      wrapper.setProps({
        in: true
      });
      wrapper.update();
      assert.strictEqual(wrapper.state().visible, true, 'should be visible');
      const rippleWrapper = wrapper.find('span').first();
      assert.strictEqual(rippleWrapper.hasClass(classes.rippleVisible), true, 'should have the visible class');
    });
    it('should stop the ripple', () => {
      wrapper.setProps({
        in: true
      });
      wrapper.setProps({
        in: false
      });
      wrapper.update();
      assert.strictEqual(wrapper.state().leaving, true, 'should be leaving');
      const childWrapper = wrapper.find('span').last();
      assert.strictEqual(childWrapper.hasClass(classes.childLeaving), true, 'should have the leaving class');
    });
  });
  describe('pulsating and stopping', () => {
    let wrapper;
    before(() => {
      wrapper = mount(React.createElement(Ripple, {
        classes: classes,
        timeout: {
          enter: 0,
          exit: 0
        },
        "in": false,
        rippleX: 0,
        rippleY: 0,
        rippleSize: 11,
        pulsate: true
      }));
    });
    it('should render the ripple inside a pulsating Ripple', () => {
      assert.strictEqual(wrapper.name(), 'Ripple');
      const rippleWrapper = wrapper.find('span').first();
      assert.strictEqual(rippleWrapper.hasClass(classes.ripple), true, 'should have the ripple class');
      assert.strictEqual(rippleWrapper.hasClass(classes.ripplePulsate), true, 'should have the fast class');
      const childWrapper = wrapper.find('span').last();
      assert.strictEqual(childWrapper.hasClass(classes.childPulsate), true, 'should have the pulsating class');
    });
    it('should start the ripple', () => {
      assert.strictEqual(wrapper.state().visible, false, 'should not be visible');
      wrapper.setProps({
        in: true
      });
      wrapper.update();
      assert.strictEqual(wrapper.state().visible, true, 'should be visible');
      const rippleWrapper = wrapper.find('span').first();
      assert.strictEqual(rippleWrapper.hasClass(classes.rippleVisible), true, 'should have the visible class');
      const childWrapper = wrapper.find('span').last();
      assert.strictEqual(childWrapper.hasClass(classes.childPulsate), true, 'should have the pulsating class');
    });
    it('should stop the ripple', () => {
      wrapper.setProps({
        in: false
      });
      wrapper.update();
      assert.strictEqual(wrapper.state().leaving, true, 'should be leaving');
      const childWrapper = wrapper.find('span').last();
      assert.strictEqual(childWrapper.hasClass(classes.childLeaving), true, 'should have the leaving class');
    });
  });
  describe('pulsating and stopping', () => {
    let wrapper;
    let clock;
    let callbackSpy;
    beforeEach(() => {
      callbackSpy = spy();
      wrapper = mount(React.createElement(Ripple, {
        classes: classes,
        timeout: {
          exit: 550
        },
        "in": true,
        onExited: callbackSpy,
        rippleX: 0,
        rippleY: 0,
        rippleSize: 11,
        pulsate: true
      }));
      clock = useFakeTimers();
    });
    afterEach(() => {
      clock.restore();
    });
    it('handleExit should trigger a timer', () => {
      wrapper.setProps({
        in: false
      });
      clock.tick(549);
      assert.strictEqual(callbackSpy.callCount, 0, 'The timer is not finished yet');
      clock.tick(1);
      assert.strictEqual(callbackSpy.callCount, 1, 'handleExit callback should have been called');
    });
    it('unmount should defuse the handleExit timer', () => {
      wrapper.setProps({
        in: false
      });
      wrapper.unmount();
      clock.tick(550);
      assert.strictEqual(callbackSpy.callCount, 0, 'handleExit callback should not be called');
    });
  });
});