Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Jest 是一款优雅、简洁的 JavaScript 测试框架

Jest 是一款优雅、简洁的 JavaScript 测试框架

作者头像
用户7741497
发布于 2022-03-21 05:55:16
发布于 2022-03-21 05:55:16
68300
代码可运行
举报
文章被收录于专栏:hml_知识记录hml_知识记录
运行总次数:0
代码可运行

为什么使用jest?

  • Jest 是一款保障代码正确的 JavaScript 测试框架,提供开发者熟悉且功能完善的接口来快速完成测试。
  • Jest 文档齐全,仅需极少的配置就可满足您的需求。
  • Jest 让测试变得轻松愉快。

用法

使用 yarn 安装 Jest︰

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
yarn add --dev jest

或使用 npm

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm install --save-dev jest

示例

首先,创建 sum.js 文件︰

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function sum(a, b) {
  return a + b
}
module.exports = sum

创建名为 sum.test.js 的文件:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const sum = require('./sum');

test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3);
})

将下列配置内容添加到您的 package.json:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
  "scripts": {
    "test": "jest"
  }
}

最后,运行 yarn test 或 npm run test,测试后 Jest 将打印以下信息:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
PASS  ./sum.test.js
✓ adds 1 + 2 to equal 3 (5ms)

此测试使用 expect 和 toBe 来测试两值是否一致。

