corradin

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

it('renders without crashing', () => {
  const div = document.createElement('div');
  ReactDOM.render(<App />, div);
  ReactDOM.unmountComponentAtNode(div);
});

corradin

expect(ReactDOM.unmountComponentAtNode(div)).toEqual(true);

corradin

import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

configure({ adapter: new Adapter() });

corradin

"setupFiles": [
    "./src/setupTests.js"
  ]

corradin

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

it('should render without crashing', () => {
    shallow(<Button />);
});

corradin

import React, { Component } from 'react';

class Button extends React.Component {
    render() {
        return (
            <button>OK</button>
        );
    }
}

corradin

import renderer from 'react-test-renderer';
it('should match the snapshot', () => {
    const component = renderer.create(
        <Button />
      );
      let tree = component.toJSON();
      expect(tree).toMatchSnapshot();
  });

corradin

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`should match the snapshot 1`] = `
<button>
  OK
</button>

corradin

it('should display the correct text', () => {
    const wrapper = shallow(<Button text="Hit me"/>);
    const buttonText = 'Hit me';
    expect(wrapper.contains(buttonText)).toEqual(true);
});

corradin

render() {
        return (
            <button>{this.props.text || 'OK'}</button>
        );
    }