是否可以在没有 Vue CLI/Webpack/Babel 设置的情况下测试用普通 javascript 开发的 Vue 组件?
到目前为止,我在网上找到的有关该子机的文档非常少:
- https://github.com/vuejs/vue-test-utils/issues/1192
- https://vue-test-utils.vuejs.org/installation/#running-vue-test-utils-without-a-build-step
- How to test plain Vue components (not single file components)
我安装了 Vue、Vue 测试工具、JSDOM
我的 package.json :
{
"name": "GuichetUnique.CMS",
"version": "1.0.0",
"description": "",
"main": "index.js",
"dependencies": {
"jest": "^26.4.2",
"vue": "^2.6.12",
"vue-template-compiler": "^2.6.12"
},
"devDependencies": {
"@vue/test-utils": "^1.0.5",
"jsdom": "16.4.0",
"jsdom-global": "3.0.2"
},
"scripts": {
"test": "jest"
},
"keywords": [],
"author": "",
"license": "ISC"
}
Jest 使用简单的 js 函数运行良好,但我还没有设法测试 Vue 组件。
我的测试内容
require('jsdom-global')();
var testUtils = require('@vue/test-utils'), Vue = require('vue');
testUtils.mount({ template: '<div>test</div>' });
测试结果
TypeError: Illegal invocation at removeEventListener (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:157:15)
请帮忙!
最佳答案
2 个月前我们遇到过类似的问题。一个稍微不同的用例,但对我们来说,对 VueCLI 的依赖是罪魁祸首。没有它,我们甚至无法成功运行基本测试。
我认为如果你想走这条路,你可能不得不绕过预期的机制做很多工作。为此,如果值得您花时间,您需要自己回答。我们选择了 VueCLI,并认为开销是理所当然的。
关于不使用 Vue CLI 测试纯 JavaScript Vue 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63768380/