如何使用 chai 断言库进行 Mocha 测试

AI 编程助手，豆包旗下的编程助手，提供智能补全、智能预测、智能问答等能力，节省开发时间，释放脑海中的创造力，支持 VSCode，点击体验 AI

前言

Mocha 是一个JavaScript测试框架，常用于Node.js应用程序和浏览器。它让异步测试变得真正简单且有趣。chai 是一个适用于BDD / TDD的断言库。这篇文章将详细介绍如何使用chai库进行mocha测试。

安装

首先，你需要安装Mocha和Chai. 

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

语法

Chai有两个接口能用于编写测试用例：assert和expect.

assert机制在使用上有点类似Node.js内建的assert机制，可以根据条件是否成立来抛出异常或者不同的输出信息。

expect机制是一种更加接近人类自然语言的断言方式，更加浅显易懂。

使用assert机制

assert机制，用于判断代码运行结果是否符合预期。assert的常用api如下所示。

equal(), notEqual()

equal()的两个参数如果比较结果不相等，直接报错；

notEqual()的两个参数如果比较结果相等，直接报错。

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

isTrue(), isFalse()

判断参数是否为true/false，用于判断布尔值和相等性

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

throw()

该方法需要一个作为函数参数的函数，如果抛出错误就表示测试成功。

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

typeOf()

判断变量的数据类型是否正确。

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

notTypeOf()

除了typeOf方法来判断变量的数据类型，还可以用notTypeOf进行补充。

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

instanceOf()

检测变量是否是构造函数的实例。

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

notInstanceOf()

补充instanceOf方法的不足。

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

使用expect机制

expect机制，是api接口简单易懂，使用自然语言描述测试目的以及是否通过。 从下面的例子里，可以感受到这种简单、直观的测试方式。

expect().to.equal()

检测两个变量是否相等。

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

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

expect().to.not.equal()

补充expect().to.equal()方法。

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

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

expect().to.be.a()

检测变量的数据类型。

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

expect().to.not.be.a()

补充expect().to.be.a()方法的不足。

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

expect().to.include()

判断字符串或数组中是否包含特定的子字符串或元素。

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

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

expect().to.not.include()

补充expect().to.include()方法。

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

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

expect().to.have.lengthOf()

检测字符串或数组长度是否符合预期。

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

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

expect().to.not.have.lengthOf()

补充expect().to.have.lengthOf()方法。

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

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

expect().to.throw()

如果函数throw一个错误，则判断它是否符合预期。

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

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

expect().to.not.throw()

补充expect().to.throw()方法。

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

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

Mocha测试实例

假设A+的写法如下

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

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

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

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

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

针对Promise类进行测试代码如下

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

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

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

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

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

结论

断言库让mocha测试变得更具生产力。chai库正如它的口号一样：“又快又简单”，用它可以让你不仅更加专注于测试本身，还有语法明确且易于阅读，填充了JS测试的空白，丰富了JS单元测试的处理方式。在进行mocha单元测试时，使用chai断言库能让我们静下心来，更好的将精力放到测试本身，减少因为简单的测试而浪费时间的现象。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6728a96f2e7021665e210bce

阅读全文

