vue中jest单元测试使用功能初探

简介: 本文介绍vue中jest单元测试基础功能的使用

安装jest

在使用脚手架创建vue项目的时候,我们可以选择使用jest单元测试

  1. 勾选使用单元测试

在这里插入图片描述
2.目录中会生成 example.spec.js 文件,也就是jest单元测试的文件

在这里插入图片描述

使用实例

这里循环出来了三个a标签

在这里插入图片描述
下面在jest单元测试中进行测试

在这里插入图片描述
如图这里是在jest配置文件中,这段单元测试的代码意思是找到a标签,看它是否有三个
使用 yarn jest 命令进行启动单元测试
在这里插入图片描述
如图所示运行的测试结果没有问题

我现在把a标签删除再来测试

在这里插入图片描述
可以看到测试不通过,并且反馈了比较详细直观的错误提示

今天给大家介绍了jest单元测试简单的功能使用方法,后面还会给大家继续带来相关的内容

相关文章
|
26天前
|
人工智能 搜索推荐 Serverless
使用金庸的著作,来测试阿里通义千问最新开放的长文档处理功能
使用金庸的著作,来测试阿里通义千问最新开放的长文档处理功能
65 7
使用金庸的著作,来测试阿里通义千问最新开放的长文档处理功能
|
1月前
|
JavaScript 前端开发 测试技术
jest测试核心
jest测试核心
15 2
|
1月前
|
Java
【Java每日一题】— —第二十一题:编程把现实生活的手机事物映射成一个标准类Phone,并定义一个测试类PhoneDemo测试Phone类的功能
【Java每日一题】— —第二十一题:编程把现实生活的手机事物映射成一个标准类Phone,并定义一个测试类PhoneDemo测试Phone类的功能
37 0
|
1月前
|
监控
【Vue3】学习watch监视:深入了解Vue3响应式系统的核心功能(下)
【Vue3】学习watch监视:深入了解Vue3响应式系统的核心功能(下)
【Vue3】学习watch监视:深入了解Vue3响应式系统的核心功能(上)
【Vue3】学习watch监视:深入了解Vue3响应式系统的核心功能(上)
|
1月前
|
监控 JavaScript 前端开发
在生产环境中测试和监控Vue项目的方法有哪些?
在生产环境中测试和监控Vue项目的方法有哪些?
28 4
|
3月前
|
JSON JavaScript 前端开发
VUE&Element,能够进行简单的 Element 页面修改, 能够完成查询所有功能, 能够完成添加功能
VUE&Element,能够进行简单的 Element 页面修改, 能够完成查询所有功能, 能够完成添加功能
35 0
|
7天前
|
资源调度 JavaScript 开发者
插件使用:扩展Vue功能与第三方插件
【4月更文挑战第23天】Vue凭借其轻量级和灵活性在Web开发中备受青睐,而插件则进一步增强了其功能。本文探讨了如何在Vue项目中选择、安装、配置和管理插件,以适应不同需求。要点包括:选择可靠且兼容的插件,使用npm或yarn安装,根据文档配置,以及注意性能影响。明智使用插件能提升开发效率,但需避免过度依赖,确保与项目目标和技术栈匹配。不断学习新插件,可保持技术领先并优化项目实践。
|
1月前
|
JavaScript 前端开发 测试技术
Jest测试核心
Jest测试核心
10 0
|
2月前
|
人工智能 安全
外汇MT5/MT4交易所平台系统开发测试版/案例设计/策略步骤/功能需求/源码程序
When developing the MT5/MT4 foreign exchange documentary trading system, the following functions and intelligence can also be considered: