Jest 测试中的断言技术解析

对于前端开发者来说,在繁琐的开发过程中,代码的质量和稳健性至关重要。而在这个过程中,自动化测试是不可或缺的一部分。

Jest 是一个流行的测试框架,它提供了一套强大的工具来使测试流程自动化,并且可以帮助你发现和解决代码中潜在的问题。其中,Jest 的一个核心功能就是断言(Assertion),它是测试框架中最基本的功能之一。

断言是什么?

“断言”,在计算机编程中指的是一个语句,它用于判断假定的条件是否成立。在自动化测试中,我们需要使用断言来测试代码的行为是否符合预期。

断言通常使用一种特殊的函数来进行书写,函数名通常以“expect”开头,其余部分取决于使用的具体断言方式。例如:

-----------------------------
------------------------------------------
---------------------------------

在 Jest 中,我们可以使用很多不同的断言方式来进行测试,包括检查值、检查异步操作,或是检查抛出异常等。

Jest 断言的常用方法

检查基本值

在 Jest 中,我们可以使用多种函数来检查基本值,例如:

--------- ---- --- -- ------ -- -- -
  -------- - -----------
  -------- - ---------------
---

上述代码中, toBe 函数用于检查值相等, not.toBe 函数用于检查值不等。

除了 toBenot.toBe 外,Jest 还提供了一些其他的断言,用于检测在不同情况下所需的结果是否正确,例如:

------------ -------- ------- -- --- ------ -- -- -
  --- ---- - - -- - - --- ---- -
    --- ---- - - -- - - --- ---- -
      -------- - ---------------
    -
  -
---

检查对象

在测试对象时,我们可以使用 toEqual 函数,例如:

------------ ------------ -- -- -
  ----- ---- - ----- ---
  ----------- - --
  -------------------------- -- ---- ----
---

在此示例中, toEqual 函数会调用 Object.is 来测试 JSON 格式是否相同。

检查浮点数

由于规范限制,浮点数存在一些精度问题,这在测试时可能会导致问题。因此,当检查浮点数时,我们应使用以下函数:

------------ -------- ----- --------- -- -- -
  ----- ----- - --- - ----
  -- ------------
  -- ------------------------
  -------------------------------
---

在此示例中, toBeCloseTo 函数用于检查两个浮点数之间的差值是否小于某个特定阈值。

检查错误

当测试执行时,你可能希望某些代码抛出错误。为了测试这些错误,我们可以使用 toThrow 函数:

-------- ----------------------- -
  ----- --- -------------------- ---- ---------
-

--------------- ------ ---- ------ -- -- -
  --------- -- -----------------------------------
  --------- -- --------------------------------------------

  -- ---------------------

  --------- -- ------------------------------------------- ---- ---------
  --------- -- -------------------------------------- --------
---

上述代码中,toThrow 函数可接受一个参数来指定预期的错误类型或错误信息。

总结

Jest 是一款强大的测试框架,它可以使用多种不同的断言方式,来测试不同的情况。我们在测试时,可以使用多种不同的技术和函数,例如检查基本值、检查对象、检查浮点数和检查错误等。

在实际的前端开发中,我们需要根据不同的情况和需求选择不同的断言方式来进行测试。掌握不同的断言技术和方法,可以帮助我们更好地进行自动化测试,更快地发现和解决代码中的问题。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/64a88ea448841e989450361c


