enzyme-after-update

A helper for waiting for an update on an Enzyme ReactWrapper before performing an assertion.

enzyme-after-update is a testing helper that is useful when your React components update asyncronously after an action. It returns a promise that waits for the React Component's componentDidUpdate method to be called before resolving. This is useful for making assertions about the state of a component after an asyncronous update has occured.

Credit to @tafsiri for the original idea.

API

afterUpdate(reactWrapper)

Returns a promise that waits for the provided reactWrapper (an instance of an Enzyme ReactWrapper class) to call componentDidUpdate.

Example

const React = require('react');
const expect = require('chai').expect;
const mount = require('enzyme').mount;
const afterUpdate = require('enzyme-after-update');
const ActivateFrom = require('./active-form');

it('renders the errors after an unsuccessful save', function() {
  const record = {};
  const wrapper = mount(<ActivateFrom record={record} />);

  wrapper.find('button').simulate('click');

  return afterUpdate(wrapper).then(function() {
    expect(wrapper.find('.activate-form-error').text().trim()).to.equal('Error Message');
  });
});

Release History

• 2016-10-28 - v1.0.0 - initial release
• 2016-10-31 - v1.1.0 - afterUpdate can now be used with non-root ReactWrappers.
• 2016-10-31 - v1.1.1 - Improve Readme