forgeplus-react/node_modules/material-ui/es/Input/Textarea.test.js

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

function assignRefs(wrapper) {
  // refs don't work with shallow renders in enzyme so here we directly define
  // 'this.input', 'this.shadow', etc. for this Textarea via wrapper.instance()
  const input = wrapper.find('textarea').last();
  wrapper.instance().input = input;
  const textareaShadow = wrapper.find('textarea').at(2);
  wrapper.instance().shadow = textareaShadow;
  const singlelineShadow = wrapper.find('textarea').first();
  wrapper.instance().singlelineShadow = singlelineShadow;
  return {
    singlelineShadow,
    textareaShadow,
    input
  };
}

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

var _ref2 = React.createElement(Textarea, null);

var _ref3 = React.createElement(Textarea, null);

var _ref4 = React.createElement(Textarea, null);

describe('<Textarea />', () => {
  let shallow;
  let mount;
  before(() => {
    shallow = createShallow({
      dive: true
    });
    mount = createMount();
  });
  after(() => {
    mount.cleanUp();
  });
  it('should render 3 textareas', () => {
    const wrapper = shallow(_ref);
    assert.strictEqual(wrapper.find('textarea').length, 3);
  });
  it('should change its height when the height of its shadows changes', () => {
    const wrapper = shallow(_ref2);
    assert.strictEqual(wrapper.state().height, 19);
    const refs = assignRefs(wrapper); // jsdom doesn't support scroll height so we have to simulate it changing
    // which makes this not so great of a test :(

    refs.textareaShadow.scrollHeight = 43;
    refs.singlelineShadow.scrollHeight = 43; // this is needed to trigger the resize

    refs.input.simulate('change', {
      target: {
        value: 'x'
      }
    });
    assert.strictEqual(wrapper.state().height, 43);
    refs.textareaShadow.scrollHeight = 19;
    refs.singlelineShadow.scrollHeight = 19;
    refs.input.simulate('change', {
      target: {
        value: ''
      }
    });
    assert.strictEqual(wrapper.state().height, 19);
  });
  describe('height behavior', () => {
    let wrapper;
    beforeEach(() => {
      const TextareaNaked = unwrap(Textarea);
      wrapper = mount(React.createElement(TextareaNaked, {
        classes: {},
        value: "f"
      }));
    });
    afterEach(() => {
      wrapper.unmount();
    });
    it('should update the height when the value change', () => {
      const instance = wrapper.instance();
      instance.singlelineShadow = {
        scrollHeight: 19
      };
      instance.shadow = {
        scrollHeight: 19
      };
      wrapper.setProps({
        value: 'fo'
      });
      assert.strictEqual(wrapper.state().height, 19);
      instance.shadow = {
        scrollHeight: 48
      };
      wrapper.setProps({
        value: 'foooooo'
      });
      assert.strictEqual(wrapper.state().height, 48);
    });
    it('should respect the rowsMax property', () => {
      const instance = wrapper.instance();
      const rowsMax = 4;
      const lineHeight = 19;
      instance.singlelineShadow = {
        scrollHeight: lineHeight
      };
      instance.shadow = {
        scrollHeight: lineHeight * 5
      };
      wrapper.setProps({
        rowsMax
      });
      assert.strictEqual(wrapper.state().height, lineHeight * rowsMax);
    });
  });
  it('should set filled', () => {
    const wrapper = shallow(_ref3);
    assert.strictEqual(wrapper.find('textarea').length, 3);
    const refs = assignRefs(wrapper); // this is needed to trigger the resize

    refs.input.simulate('change', {
      target: {
        value: 'x'
      }
    });
    assert.strictEqual(wrapper.instance().value, 'x'); // this is needed to trigger the resize

    refs.input.simulate('change', {
      target: {
        value: ''
      }
    });
    assert.strictEqual(wrapper.instance().value, '');
  });
  describe('prop: textareaRef', () => {
    it('should be able to access the native textarea', () => {
      const handleRef = spy();
      mount(React.createElement(Textarea, {
        textareaRef: handleRef
      }));
      assert.strictEqual(handleRef.callCount, 1);
    });
  });
  describe('prop: onChange', () => {
    it('should be call the callback', () => {
      const handleChange = spy();
      const wrapper = shallow(React.createElement(Textarea, {
        value: "x",
        onChange: handleChange
      }));
      assert.strictEqual(wrapper.find('textarea').length, 3);
      const refs = assignRefs(wrapper);
      const event = {
        target: {
          value: 'xx'
        }
      };
      refs.input.simulate('change', event);
      assert.strictEqual(wrapper.instance().value, 'xx');
      assert.strictEqual(handleChange.callCount, 1);
      assert.deepEqual(handleChange.args[0], [event]);
    });
  });
  describe('resize', () => {
    let clock;
    before(() => {
      clock = useFakeTimers();
    });
    after(() => {
      clock.restore();
    });
    it('should handle the resize event', () => {
      const wrapper = shallow(_ref4);
      const refs = assignRefs(wrapper);
      refs.textareaShadow.scrollHeight = 43;
      refs.singlelineShadow.scrollHeight = 43;
      wrapper.find('EventListener').at(0).simulate('resize');
      assert.strictEqual(wrapper.state().height, 19);
      clock.tick(166);
      assert.strictEqual(wrapper.state().height, 43);
    });
  });
});