FGD · jest 让你的代码库更有保障

2023-10-28 08:10
文章标签 代码 保障 jest fgd

本文主要是介绍FGD · jest 让你的代码库更有保障,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

FGD(FE GitHub Daily),前端 GitHub Daily, 由公众号素燕组织,每天分享一个前端实用的库,旨在拓宽技术视野,为业务快速找到低成本的解决方案。

推荐理由

平时写业务的时候很少接触到自动化测试,但是像 vue、react 这样的代码库,完全由世界上不同的人维护着,如何能够保证别人提交的代码不影响已有的功能呢?

这不得不借助自动化测试

jest 是一个令人愉快的 JavaScript 测试框架,专注于简洁明快。像 Babel、 TypeScript、 Node、 React、 Angular、 Vue 这样的知名框架都在使用它。

假如有下面的代码要测试:

function sum(a, b) {return a + b;
}
module.exports = sum;

可以使用 jest 进行这样测试:

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

在 package.json 文件中写入:

{"scripts": {"test": "jest"}
}

运行测试:

PASS  ./sum.test.js
✓ adds 1 + 2 to equal 3 (5ms)

还有一点需要强调一下,通过 测试用例可以更全面掌握开源框架的核心思想,也能够掌握框架如何使用。

GitHub 指数

????????‍???? Developer Ready: A comprehensive JavaScript testing solution. Works out of the box for most JavaScript projects.

???????? Instant Feedback: Fast, interactive watch mode only runs test files related to changed files.

???? Snapshot Testing: Capture snapshots of large objects to simplify testing and to analyze how they change over time.

Star 数 32.5k

https://github.com/facebook/jest

长按关注

素燕《前端小课》

帮助 10W 人入门并进阶前端

这篇关于FGD · jest 让你的代码库更有保障的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/291859

相关文章

Flutter监听当前页面可见与隐藏状态的代码详解

《Flutter监听当前页面可见与隐藏状态的代码详解》文章介绍了如何在Flutter中使用路由观察者来监听应用进入前台或后台状态以及页面的显示和隐藏,并通过代码示例讲解的非常详细,需要的朋友可以参考下... flutter 可以监听 app 进入前台还是后台状态,也可以监听当http://www.cppcn

Python使用PIL库将PNG图片转换为ICO图标的示例代码

《Python使用PIL库将PNG图片转换为ICO图标的示例代码》在软件开发和网站设计中,ICO图标是一种常用的图像格式,特别适用于应用程序图标、网页收藏夹图标等场景,本文将介绍如何使用Python的... 目录引言准备工作代码解析实践操作结果展示结语引言在软件开发和网站设计中,ICO图标是一种常用的图像

Java中有什么工具可以进行代码反编译详解

《Java中有什么工具可以进行代码反编译详解》:本文主要介绍Java中有什么工具可以进行代码反编译的相关资,料,包括JD-GUI、CFR、Procyon、Fernflower、Javap、Byte... 目录1.JD-GUI2.CFR3.Procyon Decompiler4.Fernflower5.Jav

javaScript在表单提交时获取表单数据的示例代码

《javaScript在表单提交时获取表单数据的示例代码》本文介绍了五种在JavaScript中获取表单数据的方法:使用FormData对象、手动提取表单数据、使用querySelector获取单个字... 方法 1:使用 FormData 对象FormData 是一个方便的内置对象,用于获取表单中的键值

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

C++使用栈实现括号匹配的代码详解

《C++使用栈实现括号匹配的代码详解》在编程中,括号匹配是一个常见问题,尤其是在处理数学表达式、编译器解析等任务时,栈是一种非常适合处理此类问题的数据结构,能够精确地管理括号的匹配问题,本文将通过C+... 目录引言问题描述代码讲解代码解析栈的状态表示测试总结引言在编程中,括号匹配是一个常见问题,尤其是在

Java调用DeepSeek API的最佳实践及详细代码示例

《Java调用DeepSeekAPI的最佳实践及详细代码示例》:本文主要介绍如何使用Java调用DeepSeekAPI,包括获取API密钥、添加HTTP客户端依赖、创建HTTP请求、处理响应、... 目录1. 获取API密钥2. 添加HTTP客户端依赖3. 创建HTTP请求4. 处理响应5. 错误处理6.

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景

Python中顺序结构和循环结构示例代码

《Python中顺序结构和循环结构示例代码》:本文主要介绍Python中的条件语句和循环语句,条件语句用于根据条件执行不同的代码块,循环语句用于重复执行一段代码,文章还详细说明了range函数的使... 目录一、条件语句(1)条件语句的定义(2)条件语句的语法(a)单分支 if(b)双分支 if-else(

MySQL数据库函数之JSON_EXTRACT示例代码

《MySQL数据库函数之JSON_EXTRACT示例代码》:本文主要介绍MySQL数据库函数之JSON_EXTRACT的相关资料,JSON_EXTRACT()函数用于从JSON文档中提取值,支持对... 目录前言基本语法路径表达式示例示例 1: 提取简单值示例 2: 提取嵌套值示例 3: 提取数组中的值注意