如何在 Chai 中使用自定义 matchers

如何在 Chai 中使用自定义 matchers

Chai 是一种常用的 JavaScript 测试框架,它可以与 Mocha、Jasmine 等测试框架一起使用。它的优点之一就是灵活性,它允许我们自定义 matchers 来测试各种情况。下面介绍如何在 Chai 中使用自定义 matchers。

首先需要安装 Chai:

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

然后,我们可以编写一个自定义 matcher。自定义 matcher 是在 Chai 中定义一个函数,函数用于执行一些自定义测试。这个函数接受两个参数:第一个参数是测试对象,第二个参数是断言信息。自定义 matcher 必须返回一个对象,其中包含一个 pass 属性和一个 message 属性。pass 属性是一个布尔值,表示测试是否通过,而 message 属性则是一个字符串,用于描述测试的详细结果。

例如,下面是一个自定义 matcher,用于测试数字是否为偶数:

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

在这个自定义 matcher 中,我们首先计算数字是否为偶数,然后根据 message 参数构造测试结果。注意,这里我们使用 chai.assert 命名空间来添加自定义 matcher,但你也可以使用 chai.expectchai.should

接下来,我们可以运行自定义 matcher 来测试数字是否为偶数:

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

可以看到,当数字为偶数时,测试通过;当数字为奇数时,测试失败。

除了自定义 matcher,我们还可以编写一个自定义 plugin,让我们可以更方便地使用自定义 matcher。自定义 plugin 是为 Chai 编写的一个函数,该函数用于添加新的语法功能。使用自定义 plugin,我们可以像使用内置 matcher 一样使用自定义 matcher。

下面我们编写一个自定义 plugin,用于测试字符串是否包含给定的子字符串。

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

在这个自定义 plugin 中,我们使用了 chai.use() 方法来添加 contains 方法。在 contains 方法中,我们首先计算字符串是否包含子字符串,然后根据 message 参数构造测试结果。最后,我们需要在 utils.addMethod() 中注册 contains 方法,以使其成为 Chai 断言函数的一部分:

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

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

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

这个自定义 plugin 其实包含三个方法:containscontainsubstrings。其中,contains 是自定义 matcher,containsubstrings 则用于改善语法,使我们能够更方便地使用自定义 matcher。

最后,我们来使用新的语法来测试两个字符串是否包含给定的子字符串:

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

可以看到,使用自定义 plugin,我们可以更方便地使用自定义 matcher,并改善测试语法。

总结

在 Chai 中使用自定义 matcher 和 plugin 可以让我们更方便地编写测试,并减少测试代码的重复性。希望这篇文章能够帮助你更好地使用 Chai 来编写测试代码。

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


