详解Vue单元测试case写法(2)

日期：2021-04-02 栏目：程序人生浏览：次

// 引用vue import Vue from 'vue'; // 引用要测试的组件 import app from '../../src/app.vue'; // 描述要测试的内容 describe('test app.vue', () => { // 异步数据更新 it('数据更新后，视图应该改变', done => { // 这里将app生成vue实例，并使用 $mount() 模拟挂载状态 let vm = new Vue(app).$mount(); // 挂载后改变title vm.title = 'APP'; Vue.nextTick(() => { let title = vm.$el.getElementsByTagName('h1')[0] expect(title.textContent).toEqual('APP') done(); }) }); });

以上就是对vue组件单元测试的用例编写的介绍，例子举得比较简单，主要是介绍各种情况的测试方法。