Estoy tratando de probar el módulo react-native-camera con broma
Así que tengo el siguiente package.json :
{ "name": "app", "version": "0.0.1", "private": true, "main": "index.js", "license": "MIT", "scripts": { "start": "node node_modules/react-native/local-cli/cli.js start", "test": "jest" }, "dependencies": { "react": "~15.4.0-rc.4", "react-native": "0.40.0", "react-native-camera": "^0.5.1" }, "devDependencies": { "babel-eslint": "^7.1.1", "babel-jest": "18.0.0", "babel-preset-react-native": "1.9.1", "jest": "18.1.0", "react-test-renderer": "~15.4.0-rc.4" }, "jest": { "preset": "react-native" } } Y dado el siguiente Component tal como está en el ejemplo :
import React from 'react'; import Camera from 'react-native-camera'; class CameraComponent extends React.Component { constructor(props: Props) { super(props); this.camera = null; this.state = { camera: { aspect: Camera.constants.Aspect.stretch, captureTarget: Camera.constants.CaptureTarget.cameraRoll, type: Camera.constants.Type.back, orientation: Camera.constants.Orientation.auto, flashMode: Camera.constants.FlashMode.auto, } }; } render() { return ( <Camera ref={(cam) => { this.camera = cam; }} style={styles.preview} aspect={this.state.camera.aspect} captureTarget={this.state.camera.captureTarget} type={this.state.camera.type} flashMode={this.state.camera.flashMode} defaultTouchToFocus mirrorImage={false} /> ); } } const styles = StyleSheet.create({ preview: { flex: 1 } }Entonces, la prueba a continuación está fallando con el siguiente mensaje:
TypeError: no se puede leer la propiedad 'Aspecto' de undefined
import 'react-native'; import React from 'react'; import Index from '../index.ios.js'; import renderer from 'react-test-renderer'; it('renders correctly', () => { const tree = renderer.create( <Index /> ); });Para corregir el componente de reacción react-native-camera reacción creado en la carpeta __mocks__ :
import React from 'react'; const constants = constants = { Aspect: {}, BarCodeType: {}, Type: {}, CaptureMode: {}, CaptureTarget: {}, CaptureQuality: {}, Orientation: {}, FlashMode: {}, TorchMode: {} }; class Camera extends React.Component { static constants = constants render() { return null; } } Camera.constants = constants; export default Camera;Y modifiqué la prueba agregando las siguientes líneas:
import mockCamera from '../__mocks__/Camera'; jest.mock('react-native-camera', () => mockCamera);Tienes que simularlo usando el nombre de la biblioteca y el nombre del componente de esta manera:
jest.mock('react-native-camera', () => 'Camera');
Más información aquí: https://facebook.github.io/jest/docs/tutorial-react-native.html#tips