98得票4回答
使用React Testing Library如何获取HTML元素?

我正在使用React Testing Library中的getByTestId函数:const button = wrapper.getByTestId("button"); expect(heading.textContent).toBe("something&...

92得票4回答
酶(Enzyme)、ReactTestUtils 和 react-testing-library 之间的区别

酶、ReactTestUtils和react-testing-library在React测试中有何区别? ReactTestUtils文档称: ReactTestUtils使得在您选择的测试框架下测试React组件变得容易。 Enzyme文档只是说: Enzyme是一个为...

88得票7回答
在dom-testing-library或react-testing-library中测试输入值的最佳方法是什么?

在 dom-testing-library/react-testing-library 中,测试一个元素的值,最好的方法是什么? 我的做法是通过 closest() 方法获取原始的输入元素本身,这样我就可以直接访问 value 属性:const input = getByLabelText(&...

85得票2回答
类型错误:scrollIntoView不是一个函数。

我对react-testing-library/jest还不熟悉,试图编写一个测试来验证路由导航(使用react-router-dom)是否正确执行。目前,我一直在遵循README和这个教程的指导。 我的其中一个组件在本地函数中使用scrollIntoView,这导致测试失败。TypeErr...

83得票3回答
Jest模拟React上下文

我需要一些帮助理解如何使用React Context测试应用程序。下面是我的样例设置。context.jsimport React from 'react' export const AppContext = React.createContext() App.jsimport React ...

79得票14回答
基于React的测试库:针对Material UI Select组件的onChange事件

我正在尝试使用react-testing-library测试Select组件的onChange事件。 我使用getByTestId获取元素,然后设置元素的值,最后调用fireEvent.change(select);,但是onChange从未被调用,状态也从未更新。我已经尝试过使用select...

78得票4回答
考虑使用"jsdom"测试环境

我有这个简单的测试:import React from 'react' import { render } from '@testing-library/react' import Button from '.' describe('Button', () => { it('re...

78得票8回答
测试时,导致React状态更新的代码应该被包装在act中。

我有这个测试: import { render, cleanup, waitForElement } from '@testing-library/react' const TestApp = () => { const { loading, data, error ...

78得票3回答
使用React测试库检查文本是否出现在元素中

我正在使用Testing Library为一个React应用编写一些测试。我想要检查是否出现了某些文本内容,但我需要确认它出现在特定的位置,因为我已经知道它出现在其他地方。Testing Library查询文档中指出getByText查询接收一个container参数,我猜想这个参数可以让你在...

76得票8回答
如何使用 React Testing Library 从下拉列表中选择一个选项

我有一个普通的选择列表。当我选择一个选项时,我需要测试handleChoice被调用。如何使用React Testing Library实现? <select onChange={handleChoice} data-testid="select" > ...