
vue-test-util
williamyi74
服从感性,抗拒理性
展开
-
vue-test-utils测试路由跳转次数叠加问题
解决方法:在beforeEach中重新初始化router: // 在describe外面定义router let router = new VueRouter(); // 在beforeEach中重新初始化 beforeEach写在describe里面 beforeEach(() => { // 测试跳转时共用同一个对象会产生点击次数叠加,每个测试用例之间的跳转次数不独立导致结果不准确 // 执行每个测试用例之前重新初始化一次router,保证jest.spyOn/jest.f原创 2021-05-21 17:24:24 · 700 阅读 · 0 评论 -
vue-test-util中mock掉elementUI的$confirm弹窗及jest.spyOn和jest.fn的使用
我们在使用elementUI的$confirm弹窗时经常用来删除确认,写单测的时候我们并模拟不了用户点了是或否,弹窗是在body外面的,所以使用wrapper.find在组件内也拿不到弹窗中的确定或者取消按钮,模拟真实用户点击就行不通了,单测中也没有document对象查询不了body,所以这里为了执行到点是后面的逻辑,写单测时直接将确定这一步跳过,自己mock掉这个过程,只保留确定后的删除逻辑: 组件中: this.$confirm('确认删除吗?', '警告', { confirm原创 2021-05-19 22:56:52 · 1554 阅读 · 0 评论 -
vue-test-util测试vue项目的测试套件基本配置详解及心得
import { shallowMount, } from '@vue/test-utils'; import Component from '@/components/Component'; // 导入vuex和你的store实例 import Vuex from 'vuex'; import store from '@/store/index.js'; /** * @author Sukyi * @priority P0 * @casetype unit */ describe('测试Co.原创 2021-05-17 21:43:41 · 1164 阅读 · 0 评论