React/Jest Testing #react #js #testing

react-jest-testing.js

// simple component test
import React from 'react';
import { shallow } from 'enzyme';
import Button from './Button';

function setupComponent (props) {
    return shallow(<Button {...props} />);
}

it('should render the button', () => {
    let component = setupComponent();

    expect(component.find('button')).toHaveLength(1);
});

it('should call the callback when clicked', () => {
    let callback = jest.fn();
    let component = setupComponent({
        onClick: callback
    });

    component.simulate('click');

    expect(callback).toBeCalled();
});