如何在特定元素的上下文中进行Jest测试查询？
在特定元素的上下文中进行Jest测试查询，可以使用一些Jest提供的函数和方法来实现。
首先，需要确保你已经安装了Jest并设置好了测试环境。然后，可以按照以下步骤进行测试查询：
- 首先，通过选择器或其他方式获取到特定的元素或元素集合。可以使用Jest提供的
queryBy系列函数来选择元素，比如queryByTestId、queryByLabelText等。这些函数会返回符合条件的第一个元素或null。
import { render } from '@testing-library/react';
test('测试查询特定元素', () => {
const { queryByTestId } = render(<App />);
const element = queryByTestId('element-id');
expect(element).toBeInTheDocument();
});- 使用Jest提供的断言函数来验证查询结果。例如，
toBeInTheDocument函数可以用于验证特定元素是否在DOM中存在。
import { render } from '@testing-library/react';
test('测试查询特定元素', () => {
const { queryByTestId } = render(<App />);
const element = queryByTestId('element-id');
expect(element).toBeInTheDocument();
});- 如果要查询多个元素，可以使用Jest提供的
queryAllBy系列函数，它们与queryBy系列函数的用法相似，只不过返回符合条件的所有元素数组。
import { render } from '@testing-library/react';
test('测试查询特定元素集合', () => {
const { queryAllByTestId } = render(<App />);
const elements = queryAllByTestId('element-id');
expect(elements.length).toBe(3);
});- 另外，还可以使用Jest提供的
getBy系列函数来查询特定元素，它们与queryBy系列函数的用法类似，但是在找不到元素时会抛出异常。
import { render } from '@testing-library/react';
test('测试查询特定元素', () => {
const { getByTestId } = render(<App />);
const element = getByTestId('element-id');
expect(element).toBeInTheDocument();
});需要注意的是，在进行Jest测试查询时，可以根据具体的场景和需求选择合适的查询函数，以确保能够准确地获取到目标元素或元素集合。同时，还可以结合其他Jest提供的功能，如模拟事件、异步测试等，来编写更全面和完善的测试代码。
关于腾讯云相关产品和产品介绍链接地址，可以根据具体的需求和使用场景选择适合的产品。腾讯云提供了众多云计算相关的产品和服务，包括云服务器、云数据库、云存储、人工智能、区块链等。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的信息和产品介绍。
相关·内容
2回答
我正在用Jest为React应用程序编写测试。假设我有一个包含多个特定元素的网页。在下面的例子中，我有两个按钮。我想在测试中查询测试ID为2的div元素内的按钮。有没有办法在父div的上下文中查询该按钮？我知道我可以为按钮分配测试ID，但我认为在其他场景中能够在特定元素<em
浏览 30提问于2020-11-04得票数 0
我正在将一个相当大的测试套件从Mocha迁移到Jest。在Mocha中，测试是在相同的上下文中执行的，因此测试套件大量使用this来存储在before/beforeEach块中设置的信息，例如： this.foo= 'bar'; e
浏览 1提问于2017-01-10得票数 0
使用aws-cdk (Typescript)部署包含Lambdas的环境，基础工作正常，但现在我想转到开发Lambdas，我对CDK上下文中的单元测试感到困惑。CDK使用Jest进行单元测试，我可以使用Mocha和Chai进行Lambda测试吗?或者我需要使用Jest吗？我认为Jest对于CDK是有意义的，但我喜欢Mocha\Chai在Lambdas中测试
浏览 35提问于2019-09-25得票数 0
回答已采纳
1回答
我是新来的Redux商店测试。当我使用Jest测试下面的Redux商店时，我得到TypeError:无法读取未定义的属性“getState”下面显示了storeFactory和测试。
浏览 1提问于2018-04-11得票数 1
回答已采纳
1回答
我使用jest命令为我的react本机应用程序运行我的测试套件。const wrapper = this.<anonymous>' of null总之，我用谷歌搜索了一下，发现有人在运行jest --env=jsdom。我试了一下，然后我的<e
浏览 24提问于2018-08-22得票数 12
它在await req.session.save();上给了我一个错误，比如req.session.save，这不是一个函数。myController.ts ... refresh_token: refresh_token, expires_in: 1200
浏览 4提问于2022-06-21得票数 0
回答已采纳
以下是我的代码示例 it("should redirect to login page", async () => {
beforeEach(() => jest.resetAllMocksconst li
浏览 13提问于2020-06-28得票数 2
这是它的代码： const { register } = useFormContext<CustomerProfileFormData>(); 如何模拟useFormContext以便测试子组件。这就是测试 it('should render properly', () => { expect(‘的属性’TypeError‘进行结构分析因为它是n
浏览 106提问于2021-06-30得票数 3
我曾经以这种方式测试连接到redux的组件：import { createStore } from 'redux';
"jest-enzyme": "^7.0.1", }
这过去是可行的，但在测试
浏览 0提问于2019-01-07得票数 19
回答已采纳
我有基于@QuarkusTest的测试类。我希望实现一个JUnit 5扩展(BeforeEachCallback，AfterEachCallback)，它与夸夸斯测试上下文中的特定bean进行交互。我尝试了CDI.current()，但结果是：java.lang.IllegalStateException: Unable to locate CDIProvide
例如，在基于Spring的测试中，SpringExte
浏览 18提问于2022-06-03得票数 3
回答已采纳
1回答
假设我有一个简单的，它主要是观察上下文中的变化，并从上下文中呈现一些状态视图。const state = useContext(SomeContext); return ( )对于在jest/react测试库下进行测试，我设想了几种可能性：
为只为每个测试实例化
浏览 4提问于2021-10-01得票数 0
回答已采纳
1回答
我在MDN对格式化上下文的介绍中读过这篇文章：
文档中使用块布局规则的最外层元素建立第一个或初始块格式上下文。这意味着元素块中的每个元素都按照正常的流程进行布局，遵循块和内联布局的规则。参与BFC的元素使用CSS模型概述的规则，该模型定义了元素的边距、边框和填充是如何在相同上下</e
浏览 10提问于2022-11-22得票数 2
1回答
我一直在尝试测试redux的ConnectedComponent。但我不能相处。若要为特定组件使用自定义Redux存储，请使用React.createContext()创建自定义React上下文，并传递context对象以进行React Redux的提供程序和特定组件，如：。您还可以传递一个{context : MyContext}选项来连接
const store = storeFactory({
浏览 0提问于2019-01-20得票数 3
1回答
在整个测试过程中文档持久性问题
、、、、
我一直把头撞在墙上，为了我的一生，我想不出这个问题。我使用Jest (ts-jest)和默认的JSDOM进行测试。
在我的测试中，我分别声明每个测试的文档内容。如果我现在单独运行以下规范(imageParentTest2)，那么它也将正确工作，但是，如果我运行共享测试上下文的两种规范(因此，如果我运行testContext)，则imageParentTest2我还
浏览 0提问于2018-08-21得票数 1
回答已采纳
1回答
如何在Chrome工具中使用jQuery遍历执行上下文？
背景故事和目标:我找不到答案。我是新来的，所以我可能问错了这个问题，所以它可能是非常明显的。我已经测试了使用dev tools中的样式和元素选项卡更改的类及其属性。我已经创建了要添加到cPanel中的DOM中的类，并且知道可以使用哪些类来查询它们的插入点并删除旧类。在下面，您将看到我在查询驻留在“top”执
浏览 10提问于2017-09-29得票数 1
回答已采纳
2回答
如何测试多次分派的动作？
、、、、
描述:我的操作有多个调度。在“Jest”中测试该操作时，它会指向每个调度。行动守则如： dispatch({payload: {data1: 'Data - 1'}, type:2'}, type: 'UPDATE_DATA_2'});
dispatch({payload: {data3: 'Data - 3'}, type: 'UP
浏览 2提问于2020-08-13得票数 1
回答已采纳
因此，我们有以下类型的URL：这个suid查询字符串是动态生成的，并且是用户在这一点上正在经历的特定进程的唯一。我如何在Visual 2010中获得我的web性能测试来获取它的第一个实例并在当前测试的<
浏览 0提问于2012-11-02得票数 3
回答已采纳
我想要什么问题
主要的问题是设计用来在页面上下文之外运行e2e测试的傀儡。我无法像jsdom那样在页面上下<em
浏览 0提问于2018-10-19得票数 16
我有一个创建脚本元素并将其添加到正文中的函数。进行测试，并监视appendChild函数，以断言传入的参数是我所期望的。我所拥有的如下所示： jest.spyOn(document.body, 'appendChild');
expect(document.body.appendChildtypeof document.body.appendChild.mock.child[0][0] /&
浏览 83提问于2019-03-14得票数 8
回答已采纳
1回答
我将如何在Sharepoint How部件中测试CRUD方法？在创建类/特定方法的模型方面，我尝试遵循Jest文档，但考虑到我应该测试的服务类需要构造函数的特定上下文，我认为这是不可能的。itemObject) } catch (e) {
浏览 8提问于2022-10-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
