使用带有酶的expect测试库在具有两个类的DOM上找不到元素
可能是由于以下原因导致的：
- DOM结构问题：首先需要确认DOM结构是否正确，包括元素的嵌套关系、类名是否正确等。可以通过查看页面源代码或使用开发者工具来检查DOM结构。
- 元素选择器问题：在使用expect测试库时，需要使用正确的元素选择器来定位目标元素。可以尝试使用CSS选择器或XPath选择器来定位元素，确保选择器的准确性。
- 异步加载问题：如果DOM元素是通过异步加载或动态生成的，可能需要等待元素加载完成后再进行查找。可以使用expect的异步测试方法或等待函数来确保元素加载完成后再进行断言。
- 类名冲突问题：如果DOM上存在多个具有相同类名的元素，可能会导致无法准确定位目标元素。可以尝试使用更具体的选择器或结合其他属性来定位目标元素。
- 测试环境配置问题：确保测试环境的配置正确，包括正确引入expect库、正确设置测试框架等。
针对这个问题，腾讯云提供了一系列云原生解决方案，其中包括云原生应用开发平台Tencent Kubernetes Engine（TKE）。TKE是腾讯云提供的一种容器化管理服务，可以帮助开发者快速构建、部署和管理容器化应用。通过TKE，开发者可以轻松搭建云原生应用的开发、测试和生产环境，提高开发效率和应用的可扩展性。
推荐的腾讯云产品：
- 腾讯云容器服务（Tencent Kubernetes Engine，TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云原生应用开发平台：https://cloud.tencent.com/solution/cloud-native
请注意，以上答案仅供参考，具体的解决方案可能需要根据实际情况进行调整。
相关·内容
在测试React-Redux组件时，有没有办法通过第二个类名或具有两个或多个类名的元素来查找元素？</div>const wrapper = mount( <TodoApp />);
expec
浏览 12提问于2019-11-05得票数 0
我有一个带有模式对话框的React组件(使用reactstrap构建，但其他人也报告了react-bootstrap和其他类型的模式组件的类似问题)。酶找不到模式中的任何组件，即使它们在实际的应用程序中渲染得很好。(在本例中使用jest)import MyModal from './&#
浏览 43提问于2017-08-12得票数 8
回答已采纳
我有一个带有模态对话框的Reaction组件(使用reactstrap，但其他人也报告了类似的问题react-bootstrap以及其他类型的模态部件)。酶在模态中找不到任何成分，即使它们在实际的应用程序中呈现得很好。// Fails, 0 length}); 测
浏览 165提问于2018-06-08
回答已采纳
我使用'useEffect‘钩子来检查表单的状态，并更新确定disabled是否为真或假的变量。values.isFormValid} Register</Box>
当我运行测试时，即使按钮已启用且'isFormValid‘为true，disabled属性也始终存在实际上，在DOM中，disabled属性被删除，但测试失败。(wrapper.fi
浏览 53提问于2019-08-05得票数 2
4回答
在酶中，你可以像这样检查子组件的存在：什么等同于react测试库中的这个测试？我找到的所有在线示例只涵盖了寻找dom元素的非常简单的测试-没有一个包含渲染子组件的示例。如何查找子组件？
浏览 19提问于2020-02-03得票数 29
1回答
我有一个测试用例，该测试用例失败并提供了错误： true false
name='Prague'
country='CZ&
浏览 5提问于2017-09-09得票数 1
回答已采纳
3回答
Jest和酶有什么区别？
、、、、
我刚开始做单元测试。我想测试React项目。我从React文档开始，它将酶称为测试工具，这对我来说有点模糊。
enzyme断言库还是任务运行程序？测试react-redux项目的最佳方法是什么？
浏览 9提问于2017-03-06得票数 47
1回答
我有一个具有这种设置的组件 /* do stuff with toys */useEffect(() => () => handleTidyToys(), [toyBoxId])这是在我的测试中用酶和行为(来自react-dom/test-utils)
it('tidiessinon.stu
浏览 1提问于2019-06-17得票数 3
2回答
我正在使用一些react-bootstrap组件构建一个组件，特别是Modal及其名称分隔的子组件，例如Modal.Heading (或Modal.Title、Modal.Body等)。Jest测试套件中的酶，我可以找到Modal组件的各种子组件，包括DOM元素和其他自定义的React组件。但是，我找不到名字间隔的子组件：
const modal = shallow(<MyComponent&
浏览 3提问于2017-03-03得票数 3
我正在制作一个javascript单元测试套件，用于一个带有jest &酶法的react redux组件；所讨论的组件是一个文件上传表单，其中包含一些基于用户输入和/或服务器响应的基本样式更改。我想用jest &酶法模拟用户与这些UI元素(文件输入和文本字段)的交互，但我在这样做时遇到了困难；我对使用这些测试框架相当陌生，对react redux有了基本的
浏览 3提问于2019-04-11得票数 0
我对JavaScript测试非常陌生，并且正在开发一个新的代码库。我想编写一个测试，用于检查元素上的className。我和Jest和一起工作。下面我有一个测试，它将呈现一个基于variant支柱的按钮。它还包含一个className，我想对它进行测试。className equal to the variant', () => {
const { container } = render(&
浏览 0提问于2018-11-20得票数 146
回答已采纳
1回答
当基于多个REST调用响应更新状态时，我希望测试我的react组件。import { act } from "react-dom/test-utils";
test("renders without error", () => {
浏览 9提问于2022-07-22得票数 0
回答已采纳
1回答
简单的测试用例:希望查看给定元素是否具有焦点。要检查一个元素是否集中在带有RTL和jest的react应用程序上，您可以使用两个简单的选项：
您可以使用扩展您的jest并使用expect(&
浏览 3提问于2021-01-25得票数 9
1回答
此组件获得一个回调，该回调由动态生成的内容中的用户交互(例如单击)调用。16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"
浏览 2提问于2020-10-29得票数 4
回答已采纳
2回答
我已经创建了一个函数，我想为该函数编写一个测试用例。我在该函数中返回HTML内容。我的函数代码是- {but
浏览 0提问于2020-06-12得票数 2
2回答
我隐藏一个文件输入元素(<input type="file"/>)“后面”一个反应引导Button，以便能够控制样式。因此，当单击按钮时，我转过身，在文本输入元素上触发一个合成单击事件，如下所示。onClick={this.clickHandler}>Open File</Button> </ButtonGroup> }我想用Jest/
浏览 7提问于2017-03-04得票数 2
回答已采纳
1回答
我使用来自两个外部库jest-dom/extend-expect和jest-extended的自定义匹配器。这两个库都定义了一个名为toBeEmpty的匹配器，但具有不同的行为。一个期望string/array/object/iterable为空，另一个期望DOM元素为空。我的感觉是jest配置中的
浏览 3提问于2020-09-24得票数 1
回答已采纳
我正在尝试为我的React组件编写一个测试，使用TypeScript、Jest作为我的测试运行器，并使用酶来测试我的React组件。每当我将我的组件传递给shallow酶函数时，我就会得到ts错误"'Navbar‘引用了一个值，但在这里被用作一个类型。我在其他一些组件上尝试过，当作为参数传递到shallow函数时，所有组件都有相同的错误。我怀疑
浏览 1提问于2019-10-11得票数 20
回答已采纳
1回答
我用酶+玩笑来测试我们的反应应用。如果button方法在render之后返回，则我希望父级为两个render元素。>child2</button></li> </li>在<em
浏览 0提问于2018-02-27得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
