Jest和Mocha对比:两者之间有哪些区别?

什么是单元测试?

  所谓单元测试,是对软件中单个功能组件进行测试的一种软件测试方式,其目的是确保代码中的每一个基本单元都能正常运行。因此,开发人员在应用程序开发的整个过程(即代码编写过程)中都需要进行单元测试。在进入到软件开发的下一阶段之前,对程序进行单元测试是一个不错的主意。单元测试非常有用,它使用简单并且运行迅速。

  单元测试是测试驱动开发(TDD)的重要组成部分,在我们进行实际功能开发之前,它是用来描述功能的预期行为以及我们想要它实现(或不实现)哪些功能的一种实践方式。采用TDD的方式来进行软件开发有几个目的:

  • 这种技术可以帮助我们识别一些边界情况,并确保在这些情况下我们的代码仍然可以正常工作。
  • 帮助我们确定如何才能成功实现程序中的某项功能。
  • 随着代码库的增长,单元测试可以确保新的修改不会对代码库中原有的功能产生不良影响。

Jest和Mocha介绍

Jest

  Jest是Facebook开发的一个JavaScript测试框架,它主要被用于基于React的应用程序测试,当然也可以用于Babel、JavaScript、Node、Angular和Vue。此外,它还可以用来测试NestJS、Next.js和GraphQL。Jest测试框架可以与其它JavaScript代码库进行整合,使你能够非常容易地使用功能丰富的API来开发测试程序并快速地返回测试结果。

Jest的特点:

  • 零配置:Jest可以在没有任何配置的情况下在大多数javaScript应用程序中运行,这意味着你可以将Jest作为一个依赖项添加到项目中并开始编写你的第一个测试程序,而不需要添加或者只需要添加非常少量的配置项。
  • 丰富的API:Jest以拥有健壮的API而闻名,这些API包含了针对各种不同需求的断言。此外,它还拥有非常优秀的文档,可以帮助你快速上手并运行测试程序。
  • 快照:对前端测试而言快照是必不可少的,因为它们允许你验证大量对象的完整性,这意味着你不需要创建包含断言的冗长的测试来确保对象上的每个属性都存在并包含正确的值。
  • 隔离:在执行单元测试的过程中,隔离非常重要,它可以确保不同的测试结果之间不会相互干扰。Jest以并行方式运行测试,并且每个测试都在自己的进程中运行,所以各个测试之间不会相互干扰。Jest会协调管理所有的测试并收集测试结果。
  • 支持快照测试:快照测试可以确保我们要测试的应用程序的用户界面不会在不同的版本之间发生意外的改变。
  • 对TypeScript的支持:通过安装ts-jest包,Jest提供了对TypeScript的支持。
  • 兼容性:Jest框架可以和Angular、React、NodeJS、VueJS以及其它使用Babel的项目兼容。
  • Jasmine特性:Jest基于Jasmine,并且继承了Jasmine的所有特性。虽然Jest从Jasmine脱离出来,但是它保留了Jasmine的所有特性并对功能进行了改进。
  • 速度:Jest是一款执行速度非常快的测试工具。当我们的测试程序受到CPU资源限制时,Jest可以在整个测试过程中节省大量的时间,例如,Jest将本地测试时间从45分钟缩短到15分钟。
  • Timer模拟:Jest可以通过下面几种方法来操作时间:
  1. setTimeout
  2. clearInterval
  3. setInterval
  4. clearTimeout

Jest的使用限制

  • 使用自动mocking功能可能会导致测试程序运行缓慢。这是因为模块的依赖项越多,Jest就需要更多的时间来查找和模拟这些依赖项以完成代码测试。
  • 对于那些创建大量包含数千行代码的快照文件的项目而言,Jest快照测试并不适用。
  • Jest所包含的工具很少,与那些成熟的库(如Mocha)相比,它的支持也不是很多。所以对那些希望使用IDE(如WebStorm)来运行和调试测试代码的开发者来说,这可能是一个缺点。

