vue组件测试-Vue Test Utils 应用入门

一、前言       

        我们在vue项目中Vue Test Utils 测试环境已经搭建完成的基础上来进行演示，搭建环境可以看我之前的文章。       

        本文中使用的相关技术点连接：

        测试环境：  Vue Test Utils

        断言库：chai

       

二、基础

        1、describe:

                存放测试用例的容器，一个describe中可以定义多个测试用例。

               语法

               describe('说明', () => {

                        // 函数中写测试用例

               })

        2、it：

                编写测试用例

                语法

                        it('描述', () => {

                                    //函数中编写断言（对结果的预期）

                          })

        3、运行

                1 package.json中的scripts对象中配置"unit": "jest --config test/unit/jest.config.js",

                2 项目 跟目录运行npm run unit

三、

        1、第一个测试用例演示 创建测试文件 test.spec.js

describe('测试', () => {
  it('测试用例', () => {
    // 演示一下，断言字符串'hello'内容是'hello'，当然我这么写，结果肯定是true的。
    // epect后面的字符串以后会变成真正的页面内容。
    expect('hello').toContain('hello')
  })
})

                运行npm run unit