AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2022-11-04 172
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 本文介绍vue中jest单元测试基础功能的使用

安装jest

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

  1. 勾选使用单元测试

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

在这里插入图片描述

使用实例

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

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

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

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

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

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

文章标签：
JavaScript
测试技术
资源调度
关键词：
测试功能
jest测试
单元测试功能
VUE.js功能
vue测试
北海的大鱼
目录
相关文章
以山向海
|
21天前
|
监控 测试技术
slb测试会话保持功能
slb测试会话保持功能
以山向海
31 6
Dylaniou
|
2月前
|
运维
【运维基础知识】用dos批处理批量替换文件中的某个字符串（本地单元测试通过，部分功能有待优化，欢迎指正）
该脚本用于将C盘test目录下所有以t开头的txt文件中的字符串“123”批量替换为“abc”。通过创建批处理文件并运行，可实现自动化文本替换，适合初学者学习批处理脚本的基础操作与逻辑控制。
Dylaniou
187 56
那年春天
|
1月前
|
监控 JavaScript 前端开发
如何在实际应用中测试和比较React和Vue的性能？
总之，通过多种方法的综合运用，可以相对客观地比较 React 和 Vue 在实际应用中的性能表现，为项目的选择和优化提供有力的依据。
那年春天
36 1
游客zi3qmblbcdexu
|
1月前
|
JavaScript 测试技术 API
Jest进阶：测试 Vue 组件
Jest进阶：测试 Vue 组件
游客zi3qmblbcdexu
49 2
程序员彭于晏
|
29天前
|
存储 JavaScript 前端开发
介绍一下Vue的核心功能
介绍一下Vue的核心功能
程序员彭于晏
39 0
六卿
|
3月前
|
JavaScript 测试技术 Windows
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
本文介绍了如何使用vue-cli和webpack为Vue项目配置不同的生产和测试环境，包括修改`package.json`脚本、使用`cross-env`处理环境变量、创建不同环境的`.env`文件，并在`webpack.prod.conf.js`中使用`DefinePlugin`来应用这些环境变量。
六卿
173 2
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
mao29955
|
2月前
|
JavaScript 前端开发 API
除了 Vue.js，还有哪些框架可以实现全屏显示功能？
【10月更文挑战第7天】
mao29955
40 1
mao29955
|
2月前
|
JavaScript API UED
vue.js怎么实现全屏显示功能
【10月更文挑战第7天】
mao29955
45 1
代码bug生产队
|
2月前
|
资源调度 JavaScript UED
如何使用Vue.js实现单页应用的路由功能
【10月更文挑战第1天】如何使用Vue.js实现单页应用的路由功能
代码bug生产队
75 4
游客qsxez56gggwqy
|
2月前
|
测试技术
Appscan手工探索、手工测试功能实战
Appscan手工探索、手工测试功能实战
游客qsxez56gggwqy
49 4

热门文章

最新文章

  • 1
    Java编程技巧之单元测试用例编写流程
  • 2
    QUnit系列 -- 1.介绍单元测试（上）
  • 3
    Visual Studio 2008单元测试_数据“.NET研究”库测试
  • 4
    Java程序员的日常—— Spring Boot单元测试
  • 5
    ASP.NET MVC实践系列10-单元测试
  • 6
    使用Visual Studio 2013进行单元测试--初级篇
  • 7
    使用Xamarin.Forms的企业应用程序模式（电子书）--单元测试
  • 8
    5分钟实现VS2010整合NUnit进行单元测试
  • 9
    Visual Studio 中的单元测试 UNIT TEST
  • 10
    JUnit单元测试报错NoClassDefFoundError: org/junit/platform/launcher/core/LauncherFactory
  • 1
    2024年最新【python基础教程】常用内置模块(1)，2024年最新头条测试面试
    211
  • 2
    提升软件测试效率：智能化测试工具的应用与展望
    147
  • 3
    《手把手教你》系列技巧篇（四十八）-java+ selenium自动化测试-判断元素是否可操作（详解教程）
    129
  • 4
    探索自动化测试在持续集成中的关键作用
    47
  • 5
    深入理解软件测试中的自动化框架选择
    51
  • 6
    深入探究软件自动化测试中的挑战与解决策略
    68
  • 7
    《手把手教你》系列技巧篇（四十七）-java+ selenium自动化测试-判断元素是否显示（详解教程）
    133
  • 8
    深入探索软件测试中的持续集成与持续部署（CI/CD）实践
    106
  • 9
    深入理解自动化测试中的数据驱动方法
    70
  • 10
    深入理解自动化测试框架的设计原则
    33

    • 相关课程

    更多
  • MSE微服务测试最佳实践 - 自动化回归
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Go语言核心编程 - 面向对象、文件、单元测试、反射、TCP编程
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • React 入门与实战

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 前端自动化测试
  • Vue.js在前端服务化上的实践与探索

    • 相关实验场景

    更多
  • 前端开发基础6：Node.js和LESS预编译工具
  • 灵活弹性的PolarDB Serverless确保数据业务持续在线
  • 快速上手并跑通AnalyticDB PostgreSQL版TPC-H测试
    • 下一篇
    【案例实战】SpringBoot整合阿里云文件上传OSS