情况:
我正在我的 Vue 应用程序中实现单元测试,使用带有 Jest 配置的 vue-test-utils。
当我测试简单的组件时,一切都很好。但是当我测试导入其他依赖项的组件时,测试失败。
配置:
Vue 版本:2.5.17
@vue/test-utils:1.0.0-beta.20
cli-plugin-unit-jest:3.0.3
babel-jest:23.0.1
错误信息:
确切的错误消息取决于我要导入的依赖项。
例如对于史诗旋转器,错误是:
SyntaxError: Unexpected token import
使用vue-radial-progress的错误是:
SyntaxError: Unexpected token <
如何复制:
- 重新安装 vue(使用 Jest 作为单元测试套件)
- 运行示例测试,它应该通过
- 安装依赖项(例如
npm install --save epic-spinners
:) - 在 HelloWorld 组件中导入依赖
- 再次运行测试(不做任何更改)
如果我执行这些步骤,测试将失败并显示上述错误消息。
问题:
如何处理 vue-test-utils / Jest 中的依赖项导入?