7得票1回答
在react-testing-library中使用toHaveBeenCalledTimes()未得到预期结果

不管怎样,尝试测试一个函数是否在其被触发后已被调用。`fireEvent` 起作用了,因为我从该函数得到了一个 `console.log`。但是 `.toHaveBeenCalledTimes(1)` 返回 0。我错过了什么吗?如果我有一个在父元素中的 `handleLoginSubmit` ...

10得票1回答
错误:在我使用Jest进行React测试时,无法找到具有文本的元素

我是一个带有测试的新闻,这是我的问题。 我有一个简单的登录组件:import React, { useState } from "react"; export default function Login() { const [email, setEmail] = useState("...

22得票3回答
Jest:ReferenceError:global未定义

我正在使用 Jest 和 "react-testing-library" 编写单元测试,但是出现了以下错误: Test suite failed to run ReferenceError: global is not defined at Object.<a...

7得票1回答
Apollo Boost MockedProvider在使用查询片段时返回空对象

我有一个使用Apollo Boost MockedProvider、Jest和React Testing Library的工作测试,当我将返回的字段更改为graphQL fragment时,它就停止工作了。我错过了什么? TicketGql.js export default class ...

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

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

9得票1回答
如何使用React测试库测试组件的内部功能

我刚开始学习测试,正在尝试使用React测试库测试我的应用程序。我遇到的第一个问题是测试嵌入在我的组件中的函数,例如事件处理程序。我找到了一些例子,其中函数(事件处理程序)作为props传递给组件,但如果可能的话,我不想这样做。 我的组件: import React, { useState...

9得票1回答
React测试库和onAnimationEnd

假设有一个带有一些CSS动画(例如滑入/滑出)的组件: function MyComponent(props) { return ( <div className="with-animations" onAnimationEnd={() => ...

392得票13回答
如何使用Jest和React Testing Library测试元素不存在?

我有一个组件库,正在使用Jest和react-testing-library编写单元测试。基于某些props或事件,我想验证某些元素是否未被渲染。 getByText,getByTestId等在react-testing-library中如果找不到元素会抛出错误,导致测试在expect函数触...

22得票5回答
使用react-testing-library测试material-ui datagrid时出现问题

我希望测试我的material-ui datagrid的内容,但测试结果只显示前3列(共8列)。我可以测试这3列的内容,没有问题。 在web浏览器上,一切都正常渲染。 我猜测这是由于datagrid的宽度和高度引起的,因为有这些警告,但我在文档中找不到解决方案。Material-UI: use...

16得票4回答
使用React测试库测试提交后的重定向

我正在尝试测试一个登录组件。具体来说,测试成功登录后是否会重定向。在手动测试时,它运行良好。但在我的测试中,它从未重定向,因此找不到“注销”链接:test('successfully logs the in the user', async () => { const fakeUse...