Jest/酶测试: expect.toContain(img)

Jest/酶测试是一种用于前端开发的测试框架，它结合了Jest和Enzyme两个工具，可以帮助开发人员编写和运行各种类型的测试用例。

Jest是一个由Facebook开发的JavaScript测试框架，它提供了一套简单而强大的API，用于编写断言、模拟函数和运行测试套件。它具有快速、简单和可扩展的特点，可以在浏览器环境和Node.js环境中运行。

Enzyme是一个由Airbnb开发的JavaScript测试工具，它提供了一套用于测试React组件的API。Enzyme可以模拟组件的渲染、交互和断言，使开发人员能够更轻松地编写可靠的React组件测试。

在Jest/酶测试中，expect.toContain(img)是一个断言，用于判断某个元素是否包含指定的内容（img）。如果被测试的元素中包含了img标签，该断言将会通过，否则将会失败。

Jest/酶测试的优势包括：

简单易用：Jest/酶测试提供了简洁的API和清晰的错误信息，使得编写和调试测试用例变得更加容易。
快速高效：Jest/酶测试具有优秀的性能和并行执行能力，可以快速运行大量的测试用例。
强大的断言库：Jest/酶测试提供了丰富的断言方法，可以满足各种测试需求，包括判断元素是否存在、属性是否正确等。
支持React组件测试：Enzyme作为Jest/酶测试的一部分，提供了专门用于测试React组件的API，可以方便地进行组件的渲染和断言。

Jest/酶测试适用于各种前端开发场景，特别是在React项目中广泛应用。它可以用于编写单元测试、集成测试和端到端测试，帮助开发人员保证代码的质量和稳定性。

腾讯云提供了一系列与Jest/酶测试相关的产品和服务，包括：

云测试平台（https://cloud.tencent.com/product/cts）：腾讯云的云测试平台提供了全面的测试解决方案，包括测试环境管理、测试用例管理、自动化测试等功能，可以帮助开发人员更好地进行测试工作。
云函数（https://cloud.tencent.com/product/scf）：腾讯云的云函数是一种无服务器计算服务，可以用于编写和运行无状态的函数，可以方便地进行函数级别的测试。

以上是关于Jest/酶测试的概念、优势、应用场景以及腾讯云相关产品和服务的介绍。希望对您有所帮助！

页面内容是否对你有帮助？

有帮助

没帮助

Jest/酶测试: expect.toContain(img)

reactjs、unit-testing、enzyme

我想使用Jest/Enzyme编写一个测试，根据条件测试是否返回正确的图像。我目前让它与expect(wrapper.html()).toContain('<img class="card-img CardImage" src="something.png" alt="Icon"/>');一起传递，但我想知道是否有任何方法可以测试它，让它返回它包含一个带有className=C

浏览 12提问于2020-02-18得票数 0

2回答

使用酶的自定义Jest序列化程序

jestjs、enzyme

有没有什么例子可以说明我如何使用带有酶的shallow渲染功能的组件，并将其序列化为可读性更好的快照？

浏览 1提问于2017-07-01得票数 1

1回答

如何使用jest和酶进行redux-saga组合测试

react-redux、jestjs、enzyme

我已经做了redux和saga测试，但现在我想测试结合redux-saga测试与酶和jest.is它可能与jest和酶。

浏览 18提问于2019-04-18得票数 0

6回答

如何使用Jest和/或酶获得嵌套在反应组件中的元素的属性？

javascript、reactjs、jestjs、enzyme

我想测试，看看一个图像是否正确地加载到一个反应应用程序。我已经决定检查嵌套在React组件中的img元素的img属性。我想使用Jest测试框架，如果需要的话，使用酶测试工具。通过深入研究浅反应测试组件的Object.keys，我能够想出以下解决方案。我不确定的行是用星号表示的。('img'); const src = img.node.props.src; // *****

浏览 0提问于2016-12-10得票数 39

回答已采纳

1回答

无法从“src/setupTests.js”中找到模块“酶类”

reactjs、jestjs、enzyme

我正在尝试使用jest和酶法测试一个react组件，我已经为它们安装了必要的包，然后按照下面所示配置了我的setupTests.js，但是仍然存在相同的错误，即没有找到酶模块，也有“浅的”错误。这就是我试着用浅酶的地方import { render, screen, cleanup } from '@testing-library/reactalpha.54", "@mui

浏览 2提问于2021-12-27得票数 0

回答已采纳

2回答

Jest +酶-测试组件对用户的可见性

jestjs、enzyme

目前，我们使用它来测试组件是否呈现了ben：expect(someComponent.length).toBe(1); 这很好，但它实际上并不是在测试组件是否对用户可见-它只是测试组件是否存在。如何测试组件既存在又对用户可见？

浏览 0提问于2019-03-28得票数 8

3回答

Jest和酶有什么区别？

javascript、reactjs、jasmine、jestjs、enzyme

我刚开始做单元测试。我想测试React项目。我从React文档开始，它将酶称为测试工具，这对我来说有点模糊。 enzyme断言库还是任务运行程序？测试react-redux项目的最佳方法是什么？

浏览 9提问于2017-03-06得票数 47

1回答

在Jest中检查React组件状态

reactjs、jestjs

我想测试附加到组件上的操作这个状态的方法，以及它们运行前后的this.state的值。我一直在研究Jest文档，虽然我看到了很多快照的例子，但我特别需要从抽象的角度测试这个容器，除了它的显示/呈现。

浏览 18提问于2017-07-14得票数 0

1回答

如何测试功能组件中的状态更新？(父组件中的状态，子组件中的更新逻辑)

reactjs、unit-testing、jestjs、enzyme

> </button> );import React from "react"; expec

浏览 4提问于2020-03-02得票数 0

回答已采纳

1回答

create-react-app和jest -不能在模块之外使用import语句

jestjs、babeljs、create-react-app

从命令行界面运行jest会导致这个错误(尽管在VS代码中它在我的测试文件中显示我的测试通过了)： (base) ➜ component-library git:(setup) ✗ jest ● Test suite failed to run This usuallymeans that you are trying to import a file wh

浏览 15提问于2021-02-05得票数 1

4回答