BRIEFS logo BRIEFS

React Testing Patterns

05/31/2017 , 2m, 51s

I had a friend send me this testing code:

describe('handleChangeStatusConditionSearchText', () => {
  test('should handle changing status search text within FormWizard', () =>
{
    const wrapper = shallow(<FormWizard />);
    const state = {
      ...wrapper.instance().state,
      statusConditionSearchText: 'poop'
    };
    wrapper.instance().handleChangeStatusConditionSearchText('poop');
    expect(wrapper.instance().state).toEqual(state);
  });
});

And I had a few concerns with it, so I decided to record my thoughts :) (Learn more about enzyme and shallow rendering, and then never shallow render again... 😉)