如何对vue.js单文件进行单元测试

 我来答
海同职坐标在线
2021-03-05 · 百度认证:上海海同优才教育培训有限责任公司
海同职坐标在线
向TA提问
展开全部
可以使用vue-test-utils,vue-test-utils是vue官方的单元测试框架,提供了一系列非常方便的工具,使我们更轻松地为vue构建的应用来编写单元测试。主流的JavaScript测试运行器有很多,但vue-test-utils都能支持。它是测试运行器无关的。具体使用方法可以参照官方手册使用
千锋教育
2018-07-27 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
展开全部
对vue.js单文件进行测试,可以写一个 test component
然后把你要测的 component 挂到这个 test component 上
然后写一堆 mock,stub 把组件外的东西处理掉(网络请求,socket)
最后写一堆断言就好了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
趣事情
2016-11-09 · 知道合伙人互联网行家
趣事情
知道合伙人互联网行家
采纳数:517 获赞数:5452
电脑技术,软件开发。移动开发。网站建设相关专业知识。都可以提供解答和相关技术指导。

向TA提问 私信TA
展开全部
import Vue from 'vue';
import FinalCountdown from 'src/components/workflow/FinalCountdown';
describe('workflow/FinalCountDown component.', () => {
const getComponent = (date) => {
let vm = new Vue({
template: '<div><final-countdown v-ref:component :date="date"></final-countdown></div>',
components: {
FinalCountdown
},
data: {
date
}
});
return vm;
};
...
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
哈哈哈哈喽哈悟
2018-03-14
知道答主
回答量:1
采纳率:0%
帮助的人:891
展开全部
import Vue from 'vue'
import User from '../../src/view/user/user'
// import {mount} from 'vue-test-utils'
describe('User.vue', () => {
it('点击按钮后, editIndex的值应该为3', () => {
let vm = new Vue(User).$mount()
// 获取button
const button = vm.$el.querySelectorAll('.edit')
// 新建点击事件
const clickEvent = new window.Event('click')
// 触发点击事件
button.dispatchEvent(clickEvent)
// 监听点击事件
vm._watcher.run()
// 断言组件的title是否变为了'Hello world'
expect(vm.editIndex).toEqual(3)
})
})
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式