react-native-ui-lib/src/components/inputs/__tests__/TextInput.spec.js

UI Toolset & Components Library for React Native

import _ from 'lodash';
import TextInput from '../TextInput';
import {Constants} from '../../../helpers';
import {Typography} from '../../../style';


describe('TextInput', () => {
  // beforeEach(() => {});

  describe('shouldFakePlaceholder', () => {
    it('should shouldFakePlaceholder', () => {
      let uut = new TextInput({});
      expect(uut.shouldFakePlaceholder()).toBe(false);

      uut = new TextInput({floatingPlaceholder: true});
      expect(uut.shouldFakePlaceholder()).toBe(true);

      uut = new TextInput({floatingPlaceholder: true, centered: true});
      expect(uut.shouldFakePlaceholder()).toBe(false);
    });
  });

  describe('calcMultilineInputHeight', () => {
    it('should setState height with undefined', () => {
      const uut = new TextInput({});
      jest.spyOn(uut, 'setState').mockImplementation(() => {});
      uut.calcMultilineInputHeight();
      expect(uut.setState.height).toBeUndefined();
    });

    it('should iOS, when only multiline, setState height with undefined', () => {
      const uut = new TextInput({multiline: true});
      jest.spyOn(uut, 'setState').mockImplementation(() => {});
      uut.calcMultilineInputHeight();
      expect(uut.setState.height).toBeUndefined();
    });

    it('should iOS, when multiline and numberOfLines, setState height with typography * numberOfLines', () => {
      const uut = new TextInput({multiline: true, numberOfLines: 2});
      jest.spyOn(uut, 'setState').mockImplementation(() => {});
      jest.spyOn(uut, 'getTypography');
      uut.getTypography.mockReturnValue(Typography.text70);
      const lineHeight = Typography.text70.lineHeight;
      const {numberOfLines} = uut.props;
      const boxHeight = lineHeight * numberOfLines;
      uut.calcMultilineInputHeight();
      expect(uut.setState).toHaveBeenCalledWith({height: boxHeight});
    });

    it('should Android setState height with native event height', () => {
      mockAndroid();
      const event = {};
      _.set(event, 'nativeEvent.contentSize.height', 77);
      const uut = new TextInput({});
      jest.spyOn(uut, 'setState').mockImplementation(() => {});
      uut.calcMultilineInputHeight(event);
      expect(uut.setState).toHaveBeenCalledWith({height: 77});
    });
  });
});

function mockAndroid() {
  Constants.isIOS = false;
  Constants.isAndroid = true;
}