Regression testing of react app with jest

Example is here — https://facebook.github.io/jest/docs/en/tutorial-react.html.

The main idea is this:

// Link.react.test.js
import React from 'react';
import Link from '../Link.react';
import renderer from 'react-test-renderer';

test('Link changes the class when hovered', () => {
  const component = renderer.create(
    <Link page="http://www.facebook.com">Facebook</Link>,
  );
  let tree = component.toJSON();
  expect(tree).toMatchSnapshot();

  // manually trigger the callback
  tree.props.onMouseEnter();
  // re-rendering
  tree = component.toJSON();
  expect(tree).toMatchSnapshot();

  // manually trigger the callback
  tree.props.onMouseLeave();
  // re-rendering
  tree = component.toJSON();
  expect(tree).toMatchSnapshot();
});

// Link.react.test.js

import React from 'react';

import Link from '../Link.react';

import renderer from 'react-test-renderer';

test('Link changes the class when hovered', () => {

const component = renderer.create(

<Link page="http://www.facebook.com">Facebook</Link>,

);

let tree = component.toJSON();

expect(tree).toMatchSnapshot();

// manually trigger the callback

tree.props.onMouseEnter();

// re-rendering

tree = component.toJSON();

expect(tree).toMatchSnapshot();

// manually trigger the callback

tree.props.onMouseLeave();

// re-rendering

tree = component.toJSON();

expect(tree).toMatchSnapshot();

});

Regression testing of react app with jest

Similar Posts

LEAVE A COMMENT Отменить ответ