匹配器的使用

  • expect: 返回了一个"预期"的对象
  • .toBe(4) 是匹配器, 当 Jest 运行时,它会跟踪所有失败的匹配器,以便它可以为你打印出很好的错误消息。

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
如何做前端单元测试
对于现在的前端工程,一个标准完整的项目,通常情况单元测试是非常必要的。但很多时候我们只是完成了项目而忽略了项目测试。我认为其中一个很大的原因是很多人对单元测试认知不够,因此我写了这边文章,一方面期望通过这篇文章让你对单元测试有一个初步认识。另一个方面希望通过代码示例,让你掌握写单元测试实践能力。
政采云前端团队
2021/12/09
3.9K0
如何做前端单元测试
前端单元测试之Jest
关于前端单元测试的好处自不必说,基础的介绍和知识可以参考之前的博客链接:React Native单元测试。在软件的测试领域,测试主要分为:单元测试、集成测试和功能测试。
xiangzhihong
2022/11/30
3.1K0
强烈推荐这个新一代的测试框架!
作为经验丰富的前端,经常用console.log测试代码,但是log对复杂的功能来说还是不能满足需求,所以今天就给大家介绍一款目前最为流行的测试框架——Vitest
程序员老鱼
2024/03/20
2670
强烈推荐这个新一代的测试框架!
一篇文章带你了解JavaScript中的基础算法之“字符串类”
前端的同学需要提升编程核心内功,建立和健全算法知识体系,基础算法、数据结构、进阶算法,由浅入深讲解,透彻理解抽象算法,算法面试是关键一环,冲击大厂前端offer。
达达前端
2020/01/02
6160
react生态下jest单元测试
注意:这里我们使用cnpm去安装速度会更快,npm速度会很慢! a.建议使用npm install –g jest(不需要单个去安装依赖),修改package.json文件即可。
懿曲折扇情
2022/08/24
2.6K0
react生态下jest单元测试
手写一个简易版 Jest
那当你测试的代码里依赖外部环境的部分,比如要读一个文件、要发送一个请求,这时候怎么测呢?
神说要有光zxg
2024/01/02
3470
手写一个简易版 Jest
【自动化测试】【Jest-Selenium】(01)—— Jest 入门
按照软件工程自底而上的概念,前端测试一般分为单元测试(Unit Testing )、集成测试(Integration Testing)和端到端测试(E2E Testing)。
WEBJ2EE
2020/09/24
2.1K0
推荐一波实用高效的 NPM 工具包,总有几款适合你
在这里,我整理出一份个人最喜欢的 NPM 软件包清单。为了便于浏览,我还对它们进行了分类,希望呈现出更加清晰的结构。
前端达人
2021/09/08
4.7K0
用Jest做前端单元测试
前端单元测试概念听着很高大上,应该也是从后端的单元测试借鉴过来的,但在工作中我其实从来没做过。前端各种开发调试工具本身比较优秀了,最简单的 console、debugger 完全可以测试,虽说是一次性的,但是本身前端变化就比较快。
人人都是码农
2023/11/16
4220
让我告诉你一些强无敌的 NPM 软件包
面对繁忙的日程安排与紧迫的工期限制,选择能够切实提升生产率的工具无疑至关重要。
coder_koala
2021/04/21
2K0
让我告诉你一些强无敌的 NPM 软件包(超实用,收藏!)
在这里,我整理出一份个人最喜欢的 NPM 软件包清单。为了便于浏览,我还对它们进行了分类,希望呈现出更加清晰的结构。
coder_koala
2021/07/08
3.1K0
让我告诉你一些强无敌的 NPM 软件包(超实用,收藏!)
React单元测试:Jest + Enzyme(一)
前端的单元测试在很多人看来都是一个可有可无的东西,理由一般有下面几条(以下内容统一称单元测试为单测):
Dickensl
2022/06/14
1.8K0
React单元测试:Jest + Enzyme(一)
译|通过构建自己的JavaScript测试框架来了解JS测试
测试(单元或集成)是编程中非常重要的一部分。在当今的软件开发中,单元/功能测试已成为软件开发的组成部分。随着 Nodejs 的出现,我们已经看到了许多超级 JS 测试框架的发布:Jasmine,Jest 等。
张张
2020/09/03
1.7K0
JavaScript 测试教程 part 1:用 Jest 进行单元测试[每日前端夜话0xE7]
有多种不同种类的测试,我会首先解释其中的一部分。首先,我将介绍单元测试的基础知识,即测试应用程序的每个部分并检查它们是否适合使用。为此我们将使用 Facebook 开发的测试框架 Jest。它已经准备就绪,并具有进行测试所需的功能。
疯狂的技术宅
2019/11/14
3.2K0
Salesforce LWC学习(二十五) Jest Test
https://trailhead.salesforce.com/content/learn/modules/test-lightning-web-components
Zero-Zhang
2020/09/16
1.3K0
Salesforce LWC学习(二十五) Jest Test
Jest 单元测试快速上手指南
执行 yarn jest 或者 yarn jest test/plus.spec.js 运行测试用例
木子星兮
2020/08/25
3.7K0
Jest 单元测试快速上手指南
一杯茶的时间,上手 Jest 测试框架
现在让我们正式开始,茶和图雀社区精心准备的甜品更搭哦。 在项目根目录下新建src目录,存放我们的功能代码。然后创建src/dessert.js。
一只图雀
2020/04/13
2.1K0
[ Jest ] 自动化测试 Jest 的使用总结基础篇
随着前端的发展,web的交互越来越复杂,自动化测试是非常有必要融入到开发的流程中,而目前界内普遍通用且比较火的就是有 facebook开发的 Jest 这套工具。他可以创建测试用例,执行测试,自身还有驱动和mock,且用起来也是很方便,正如 jest 的官网这样描述 jest,Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
GavinUI
2021/08/23
3.1K0
[ Jest ] 自动化测试 Jest 的使用总结基础篇
用 Jest 进行 JavaScript 测试[每日前端夜话0xB6]
在技术术语中测试意味着检查我们的代码是否符合某些预期。例如:给定一些输入,一个名为“transformer”的函数应返回预期的输出。
疯狂的技术宅
2019/09/04
3.2K0
用 Jest 进行 JavaScript 测试[每日前端夜话0xB6]
JavaScript单元测试利器Jest+mocha+chai
mocha是一款功能丰富的javascript单元测试框架,它既可以运行在nodejs环境中,也可以运行在浏览器环境中。 javascript是一门单线程语言,最显著的特点就是有很多异步执行。同步代码的测试比较简单,直接判断函数的返回值是否符合预期就行了,而异步的函数,就需要测试框架支持回调、promise或其他的方式来判断测试结果的正确性了。mocha可以良好的支持javascript异步的单元测试。 mocha会串行地执行我们编写的测试用例,可以在将未捕获异常指向对应用例的同时,保证输出灵活准确的测试结果报告。
晴空SunnySky
2023/09/28
1.1K0
相关推荐
如何做前端单元测试
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档