Nuxt2我正在使用@nuxtjs/composition-api和
在应用程序上设置测试@vue/test-utils。
此外,还有一个使用 @和 的vue-CLIUI 库。vue/composition-apivue-demi
问题是,即使context按照此处的解决方案进行了嘲笑,我们的商店仍然存在undefined并且测试失败。
///// SET UP /////
该Nuxt2应用程序设置如下:
Package.json
"dependencies": {
"@nuxtjs/composition-api": "^0.20.2",
"core-js": "2",
}
"devDependencies": {
"@vue/test-utils": "^1.3.0",
"babel-core": "^7.0.0-bridge.0",
"babel-jest": "^28.1.0",
"jest": "^28.1.0",
"jest-environment-jsdom": "^28.1.0",
"jest-junit": "^14.0.0",
"vue-jest": "^3.0.7",
}
Run Code Online (Sandbox Code Playgroud)
nuxt.config.js
alias: {
'vue-demi': '@nuxtjs/composition-api',
},
Run Code Online (Sandbox Code Playgroud)
jest.config.js
module.exports = {
verbose: true,
testEnvironment: 'jsdom',
moduleFileExtensions: ['js', 'vue', 'json'],
moduleNameMapper: {
'^@/(.*)$': '<rootDir>/$1',
'^~/(.*)$': '<rootDir>/$1',
'^vue$': 'vue/dist/vue.common.js', …Run Code Online (Sandbox Code Playgroud)