callback回调使用 vue_Vue与单元测试

什么是单元测试

通过代码来检测代码是否正确，给一个具体的输入来判断是否能够得到期望的输出

单元测试常用库和工具

1. Chai：断言库，提供一些api来实现对期望结果的断言
2. Karma： 一个测试运行器，模拟浏览器给测试脚本提供一个运行环境
3. Mocha：一个单元测试框架库,可以任意选择断言库，如chai,expect.js等
4. Sinon：用于测试复杂代码而提供的库，提供了一些api用于辅助测试用例
5. Travis CI：为代码提供持续集成服务，常用于绑定Github的项目，在有代码提交时会自动抓取并提供一个测试环境对代码执行测试和构建。更多了解可查看
6. Vue Test Utils：Vue.js 官方的单元测试实用工具库

一、开始写一个简单的Vue测试用例

1. 环境准备

// 1.安装chai
npm install chai
// 2.安装sinon
npm install sinon

2. button组件示例

export default {
    
  name: "GuluButton",
  components: {
     "g-icon": icon },
  props: {
    
    icon: {},
    loading: {
    
      type: Boolean,
      default: false,
    },
    iconPosition: {
    
      type: String,
      default: "left",
      validator(value) {
    
        return value === "left" || value === "right";
      },
    },
  },
};

3.在vue中测试一个简单的button组件

import chai, {
    expect} from 'chai'
import sinon from 'sinon'
import {
    mount} from '@vue/test-utils'
import