Jest tests failing without module mock

Hi,

Jest tests fail on my project created with create-react-app.

One of the errors I get is:

 TypeError: Cannot read property 'propTypes' of undefined

      at withDirection (node_modules/react-with-direction/dist/withDirection.js:131:24)

This is very likely related to the provider (and the fact that tests don’t have them). Other tests fail, but don’t produce warnings realted to direction (although that is the cause).

For now I’ve mocked the react-with-direction module:

src/mocks/react-with-direction.js

let reactWithDirection = jest.genMockFromModule('react-with-direction');

reactWithDirection = {
  ...reactWithDirection,
  default: component => component
};

module.exports = reactWithDirection;

This seems to resolve it.

Is there a recommended solution for this?

Thanks!

[yzimet]

A bit more explanation:

A component that is wrapped with withDirection will use direction context from the closest DirectionProvider. If DirectionProvider is not present anywhere in the tree, the withDirection HOC will use a LTR direction context by default. So technically DirectionProvider is not required.

In your tests, if you are testing something unrelated to direction you can choose to not provide a DirectionProvider. For example:

const wrapper = shallow(
  <ForwardsLabel
    onPress={onPress}
  />
).dive();

expect(wrapper.prop('foo')).to.equal('bar');

In this example I’m using Enzyme’s dive method to dive through the withDirection HOC.

[dac09]

Thanks @yzimet. That’s very useful!