解决方法:
1:通过运行来关闭日志记录--silent。所以用命令运行你的测试yarn:test --silent通过运行来关闭日志记录--silent。所以用命令运行你的测试yarn:test --silent
"scripts": {
"dev": "vite --host",
"build": "vue-tsc --noEmit && vite build",
"test": "jest --silent",
"test-coverage": "jest --coverage --silent",
"sonarqube": "sonar-scanner"
},
2:更改mount为shallowMount:
// 更改前
import { mount } from '@vue/test-utils';
import resourceManager from '@/views/systemManagement/resourceManager.vue';
import ElementPlus from 'element-plus'
describe('resourceManager.vue test', () => {
it('页面正常渲染表格', () => {
let wrapper = mount(resourceManager, {
global: {
plugins: [ElementPlus]
}
});
wrapper.vm.$nextTick(() => {
expect(wrapper.find('#resourceTable').exists()).toBe(true);
})
})
})
// 更改后
import { shallowMount} from '@vue/test-utils';
import resourceManager from '@/views/systemManagement/resourceManager.vue';
import ElementPlus from 'element-plus'
describe('resourceManager.vue test', () => {
it('页面正常渲染表格', () => {
let wrapper = mount(resourceManager, {
global: {
plugins: [ElementPlus]
}
});
wrapper.vm.$nextTick(() => {
expect(wrapper.find('#resourceTable').exists()).toBe(true);
})
})
})

本文介绍了通过`yarn:test --silent`关闭日志并演示了如何将`mount`替换为`shallowMount`进行组件测试的改进。重点在于简化测试流程和提高测试效率。

被折叠的 条评论
为什么被折叠?