Mocha

  Mocha是一款开源的JavaScript测试框架,可以在浏览器和Node.js中运行。Mocha可以用来测试同步和异步代码。

  Mocha可以提供灵活和精准的测试报告,同时可以将未捕获的异常映射到相应的测试用例中。Mocha支持多种形式的测试,例如单元测试、集成测试,以及端到端的测试等。Mocha为开发人员提供了一个基本的测试框架,同时它还包括大量的断言、模拟和间谍库,这些库必须单独安装,其中Chai和Sinon非常受欢迎。

Mocha的特点

  • 支持任何断言库:Mocha支持许多JavaScript断言库,包括Express.js、Should.js和Chai,这使得我们可以非常容易地编写测试代码,对于编写复杂的测试用例来说也会很轻松。
  • 支持同步和异步测试:Mocha通过执行测试用例中的回调函数来完成异步测试过程。如果不指定回调函数,Mocha也可以进行同步测试。
  • 同时支持BDD和TDD:Mocha同时支持行为驱动开发(BDD——Behavior-Driven Development)和测试驱动开发(TDD——Test-Driven Development),使得构建高质量测试和增加代码覆盖率变得简单。
  • 多浏览器支持:通过Mocha,我们可以非常容易地编写在各主流浏览器中运行的测试代码。同时Mocha还支持浏览器插件扩展。每个Mocha版本都包含了针对不同Web浏览器中对JavaScript和CSS构建的更新。
  • 多种安装方式:Mocha可以在本地全局安装,也可以作为项目的依赖项进行局部安装。另外,它也可以直接在Web浏览器中执行测试用例。

使用Mocha的限制

  • 与作为独立框架运行的Jest不同,Mocha需要的配置项更多,而且依赖的库也比较多。
  • 在使用Mocha时必须为其选择一种断言库。

Jest和Mocha的全面比较

  乍一看,Jest和Mocha之间的区别不太大,但是有几个地方我们必须考虑。

  首先,Jest被设计成一个独立的测试框架,它不需要依赖于任何其它库。而Mocha则需要借助于其它库来完成测试工作,所以使用Mocha时开发人员必须首先选择在项目中使用哪些assertion库、mocking库以及其它库。

  此外,Mocha并没有为这些第三方库指定复杂的依赖关系,这也是它被认为是一种有效的工具而能够快速执行测试工作的原因之一。同样,由于Mocha对这些库的配置没有严格要求,所以它被认为是一个不错的工具,而且通常比其它类似的工具使用起来更容易,运行更高效。

  相比Mocha而言,Jest所包含的特性要少一些,而且有些基本功能不支持,例如不支持异步测试。但是Jest最大的优点就是使用简单。作为一个轻量级的、简单易用的测试框架,Jest也许是最好的选择。

  Jest的运行速度比Mocha要快,这是因为它具备快照测试能力,当代码被修改时测试会自动执行,因而测试始终都能保持最新。

  Mocha提供了更多的功能,与Jest相比它更成熟,同时也拥有更多的社区贡献者。

  让我们快速看一下这个图:

  上面显示了两个npm模块的下载量随时间变化的趋势。可以看到,Jest的地位远超Macha,其每周的下载量几乎是Mocha的两倍。不过,Mocha与Jest的市场定位不同,它更成熟,可靠性高,所提供的解决方案也更加紧凑。

