React Native文档的测试部分表明Jest是进行单元测试的官方方式.但是,他们没有解释如何设置它.没有任何设置运行Jest会产生语法错误(没有行号:()因为它不应用React Native代码倾向于使用的转换(例如ES6功能,JSX和Flow)jestSupport.React Native源中有一个文件夹尝试包含一个env.js和scriptPrerocess.js,后者有代码用于应用转换.所以我已经将它们复制到我的项目中并将以下部分添加到我的package.json中:
"jest": {
"scriptPreprocessor": "jestSupport/scriptPreprocess.js",
"setupEnvScriptFile": "jestSupport/env.js"
},
Run Code Online (Sandbox Code Playgroud)
这修复了第一个错误,但我仍然收到以下错误:
Using Jest CLI v0.4.0
FAIL js/sync/__tests__/SynchronisedStorage-tests.js
SyntaxError: /Users/tom/my-project/js/sync/__tests__/SynchronisedStorage-tests.js: /Users/tom/my-project/js/sync/SynchronisedStorage.js: /Users/tom/my-project/node_modules/react-native/Libraries/react-native/react-native.js: /Users/tom/my-project/node_modules/react-native/node_modules/react-tools/src/browser/ui/React.js: /Users/tom/my-project/node_modules/react-native/node_modules/react-tools/src/utils/ReactChildren.js: /Users/tom/my-project/node_modules/react-native/node_modules/react-tools/src/addons/ReactFragment.js: /Users/tom/my-project/node_modules/react-native/node_modules/react-tools/src/classic/element/ReactElement.js: /Users/tom/my-project/node_modules/react-native/node_modules/react-tools/src/core/ReactContext.js: /Users/tom/my-project/node_modules/react-native/node_modules/react-tools/src/vendor/core/warning.js: Unexpected token .
1 test failed, 0 tests passed (1 total)
Run time: 0.456s
Run Code Online (Sandbox Code Playgroud)
还有更多我需要做的让Jest了解React Native吗?有没有Jest设置的例子来测试React Native?
编辑:
有一个检查scriptPreprocess阻止它运行任何文件node_modules,当然包括整个React Native.删除它修复了上面的错误.但是,我现在从React Native源获得更多错误,看起来它似乎并不意味着在Jest中运行.
EDIT2:
明确设置react-native模块的模拟工作:
jest.setMock('react-native', {});
Run Code Online (Sandbox Code Playgroud)
这似乎是非常手动的,对于测试与React Native API交互的代码非常有用.我当然还是觉得我错过了什么!