react-native-komect-uikit/src/form/__tests__/FormInput.js

React Native UI Toolkit

import React from 'react';
import { shallow } from 'enzyme';
import toJson from 'enzyme-to-json';
import FormInput from '../FormInput';

describe('FormInput Component', () => {
  it('should render without issues', () => {
    const component = shallow(<FormInput />);

    expect(component.length).toBe(1);
    expect(toJson(component)).toMatchSnapshot();
  });

  it('should have a TextInput component', () => {
    const component = shallow(<FormInput />);

    expect(component.find('TextInput').length).toBe(1);
  });

  it('should call onChangeText function on adding new value', () => {
    const customFunction = jest.fn();
    const component = shallow(<FormInput onChangeText={customFunction} />);
    component.find('TextInput').simulate('ChangeText', 'Text Change');

    expect(customFunction).toHaveBeenCalled();
  });

  it('should call onFocus function', () => {
    const customFunction = jest.fn();
    const component = shallow(
      <FormInput
        onFocus={customFunction}
        containerStyle={{ backgroundColor: 'red' }}
        inputStyle={{ backgroundColor: 'red' }}
      />
    );
    component.find('TextInput').simulate('Focus');

    expect(customFunction).toHaveBeenCalledTimes(1);
  });
});