Tengo un componente funcional Foo.js que se parece a esto:

 const Foo = () => { return ( <View></View> ) } export default Foo

Este componente funciona bien cuando se renderiza en la aplicación .

El problema es cuando se intenta probar el componente de esta manera:

 import renderer from 'react-test-renderer' import Foo from './Foo' test('testing', () => { const component = renderer.create(<Foo />) <--- Error occurs })

Se produce un error al ejecutar esta prueba (al llamar a renderer.create ), que dice: Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

Lo extraño es que la prueba pasa sin ningún error si coloco el componente dentro del archivo de prueba :

 const Foo = () => { return ( <View></View> ) } test('testing', () => { const component = renderer.create(<Foo />) })