vue的自动化测试详解(二)

简介: vue的自动化测试详解

测试覆盖率

jest⾃自带覆盖率,如果⽤用的 mocha,需要使⽤用 istanbul来统计覆盖率

package.json⾥里里修改 jest配置

jest: {
    "collectCoverage": true,
    "collectCoverageFrom": ["src/**/*.{js,vue}"],
  }

倘若有个jest.config.js那么就在 moduleFileExtensions 上一行加入,这个文件是对jest的配置

"collectCoverage": true,
"collectCoverageFrom": ["src/**/*.{js,vue}"],

在跑一下npm run test:unit

847c336c27ec93b3e28a3790206473d8.jpg

生成的报告文件在coverage目录下,打开可以看到这么个鬼东西


0e1fdcbefb67419f15598f1f2105422f.jpg


这个测试报告可以很精确的看到我们哪些没测试,哪些测试了,我在KaiKeBa里加点东西不测试,来看看结果


555f7d696a01365ff64e11fc0b3d84c1.jpg


蓝色的我们可以点进去的


1d21e5dbf865da5dbe9c8328a1e119aa.jpg


指出了没有测到的地方,判断了newData是否等于1,显然不等于的


我们可以给他测试下,要这么写,给newData赋值

it('测试点击后,newData == "1"的结果',() => {
        // $mount处理不了用户交互,所以我们要用到vue官方推荐的@vue/test-utils
        let wrapper = mount(KaiKeBaComp)
        wrapper.vm.newData = '1'
        //点击一下
        wrapper.find('.btn').trigger('click')
        expect( wrapper.vm.msg ).toBe('click false')
    })

7854e75a78b10f6a892755104fef0d34.jpg



相关文章
|
3天前
|
SQL 前端开发 数据库
基于 springboot+vue+elementui 的办公自动化系统设计
基于 springboot+vue+elementui 的办公自动化系统设计
|
6月前
|
JavaScript Java 关系型数据库
ssm+vue的企业办公自动化管理系统(有报告)。Javaee项目,ssm vue前后端分离项目。
ssm+vue的企业办公自动化管理系统(有报告)。Javaee项目,ssm vue前后端分离项目。
|
7月前
|
存储 JavaScript Java
【已开源】针对 jar 和 vue 一键自动化部署工具,界面好,操作简单!
easy-jenkins是一款对vue和jar的部署工具,操作简单,实行一键部署,内部结构采用流水线形式架构,每次部署,时时提供部署过程,部署记录,界面友好简洁,使用方便,符合用户常规操作
|
10月前
|
缓存 JavaScript 测试技术
Vue 中使用 Karma 做自动化测试
Vue 中使用 Karma 做自动化测试
58 0
|
JavaScript 前端开发 Cloud Native
vue脚手架多页自动化生成实践
本文旨在针对门户类应用的场景下的Vue脚手架构建方案的一些总结和分析,通过自动化的配置脚本来生成模板化的多页应用实践,以期能够给读者提供一个基于Vue全家桶的门户类工程构建方案。
67 0
|
存储 JavaScript 前端开发
针对 jar 和 vue 的一键自动化部署工具,界面友好,操作简单(已开源)2
针对 jar 和 vue 的一键自动化部署工具,界面友好,操作简单(已开源)2
|
消息中间件 JavaScript 小程序
针对 jar 和 vue 的一键自动化部署工具,界面友好,操作简单(已开源)
针对 jar 和 vue 的一键自动化部署工具,界面友好,操作简单(已开源)
|
前端开发 JavaScript 测试技术
|
前端开发 JavaScript 测试技术
一篇超详细的vue项目前端自动化测试教学!(三)
一篇超详细的vue项目前端自动化测试教学!
310 0
一篇超详细的vue项目前端自动化测试教学!(三)
|
JavaScript 前端开发 测试技术
一篇超详细的vue项目前端自动化测试教学!(二)
一篇超详细的vue项目前端自动化测试教学!
109 0
一篇超详细的vue项目前端自动化测试教学!(二)