可爱的玩笑匹配者可以使用vue-test-utils测试Vue组件

开玩笑的匹配器测试实用程序 (jest-matcher-vue-test-utils)

Cute matchers for Jest to test Vue components with Vue Test Utils.

对于可爱的匹配玩笑测试与Vue的成分VUE考试utils的。

You can write tests for Vue component/store intuitively ⚡️

您可以直观地为Vue组件/存储编写测试️

it("Emits 'select' event by clicking PrimaryButton", () => {const wrapper = shallowMount(Component);expect(wrapper.emitted().select).toBeUndefined();wrapper.find(PrimaryButton).vm.$emit("click");expect(wrapper.emitted().select[0]).toBeTruthy();
});

becomes

变成

it("Emits 'select' event by clicking PrimaryButton", () => {const wrapper = shallowMount(Component);expect(() => {wrapper.find(PrimaryButton).vm.$emit("click");}).toEmit(wrapper, "select");
});

And all matchers have type definition and doc

可爱的玩笑匹配者可以使用vue-test-utils测试Vue组件相关推荐

使用Tape和Vue Test Utils编写快速的Vue单元测试
by Edd Yerburgh 埃德·耶堡(Edd Yerburgh) 使用Tape和Vue Test Utils编写快速的Vue单元测试 (Write blazing fast Vue unit t ...
vue组件测试-Vue Test Utils 应用入门
一.前言我们在vue项目中Vue Test Utils 测试环境已经搭建完成的基础上来进行演示,搭建环境可以看我之前的文章. 本文中使用的相关技术点连接: 测试环境: Vue Test Utils ...
5个测试Vue.js程序的有用工具和库
原文 | https://blog.bitsrc.io/5-useful-tools-and-libraries-for-testing-vuejs-applications-13166f930da8 ...
vue 修改div宽度_Vue 组件通信方式及其应用场景总结（1.5W字）
前言相信实际项目中用过vue的同学,一定对vue中父子组件之间的通信并不陌生,vue中采用良好的数据通讯方式,避免组件通信带来的困扰.今天笔者和大家一起分享vue父子组件之间的通信方式,优缺点,及其 ...
Vue首屏性能优化组件
Vue首屏性能优化组件简单实现一个Vue首屏性能优化组件,现代化浏览器提供了很多新接口,在不考虑IE兼容性的情况下,这些接口可以很大程度上减少编写代码的工作量以及做一些性能优化方面的事情,当然为了考 ...
【Vue知识点- No4.】vue组件、组件通信、Todo案例
知识点自测 this指向 let obj = {fn: function(){// this指向此函数的调用者},fn () {// this指向当前函数的调用者 (如果都是在vue里, this指向 ...
python 全栈开发，Day91(Vue实例的生命周期,组件间通信之中央事件总线bus,Vue Router,vue-cli 工具)...
昨日内容回顾 0. 组件注意事项!!!data属性必须是一个函数!1. 注册全局组件Vue.component('组件名',{template: ``})var app = new Vue({el: ...
vue学习2，webpack,组件，路由
一.vue指令v-for 准备vue对象,data数据 <script>new Vue({el:"#lr",data:{likes:["唱",&qu ...
Vue学习笔记01——Vue开发基础
一.Vue实例配置选项选项说明 data Vue实例数据对象 methods 定义Vue中的方法 components 定义子组件 computed 计算属性 filters 过滤器 el 唯一根 ...

可爱的玩笑匹配者可以使用vue-test-utils测试Vue组件

开玩笑的匹配器测试实用程序 (jest-matcher-vue-test-utils)

可爱的玩笑匹配者可以使用vue-test-utils测试Vue组件相关推荐

最新文章

热门文章