我们应该使用哪个测试框架?

  Jest内置了许多工具,对开发人员来说,有些工具并不是必须的,这种将所有工具都打包到一起的做法对有些人来说并非受欢迎(想想后端项目中的快照测试)。但对其他人来说,这也并非是一个坏处,因为这样做避免了在需要时到处去找。

  许多人可能会认为对很多后端项目而言,Mocha的这种按需配置提供了更多的灵活性。但假如测试程序的运行速度是一个必须要考虑的因素,那么Mocha所带来的这种灵活性与Jest的执行效率之间相比就需要认真考虑。

  对前端开发而言,使用Mocha的标准做法是使用框架的创建者所发布的工具包,这样有利于Mocha与工具包更好地集成,同时当框架的新版本发布时,这些工具包也能更快地得到更新。React-Testing-Library很好地说明了为什么在React项目中Jest比Mocha更加合适。

  如果你的项目很大,并且要求足够的灵活性和可定制性,那么Mocha无疑是你最好的选择。但是如果你的项目比较小而且不需要太多额外的配置项,那么Jest则是最好的选择。所以,对你和你的团队来说究竟要选择哪个测试框架这完全取决于你自己。

结论

  在本文中,我们对Jest和Mocha这两种测试框架进行了简要的分析和评估,以帮助我们在项目中如何选择最合适的测试框架。更多内容可以访问Mocha和Jest的站点。

Python接口自动化测试零基础入门到精通(2023最新版)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/122829.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

单例模式及其使用场景

单例模式(Singleton):指在一个系统中某个类只存在一个实例,类中自行实例化,实例向该系统提供统一的访问接口。 单例模式有两种表现形式,饿汉式:类加载时,就进行实例化;懒…

【目标检测】Visdrone数据集和CARPK数据集预处理

之前的博文【目标检测】YOLOv5跑通VisDrone数据集对Visdrone数据集简介过,这里不作复述,本文主要对Visdrone数据集和CARPK数据集进行目标提取和过滤。 需求描述 本文需要将Visdrone数据集中有关车和人的数据集进行提取和合并,车标记为类别0&…

在 Windows 用 Chrome System Settings 设置代理

在 Windows 用 Chrome System Settings 设置代理 贴心提示:在设置代理之前,请确保您已经安装了 浏览器。 🔧 设置代理的详细步骤如下: 打开 浏览器,输入 //settings/system 并回车。 在「系统和网络设置」页面中&am…

vue源码分析(四)——vue 挂载($mount)的详细过程

文章目录 前言一、使用RuntimeCompiler解析$mount的原因二、$mount 解析的详细过程1.解析挂载的#app执行了vm.$mount2. 通过$mount方法执行以下文件的mount方法3. 执行util工具文件夹中的query方法4. 执行query方法后返回$mount方法判断el是否是body5. 判断!options.render&…

Android原生项目集成uniMPSDK(Uniapp)遇到的报错总结

uni小程s序SDK 集成到Android原生项目:老项目中用到的库较多,会出现几种冲突问题,总结如下: 报错1: Execution failed for task :app:processDebugManifest. > Manifest merger failed with multiple errors, see logs Andro…

初识HTML超文本标记语言

文章目录 前端简介引入前端三剑客什么是HTML?超文本传输协议前戏HTTP超文本传输协议1.什么是HTTP协议2.四大特性3.数据格式4.响应状态码 基于HTTP协议搭建HTMLHTML简介 前端简介 引入 前端:与用户直接打交道的操作界面都可以称之为前端(那些炫酷的页面)…

计算机视觉注意力机制小盘一波 (学习笔记)

将注意力的阶段大改分成了4个阶段 1.将深度神经网络与注意力机制相结合,代表性方法为RAM ⒉.明确预测判别性输入特征,代表性方法为STN 3.隐性且自适应地预测潜在的关键特征,代表方法为SENet 4.自注意力机制 通道注意力 在深度神经网络中…

Android问题笔记四十一:JNI NewStringUTF错误的几种解决方案

点击跳转>Unity3D特效百例点击跳转>案例项目实战源码点击跳转>游戏脚本-辅助自动化点击跳转>Android控件全解手册点击跳转>Scratch编程案例点击跳转>软考全系列 👉关于作者 专注于Android/Unity和各种游戏开发技巧,以及各种资源分享&…

合并两个有序链表(C++)

