我尝试使用AVA和babel-preset-react-native
来测试我的反应原生应用程序我的配置如下:
"scripts": {
"test": "ava"
},
"ava": {
"files": [
"src/**/__tests__/*.js"
],
"failFast": true,
"require": [
"react-native-mock/mock.js",
"babel-register"
],
"babel": {
"presets": [
"react-native"
]
}
},
"devDependencies": {
"ava": "^0.13.0",
"babel-preset-react-native": "^1.2.4",
"babel-register": "~6.4.3",
"react-native-mock": "0.0.6"
}
......并且失败了:
/Users/zoon/Projets/xxxxx/node_modules/babel-register/node_modules/babel-core/lib/transformation/file/index.js:556
throw err;
^
SyntaxError: /Users/zoon/Projets/xxxxx/src/reducers/env.js: Unexpected token (12:8)
10 | case types.RECEIVE_CHANGE_ENV:
11 | return {
> 12 | ...state,
| ^
13 | current: Environments[action.env]
14 | };
15 | default:
如果我在.babelrc文件中导出这个babel配置并使用" babel":"继承"在我的AVA配置中,它以其他方式失败:
/Users/zoon/Projets/xxxxx/node_modules/lodash-es/lodash.js:10
export { default as add } from './add';
^^^^^^
SyntaxError: Unexpected token export
我无法理解如何正确配置它。我尝试过摩卡,遇到了同样的问题。
答案 0 :(得分:3)
babel-register
会忽略node_modules
。您可以在ignore:false
中设置.babelrc
以禁用该行为。你可以(可能应该)指定一个更有限的正则表达式,以避免在node_modules
中处理所有。
请参阅文档:https://babeljs.io/docs/usage/require/
您的完整配置应该如下所示:
.babelrc
{
"presets": ["react-native"],
"ignore": false
}
的package.json
{
"ava": {
"babel": "inherit"
}
}