猜你喜欢

  • JS 的现代开发:从 ES6 到 ES9,你需要知道的所有新特性

    JS 的现代开发:从 ES6 到 ES9,你需要知道的所有新特性 随着前端技术的不断发展,我们对 JavaScript 的需求也越来越高。JavaScript 语法的不断更新也有助于我们更好地使用它。

    1 年前
  • Angular 中如何使用 rxjs Observables 实现异步数据获取

    在 Angular 中,我们经常需要使用异步方式获取数据,例如从 API 或者后台服务器获取数据。在过去的几年中,Angular 的开发团队都一直在积极推广使用 rxjs(响应式编程)的概念和理念,特...

    1 年前
  • Enzyme 教程:使用 React 测试组件

    如果你是一名前端工程师,你一定知道测试对于项目的重要性。特别是在 React 中,由于组件占据了开发的核心地位,因此测试组件的正确性非常关键。而 Enzyme 就是一款适合用于 React 组件测试的...

    1 年前
  • Headless CMS 如何支持企业级数据安全和权限控制

    在前端开发中,我们经常会使用内容管理系统(CMS)来管理网站的数据。近年来,Headless CMS 已经成为了越来越受欢迎的一种解决方案。与传统 CMS 不同,Headless CMS 不负责管理前...

    1 年前
  • 如何在 Vue 中使用 Tailwind CSS | 自学 IT 学院

    如何在 Vue 中使用 Tailwind CSS 在前端开发中,CSS 是不可或缺的一部分。但随着项目复杂度的增加,手写 CSS 样式往往会变得难以维护,因此出现了一系列 CSS 框架和预处理器,如 ...

    1 年前
  • Vue.js 中如何兼容 IE8 及以下浏览器

    Vue.js 是一种流行的前端 JavaScript 框架,但是 Vue.js 的官方文档中默认不支持 IE8 及以下浏览器,这让许多开发者头痛不已。本文将介绍如何在 Vue.js 中兼容 IE8 及...

    1 年前
  • LESS 中如何使用选择器优化 CSS 代码

    在前端开发中,CSS 是必不可少的,但是 CSS 写起来十分繁琐,而且 CSS 文件过大会严重影响页面的加载速度。为了解决这个问题,我们可以使用 LESS 来优化 CSS 代码。

    1 年前
  • Node.js 实现即时通讯之 Socket.io

    在实现 web 即时通讯的过程中,通常需要通过 WebSocket 协议来完成数据传输。而在 Node.js 中,使用 Socket.io 可以轻松地实现 WebSocket 服务,使得实现即时通讯变...

    1 年前
  • 如何解决 Vue SPA 中数据修改后页面的不刷新问题

    随着前端开发的日益普及,越来越多的企业和开发者选择了开发单页应用(Single Page Application,SPA),其中 Vue 是目前较为流行的框架之一。

    1 年前
  • 如何使用 Performance Optimization 优化你的 MySQL 数据库

    MySQL 是前端开发中最常用的关系型数据库之一,在应用程序中经常用于存储数据。然而,随着数据库中数据越来越多,查询速度可能会逐步变慢,并且可能耗费更多的内存和 CPU 资源。

    1 年前
  • CSS Flexbox 中主轴和交叉轴的区别与应用

    Flexbox 是 CSS3 中新的布局方式,它可以使我们能够更加高效地布局和对齐元素,特别是在响应式设计中更加方便。在 Flexbox 中,有两个非常重要的概念,即主轴和交叉轴。

    1 年前
  • 如何使用 AngularJS 与 RESTful API 构建前端应用

    前端应用已经成为了不可或缺的一部分,而搭建一个高效的前端应用需要我们采用同样高效的技术工具。AngularJS 和 RESTful API 都是我们常见的技术栈,本文将深入讲解 AngularJS 和...

    1 年前
  • 十二条响应式设计技巧

    在当前这个移动设备普及的时代,响应式设计已成为前端设计中的重要技术。而要实现良好的响应式设计,需要有一定的技巧。下面是本文总结的十二条响应式设计技巧。 1. 使用流式布局 流式布局是指采用百分比尺寸而...

    1 年前
  • Material Design 教程之 Bottom Sheet 实现方法

    介绍 Bottom Sheet 是 Material Design 中一个非常重要的组件,可以让用户快速访问应用程序中的一些附加信息,如设置、选项或操作。Bottom Sheet 可以以两种不同的方式...

    1 年前
  • 使用 Cypress 测试框架进行单元测试的方法

    随着前端应用的不断发展,越来越多的开发者开始关注前端测试。Cypress 是一个流行的前端测试框架,它提供了强大的测试工具和 API,能够轻松和可靠地对前端应用进行单元测试和集成测试。

    1 年前
  • SSE 的优势和缺陷:与 WebSocket 和 Comet 的性能和优化比较

    前端开发领域中,客户端与服务端之间的实时通信一直是一个热门的话题。近年来,出现了一些新的技术,如SSE、WebSocket和Comet,这些技术都可以用来实现实时通信,但各自都有自己的优劣。

    1 年前
  • ES7 异步函数实践

    ES7 异步函数实践 JavaScript 异步编程是前端开发中一个重要的话题。为了解决异步编程的问题,ES7 引入了 async 和 await 两个关键字,实现了异步函数的定义和调用。

    1 年前
  • Express.js 中 body-parser 的用法和原理解析

    在 Web 开发中,请求体是指客户端发送给服务器的数据,如果想要在后台对这些数据进行处理,就需要使用 body-parser 中间件来对请求体进行解析。 在本篇文章中,我们将深入探讨 Express....

    1 年前
  • Jest 在 Webpack 环境下的配置与踩坑

    背景 Jest 是由 Facebook 开发的一个 JavaScript 测试框架,可以用于测试 React、Vue、Angular 等前端框架的代码。在使用 Jest 进行前端单元测试时,通常需要使...

    1 年前
  • CSS Grid 布局:如何解决换行问题

    随着移动设备和桌面设备的多样化,前端开发者越来于需要使用灵活的布局方案。CSS Grid 布局就是一个非常好的解决方案,它是一个二维网格系统,可以帮助我们轻松实现各种复杂的布局。

    1 年前

相关推荐

    暂无文章