题目 将两个升序链表合并为一个新的 升序 链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。 示例 1: 输入:l1 [1,2,4], l2 [1,3,4] 输出:[1,1,2,3,4,4]示例 2: 输入:l1 [], l2 [] 输出&#xff1…

取Dataset子集(pytorch)

取Dataset子集--pytorch 1. why2. how3. example 1. why 我们在调试深度学习代码时,常常会遇到数据集太大,导致调试浪费时间的情况,这种情况下,将数据集中的一个子集拿出来用于调试代码,调试成功在用完整的数据集运行…

从InnoDB索引的数据结构,去理解索引

从InnoDB索引的数据结构,去理解索引 1、InnoDB 中的 BTree1.1、BTree 的组成1.2、BTree中的数据页 2、聚簇索引2.1、聚簇索引的特点2.2、聚簇索引的结构示例2.3、聚簇索引的优缺点 3、非聚簇索引3.1、非聚簇索引结构示例3.2、关于回表3.3、聚簇索引和非聚簇索引的区…

基本微信小程序的外卖点餐订餐平台

项目介绍 餐饮行业是一个传统的行业。根据当前发展现状,网络信息时代的全面普及,餐饮行业也在发生着变化,单就点餐这一方面,利用手机点单正在逐步进入人们的生活。传统的点餐方式,不仅会耗费大量的人力、时间&#xf…

css四种导入方式

1 行内样式 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title> </head> <body> <h1 style"color: blue">我是标题</h1> </body> </htm…

粤嵌实训医疗项目--day03(Vue + SpringBoot)

往期回顾 粤嵌实训医疗项目day02&#xff08;Vue SpringBoot&#xff09;-CSDN博客 粤嵌实训医疗项目--day01&#xff08;VueSpringBoot&#xff09;-CSDN博客 目录 一、SpringBoot AOP的使用 二、用户模块-注册功能&#xff08;文件上传&#xff09; 三、用户模块-注册实现…

【Unity】RenderFeature应用(简单场景扫描效果)

【Unity】RenderFeature应用&#xff08;简单场景扫描效果&#xff09; RenderFeature 是一个用于渲染图形的概念&#xff0c;通常在图形引擎或游戏引擎中使用。它是一个模块化的组件&#xff0c;负责处理特定的渲染功能&#xff0c;例如阴影、光照、粒子效果等。 点击地面生成…

【考研数学】数学“背诵”手册 | 需要记忆且容易遗忘的知识点

文章目录 引言一、高数常见泰勒展开 n n n 阶导数公式多元微分函数连续、可微、连续可偏导之间的关系多元函数极值无条件极值条件极值 三角函数的积分性质华里士公式&#xff08; “点火”公式 &#xff09;特殊性质 原函数与被积函数的奇偶性结论球坐标变换公式 二、线代施密特…

CondaError: Downloaded bytes did not match Content-Length

问题 使用anaconda下载包文件时&#xff0c;出现了CondaError: Downloaded bytes did not match Content-Length的错误 CondaError: Downloaded bytes did not match Content-Lengthurl: https://conda.anaconda.org/pytorch/win-64/pytorch-2.1.0-py3.11_cuda11.8_cudnn8_0.…

npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚本。

1、在vscode终端执行 get-ExecutionPolicy &#xff0c;显示Restricted&#xff0c;说明状态是禁止的。 2、更改状态: set-ExecutionPolicy RemoteSigned 出现需要管理员权限提示&#xff0c;可选择执行 Set-ExecutionPolicy -Scope CurrentUser 出现的ExecutionPolicy参数后输…

H5游戏源码分享-色块选择游戏

H5游戏源码分享-色块选择游戏 玩到后面色块越来越小&#xff0c;越来越难找出 <!DOCTYPE html><html><head><meta http-equiv"Content-Type" content"text/html; charsetUTF-8"><meta charset"UTF-8"><meta na…