猜你喜欢

  • Angular4+ 的技术博客

    Angular4+ 是一款流行的前端框架,它能够帮助开发者快速构建现代化的、跨平台的 Web 应用程序。在这篇文章中,我们将深入探讨 Angular4+ 的相关技术,并提供一些示例代码帮助读者实践和学...

    1 年前
  • 解决ESLint的no-await-in-loop警告

    在使用异步函数的项目中,ESLint的no-await-in-loop规则会建议我们不要在循环中使用await语句,因为会导致性能问题。 在一些情况下,我们不能避免在循环中使用await,因此本文将介...

    1 年前
  • 常见 MongoDB 查询优化技巧总结

    常见 MongoDB 查询优化技巧总结 MongoDB 是一种流行的 NoSQL 数据库,用于存储和处理大量数据。但是,随着应用程序不断发展和增长,查询数据的速度可能会变慢。

    1 年前
  • 如何在 Hapi 框架中使用 JSON Web Tokens

    JSON Web Tokens(以下简称 JWT)是一种被广泛应用于 Web 应用程序中的令牌(token)格式,其中包含了 JSON 编码的数据,并使用了一定的加密方式对数据进行签名和验证。

    1 年前
  • 使用 Node.js 和 Async 实现复杂的业务逻辑

    在 Web 开发中,复杂的业务逻辑是不可避免的。Node.js 是一个高效的工具,可以帮助我们处理异步操作,而 Async 库则是 Node.js 中非常流行的一个异步处理库。

    1 年前
  • Fastify 应用中如何使用 MongoDB

    Fastify 应用中如何使用 MongoDB Fastify 是一个快速、低内存占用的 Node.js web 框架,它的特点是高度可扩展性和出色的性能。在实际应用中,我们经常需要用到数据库来存储数...

    1 年前
  • PM2 集群部署及负载均衡实践

    什么是 PM2? PM2(Process Manager 2)是一种进程管理器,它可以在生产环境中简化 Node.js 应用的部署和运行。使用 PM2 常见的场景包括:在服务器上自动启动应用程序、监控...

    1 年前
  • 如何构建出色的 Serverless 应用程序

    什么是 Serverless? Serverless 是一种云计算模型,通过使用云服务来管理服务器并自动缩放能力,从而更有效地管理计算资源和应用程序构建和部署。Serverless 应用程序是使开发人...

    1 年前
  • Cypress 遇到的 SSL 证书错误如何解决?

    在开发前端项目时,我们经常会使用工具来测试我们的代码,其中 Cypress 是一款非常好用的自动化测试工具。然而,有时候我们在使用 Cypress 进行测试时,会遇到 SSL 证书错误的问题,这就导致...

    1 年前
  • CSS Reset 对响应式 Web 设计的影响及优化方法简析

    随着移动设备和平板电脑的普及,响应式 Web 设计越来越受到关注。然而,在实际开发过程中,我们经常会遇到一些响应式布局的问题,比如在不同设备上显示不一致、样式覆盖等。

    1 年前
  • Koa 项目中如何使用 Redis 实现 Session 存储?

    在现代前端开发中,服务器和客户端之间的通信非常重要。在服务器端,我们使用许多技术和工具来保持会话状态。在本文中,我们将看到如何使用 Redis 在 Koa 项目中实现会话存储。

    1 年前
  • 用 ECMAScript 2021 的 Function.prototype.toString 揭示 Vue.js 的运作原理

    在 Vue.js 的开发过程中,我们常常需要深入理解它的运作原理,才能更好地使用它的功能。今天我要向大家介绍一种全新的方法,用 ECMAScript 2021 的 Function.prototype...

    1 年前
  • 如何使用 Angular 与 Webpack 构建现代 Web 应用程序

    随着 Web 技术的不断发展,现代化的 Web 应用程序的开发也变得越来越普遍。其中 Angular 和 Webpack 成为了不容忽视的前端技术。本文将详细讲解如何使用 Angular 和 Webp...

    1 年前
  • 解决 Babel 编译后 ES6 类中使用 super 关键字出现的问题

    在使用 ES6 类进行前端开发时,我们经常会使用到 super 关键字。super 关键字可以让我们在子类中访问父类的属性和方法,非常方便。但是,在使用 Babel 进行编译后,可能会出现一些问题。

    1 年前
  • ES11 中的 Promise.allSettled,解决 Promise.all 中的错误抛出问题

    ES11 中的 Promise.allSettled,解决Promise.all 中的错误抛出问题 在前端开发中,我们经常需要处理异步操作。Promise 是一种很好的异步处理方式,它可以使代码更加清...

    1 年前
  • SASS 中 color 函数的应用技巧

    在前端开发中,经常需要处理颜色相关的样式,而 SASS 中的 color 函数可以帮助我们更加方便地处理颜色,本文将深入探讨 color 函数的应用技巧。 基础语法 color 函数是 SASS 提供...

    1 年前
  • Deno 如何进行模块化开发

    随着互联网的不断发展,前端开发技术也在不断地更新迭代。Deno 是一个基于 Rust 和 V8 引擎的 JavaScript/TypeScript 运行环境,其具有高性能、安全、简单易用等特点,成为了...

    1 年前
  • RxJS 实战:如何使用 switchMap 合并 Angular HTTP 请求

    前言 在前端开发中,我们经常需要将多个 HTTP 请求进行合并,以减少网络请求次数和提升性能。而在 Angular 框架中,我们可以使用 RxJS 操作符 switchMap 来实现这个功能。

    1 年前
  • 使用 Jest 测试 Angular 应用的指令

    在开发 Angular 应用时,我们经常需要使用一些指令来实现一些功能。为了保证指令的正确性和代码质量,我们需要进行测试。Jest 是一个轻量级的 JavaScript 测试框架,适用于前端开发中的单...

    1 年前
  • 如何识别和修复 ARIA 标签中的无障碍问题

    随着网络的普及,越来越多的人开始通过电子设备访问网站。对于一些有视觉、听力等障碍的用户,能否用流畅的方式访问网站是一种权利。为了保障这些用户的权利,现代网站已经开始实施无障碍设计。

    1 年前

相关推荐

    暂无文章