Test a Render Prop!

traditional-approach.jsx

describe('when <App /> renders nested render props', () => {
  const wrapper = shallow(<SuperApp />);
  const mouseWrapper = shallow(
    <div>{wrapper.find(Mouse).prop('render')({ x: 0, y: 0 })}</div>
  );
  const mouseDownWrapper = shallow(
    mouseWrapper.find(MouseDown).prop('render')({ down: true })
  );

  it('should render a string containing the coordinates', () => {
    expect(mouseDownWrapper.text()).toEqual(
      'The mouse position is (0, 0) and the button is down'
    );
  });
});