如何在 Jest 中使用 enzyme 7

阅读时长 3 分钟读完

在前端开发中,单元测试是非常重要的一部分。而 Jest 和 Enzyme,作为 React 生态系统中最流行的测试工具之一,被广泛使用来测试 React 应用程序和组件。在本文中,我们将深入介绍如何在 Jest 中使用 Enzyme 7 进行 React 组件的测试。

安装 Jest 和 Enzyme

在进行测试之前,首先需要安装 Jest 和 Enzyme。

安装 Jest

安装 Enzyme

配置 Enzyme 7

在使用 Enzyme 7 之前,需要对其进行配置。在 src/setupTests.js 文件中,添加以下内容:

这样,我们就成功配置了 Enzyme 7。

编写测试用例

在 Jest 中使用 Enzyme 7 进行测试的方式和之前版本有所不同。在 Enzyme 7 中,我们需要使用 mount 替代 shallow。下面是一个例子:

源代码

测试用例

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

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

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

在测试用例中,我们使用了 import { mount } from 'enzyme' 来导入 mount 函数。然后,我们使用 mount(<HelloWorld name="World" />) 来创建一个 wrapper。最后,我们使用 expect(wrapper.text()).toEqual('Hello World!') 来判断渲染出的文本内容是否和预期相同。

结束语

通过本文的学习,您应该能够掌握在 Jest 中使用 Enzyme 7 进行 React 组件的测试。当然,这只是入门级别的内容。在实际工作中,您需要更深入地掌握这些知识,并结合其他现有的工具和技术用于项目中。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/67971a23504e4ea9bde1fda0

纠错
反馈