Cannot read property 'style' of undefined

I get this error when I run my tests with jest and it tries to import react-native-snap-carousel : TypeError: Cannot read property 'style' of undefined at Object.<anonymous> (node_modules/react-native-snap-carousel/index.js:472:842)

[thurt]

hi guys,

ran into this problem as well.

i think the problem is related to these three lines https://github.com/archriss/react-native-snap-carousel/blob/master/index.js#L56 https://github.com/archriss/react-native-snap-carousel/blob/master/index.js#L60 https://github.com/archriss/react-native-snap-carousel/blob/master/index.js#L87

if I temporarily comment those lines out in node_modules/react-native-snap-carousel then jest test no longer gets the described error.

these three lines appear to point to this line in react-native source -> https://github.com/facebook/react-native/blob/v0.43.1/Libraries/Components/ScrollView/ScrollView.js#L297

a temporary solution is to create a mock react-native-snap-carousel.js inside a __mocks__ folder. mine just looks like:

/*
  FIXME: using an empty mock in order to bypass jest test error. see tracking issue: https://github.com/archriss/react-native-snap-carousel/issues/43
 */
module.exports = () => {};

[nicolas-amabile]

I recently had a similar issue while running some tests

Since I need to make assertions on each carousel item, I implemented this simple mock:

// __mocks__/react-native-snap-carousel/index.js
const Carousel = ({ data, renderItem }) => data.map((item) => renderItem({ item }));
export default Carousel;