33得票6回答
在React Testing Library中发现多个元素错误

我在查询方面遇到了问题,我试图获取两个单选框输入,其中一个没有任何问题,但是另一个React Testing Library抛出了错误:它发现多个角色为“radio”并且名称/ to / i的元素: 查询test('Render form with default items', () =&g...

32得票1回答
React Testing Library - 在 fireEvent 后使用 'await wait()'

我正在尝试使用Testing Library,在fireEvent.click之后检查DOM元素。我知道在fireEvent后需要等待,但是不确定为什么简单地使用await不起作用?下面的测试以两种方式编写 - 第一种失败了,第二种通过了。我不明白为什么第一种会失败...非常感谢任何见解! ...

32得票5回答
Jest + react-testing-library:警告更新未包装在act()中

使用 react-testing-library 进行组件测试,测试效果良好。只是我无法摆脱这个警告,fireEvent 应该默认在 act 中包装,但我尝试再次包装它并没有帮助。 以下是我的测试用例。it.only("should start file upload if file is ...

30得票3回答
如何在react-testing-library中获取带有“name”属性的元素

我正在使用React测试库和Jest测试我的React应用。我想知道如何在react-testing-library中使用'name'属性获取元素。例如,在下面的页面中,是否可以通过"userName"获取此元素?<input type="text&quot...

30得票2回答
如何在React测试库中对容器内的元素使用fireEvent.scroll事件?

我试图模拟滚动一个包含在中的元素,这个是传递给render函数的一个参数。我尝试着用类似下面的代码,但似乎没有滚动,因此我的下一个expect没有通过。const content = ( <div style={{display: 'flex'}}> &...

30得票4回答
测试自定义钩子:不变违规:找不到react-redux上下文值,请确保该组件被包装在<Provider>中。

我有一个自定义钩子需要测试。它接收一个redux store dispatch函数并返回一个函数。为了获得结果,我尝试执行以下操作: const { result } = renderHook(() =&gt; { useSaveAuthenticationDataToStorages(us...

28得票1回答
如何测试包含异步函数和setState的useEffect函数

我创建了一个 Github 项目,旨在了解如何更好地测试 React (v 16.8.0) 的 useEffect hook。我在 useEffect 中进行 API 调用,并将接收到的数据设置为状态组件元素。 该组件接收查询作为属性,如果查询属性字符串不为空,则进行 API 调用。我想测试...

28得票2回答
使用Jest和React测试库进行单元测试React点击外部组件

我在这里找到了这个实现,但它使用enzyme。 Unit testing React click outside component 向window添加事件也不起作用:window.addEventListener('click', () =&gt; { console.log...

28得票3回答
如何在使用 react-testing-library 和 jest 进行单元测试时启用 react-i18n 翻译文件?

我正在使用jest和react-testing-library为我的React前端应用制作单元测试。在添加了react-i18next库的国际化功能之前,我的单元测试工作得非常好。现在当我运行测试时,似乎它无法找到/使用翻译文件,所有应该读取某些内容的地方都是空的。我正在使用最新的React版...

28得票6回答
如何在Jest和Testing Library中测试工具提示标题

我想测试工具提示标题是否等于特定文本。 这是我的antd工具提示,我想为它编写一个测试: &lt;Tooltip title={ this.props.connection ? "Connected" : "Disconnected (Try again)" ...