我已经通过mocha测试创建了一个vue3 cli项目:
vue create vue_proj_with_mocha_testing
(accept defaults)
cd vue_proj_with_mocha_testing
vue add unit-mocha
然后在Visual Code中安装mocha Test Explorer扩展,重新启动,将文件夹添加到工作区中,单击文件夹ctrl-shift-p和mocha Test Explorer:“为工作区文件夹启用”。开箱即用的mocha Test Explorer似乎不喜欢vuecli的example.spec.js测试:
import { expect } from 'chai'
import { shallowMount } from '@vue/test-utils'
import HelloWorld from '@/components/HelloWorld.vue'
describe('HelloWorld.vue',() => {
it('renders props.msg when passed',() => {
const msg = 'new message'
const wrapper = shallowMount(HelloWorld,{
propsData: { msg }
})
expect(wrapper.text()).to.include(msg)
})
})
我将此条目添加到settings.json中,以便Test Explorer找到vue的“ tests”文件夹,该文件夹不同于默认的“ test”文件夹。
"mochaExplorer.files": ["tests/**/*.spec.js"],
然后在测试资源管理器中收到此错误:
import { expect } from 'chai';
^^^^^^
SyntaxError: Cannot use import statement outside a module
这表明我有一些转堆工作要做,而mocha Test Explorer指出了做到这一点的方法是settings.json中的“ mochaTestExplorer”字段,但是我不确定是否需要babel软件包的组合。要在Visual Studio Code的mocha Test Explorer中运行此开箱即用的vue-cli-3测试,应该怎么做?这是我目前的猜测:
"mochaExplorer.require": [
"@babel/preset-env","@babel/register","@babel/polyfill","@babel/plugin-transform-runtime"
],