猜你喜欢

  • Headless CMS中API的错误处理技巧

    在现代Web开发中，Headless CMS已经成为了一种非常流行的内容管理解决方案。Headless CMS采用了一种新的方法，即将内容与前端完全分离，这样开发人员就可以更加灵活地构建自己的网站或应...

    6 天前
  • Tailwind CSS 如何实现水平或垂直居中

    在前端开发中，实现页面元素的水平或垂直居中一直是一个常见问题。而 Tailwind CSS 是一个流行的 CSS 框架，它提供了一些方便的工具类来实现这个目标。本文将介绍如何使用 Tailwind C...

    6 天前
  • ECMAScript 2017 中提供的新方法：Array.from()

    在 ECMAScript 2017 中，新加入了一个方法：Array.from()。这个方法可以将类似数组或迭代器对象转换成真正的数组，这个方法的使用非常简单，但是却非常实用。

    6 天前
  • 使用 Jest 和 ESLint 测试你的代码并保持其干净

    前端开发中，代码质量是至关重要的。良好的代码质量可以确保代码的可维护性、可扩展性和可读性。为了保证代码质量，我们需要采取一些措施来测试我们的代码并保持其干净。在本文中，我们将介绍如何使用 Jest 和...

    6 天前
  • 大型项目的 Docker 化实践

    随着云计算和容器技术的发展，Docker 已经成为了一个非常流行的容器化工具。在前端开发中，我们也可以使用 Docker 来构建、测试和部署我们的应用程序。本文将介绍如何将一个大型前端项目 Docke...

    6 天前
  • Hapi.js 项目中如何处理异常信息

    在开发 Web 应用程序时，处理异常信息是非常重要的。Hapi.js 是一个强大的 Node.js Web 框架，它提供了许多方法来处理异常信息。在本文中，我们将介绍如何在 Hapi.js 项目中处理...

    6 天前
  • 解决使用 ECMAScript 2017 的 Object.setPrototypeOf() 方法时出现的问题

    在 ECMAScript 2017 中，引入了 Object.setPrototypeOf() 方法，它可以用来动态地修改一个对象的原型。这个方法看起来很有用，但是它也有一些问题，接下来我们将深入探讨...

    6 天前
  • 在 Gatsby.js 应用中使用 Chai 和 Jest 进行组件和页面测试的最佳实践

    Gatsby.js 是一个基于 React 的静态网站生成框架，它通过 GraphQL 查询数据并生成静态 HTML 文件，从而提高网站的性能和安全性。在开发 Gatsby.js 应用时，测试是不可或...

    6 天前
  • Express.js 和 Passport.js 的 Node.js Web 应用程序身份验证

    简介 随着互联网的发展，越来越多的 Web 应用程序涌现出来。这些应用程序需要对用户进行身份验证，以确保用户的安全和数据的安全。Node.js 是一个非常流行的服务器端技术，可以用于构建 Web 应用...

    6 天前
  • Vue.js 项目基础模板搭建方法

    Vue.js 是一款流行的 JavaScript 框架，用于构建复杂的单页应用程序和用户界面。在本文中，我们将探讨如何使用 Vue.js 搭建一个基础的项目模板。 前置条件 在开始本教程之前，您需要做...

    6 天前
  • Fastify 中间件的添加方式及使用指南

    前言 Fastify 是一款快速、低开销、高度可定制的 Node.js Web 框架，它被设计用于构建高性能的 Web 应用程序。它提供了一种简单的方式来添加中间件，以便增强应用程序的功能。

    6 天前
  • Koa 基础：错误处理

    在 Web 应用程序中，错误处理是至关重要的。在现代 Web 应用程序中，错误处理不仅仅是捕获错误和返回错误消息，而且还需要处理错误和为用户提供友好的错误信息。 Koa 是一个流行的 Node.js ...

    6 天前
  • RxJS 调试技巧：解决代码中的难题

    RxJS 是一个非常流行的 JavaScript 库，它被用于处理异步数据流。在实际开发中，我们经常会遇到一些难以调试的问题，这时候需要一些技巧来解决这些问题。本文将介绍一些 RxJS 调试技巧，帮助...

    6 天前
  • Mocha 测试框架中使用 chai-as-promised 解决异步调用问题

    在前端开发中，测试是非常重要的一个环节。而 Mocha 是一个常用的测试框架，它支持异步测试，但是在异步调用过程中，有时候会出现一些问题。本文将介绍如何使用 chai-as-promised 插件来解...

    6 天前
  • 如何在 Chai 中测试 JavaScript 中 Map 和 Set 对象

    前言 在 JavaScript 中，Map 和 Set 对象是常见的数据结构。它们可以帮助我们更方便地存储和操作数据。但是，在编写 JavaScript 代码时，我们也需要对这些对象进行测试，以确保它...

    6 天前
  • React 的虚拟 DOM 机制及其优化策略

    React 是一个由 Facebook 开发的 JavaScript 库，用于构建用户界面。它采用了虚拟 DOM（Virtual DOM）的机制来提高性能和渲染效率。

    6 天前
  • 无障碍访问：如何在 Chrome 浏览器中启用眼动跟踪

    随着互联网的普及，越来越多的人开始使用网络来获取信息、沟通交流、进行购物等各种活动。但是，对于一些身体上存在障碍的人来说，使用网络并不是一件容易的事情。比如，对于视力障碍者来说，他们无法看到屏幕上的内...

    6 天前
  • 如何在 Custom Elements 中进行跨域请求

    在前端开发中，Custom Elements 是一个非常有用的技术，它可以让我们创建自定义的 HTML 元素，并且可以轻松地在不同的页面上重复使用。但是，在某些情况下，我们可能需要在 Custom E...

    6 天前
  • Socket.io 连接池如何进行优化

    介绍 Socket.io 是一种实时通信库，它允许在客户端和服务器之间建立双向通信，这使得开发实时应用程序变得更加容易。Socket.io 具有许多功能，其中之一是连接池，它可以帮助管理大量的客户端连...

    6 天前
  • Hapi.js 实现服务端缓存的方法

    在前端开发中，服务端缓存是一个非常重要的话题。服务端缓存可以显著提高应用程序的性能和响应速度，并减少服务器的负载。在本文中，我们将介绍如何使用 Hapi.js 实现服务端缓存的方法。

    6 天前

相关推荐

    暂无文章