使用 Create React App Boilerplate 设置 AVA Test Runner

Question

尝试在运行 create-react-app 之后设置 AVA。我发现并尝试了一些 this gist 的教程和参考资料，但我一直在 JSX <App /> 元素上收到 unexpected token 错误。有人知道那个要点有什么问题吗？ npm run test的完整输出：

react-with-ava@0.1.0 test /react-with-ava
cross-env NODE_ENV=test ava

1 exception

Uncaught Exception
SyntaxError: /react-with-ava/src/App.test.js: Unexpected token (8:18)
SyntaxError: /react-with-ava/src/App.test.js: Unexpected token (8:18)
6 | test('renders without crashing', t => {
7 |   const div = document.createElement('div');
8 |   ReactDOM.render(<App />, div);
  |                   ^
9 | });

Answer 1

不支持也不推荐将 Ava 与 Create React App 一起使用。

创建的项目已经包含我们推荐使用的测试运行器（Jest）。运行 npm test 在项目文件夹中启动。

理论上你可以让 Ava 工作，但这需要配置 Babel，这会很快在 CRA 项目中造成混乱。如果你坚持使用 Ava，你可以 npm run eject 然后在弹出的项目中手动将 Jest 替换为 Ava。

使用 Create React App Boilerplate 设置 AVA Test Runner

AVA Test Runner Setup with Create React App Boilerplate

node.js

reactjs

babeljs

ava