react-native-komect-uikit/src/grid/__tests__/Grid.js

React Native UI Toolkit

import React from 'react';
import { Text } from 'react-native';
import { shallow } from 'enzyme';
import toJson from 'enzyme-to-json';
import Grid from '../Grid';
import Row from '../Row';

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

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

  it('should render children', () => {
    const component = shallow(
      <Grid containerStyle={{ backgroundColor: 'peru' }}>
        <Text>Hi</Text>
        <Row>Bye</Row>
      </Grid>
    );

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

  it('should render with onPress', () => {
    const onPress = jest.fn();
    const component = shallow(
      <Grid
        onPress={onPress}
        size={3}
        containerStyle={{ backgroundColor: 'peru' }}
      />
    );

    component.simulate('press');
    expect(onPress).toHaveBeenCalled();
  });
});