vue单元测试（vue单元测试官网）

本篇文章给大家谈谈vue单元测试，以及vue单元测试官网对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、vue + element-ui 单元测试出错。
• 2、如何对vue.js单文件进行单元测试
• 3、vue鼓励将功能和局部页面封装到组件内吗？
• 4、怎么对vue中$emit进行单元测试

vue + element-ui 单元测试出错。

vue + element-ui 当多个页面使用el-select时，使用单元测试测试所有让键页做滑早面时，出现错误。

环境；vue：v2.5.1，element-ui：v2.7.0，karma：1.4.1， mocha：3.2.0

修改vue和element-ui版本无效；修改单元测试插件，使用 @vue/cli-plugin-unit-mocha无效。纯雀

ERROR LOG: '[Vue warn]: Error in callback for watcher "options": "TypeError: undefined is not an object (evaluating 'this.$el.querySelectorAll')"；

ERROR LOG: '[Vue warn]: Error in directive clickoutside update hook: "TypeError: Attempted to assign to readonly property."

ERROR LOG: '[Vue warn]: Error in created hook: "TypeError: undefined is not an object (evaluating 'el._transitionClasses')"

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

可以使用vue-test-utils，vue-test-utils是vue官方的单元测试框架，提供了一系列非常方便的工具，使我们更轻松地为vue构建的应用来编写单元测试。主流的JavaScript测试运行器有很多，但vue-test-utils都能支持。它是测试运行器无关的。具体使用方戚正埋法高蚂可以参照清盯官方手册使用

[img]

vue鼓励将功能和局部页面封装到组件内吗？

看业务场景

没什么是固定死的

只是通常情况可能有更好的解决方案

怎么对vue中$emit进行单元测试

网页链接可以参考官方文档。

其实前端一般世嫌如果涉及到页面改动的话，就建议直搜颤手接运行在页面进行观察测试。而

$emit显然都已经涉及到父子组件的问题，所以我建洞虚议可以不用写单元测试，直接在页面出发调用就行了。

关于vue单元测试和vue单元测试官网的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。