测试组件不会使用使用useElector获得Redux更新(React-Testing-library)
我正在尝试为一个组件编写测试(带有React-Testing-library),该组件在使用效果中进行API调用,然后更新Redux状态。然后,组件应使用新状态进行更新…
如何检查反应测试图中的水平?
我在页面上有一个标题< h4>/lt;/h4> 在页面上,当我第一次进行测试时,我得到了: Expected: "Big offer!" Received: Big offer! 35 | co…
React Test-组件访问窗口对象时错误
由于特定原因,我在 index.html 文件中使用脚本 public 文件夹中,此脚本在 window> window 对象上创建属性。该属性是异步函数。这是我在public/index…
如何模拟窗口。通过反应测试图形变化。
我正在从酶迁移到 React-Testing-library 。我有一个称为< scrolltotop/> 的组件,该组件只需检查 window.location.location.location 以来自…
React测试库ToHaveBeencalled 0嘲笑一个简单的单击道具
我尝试模拟一个名为Action Clicked的道具,但我的测试失败了,我的组件很简单,因为 const ButtonAction: React.FC = ({ actionClicked }) => { const…
如何使用React测试库在JEST上测试承诺功能?
我有此功能,并且正在尝试在这里进行测试: 我正在尝试使Onclose函数可召唤,但是我在这一行中会遇到错误=> 期望(Onclose).toHaveBeencalled(…
测试通过应禁用按钮时(formik | react-测试库)
我正在使用formik表单来注册并使用React测试库进行测试。如果电子邮件或密码字段无效,则禁用提交按钮。我正在测试我的BTN是在输入某些输入时启用还是…
React测试库userevent.type仅识别首字母
我使用的是“@testing-library/user-event”:“^14.2.0”,next.js 12。 这是我的测试 it('test search input', async () => { const searchInput = …
如何与Jest正确模拟出口儿童组件
因此,这是我的组件和测试的简化版本。 export const VerifyPositionsDialog = () => { return ( ); }; 我省略了道具和组件逻辑,以提高可读性。 我一…
测试图形 /反应呈现为空< div />对于Redux工具包组件
它产生的问题是它不会成功地将MyComponent渲染为模拟DOM。 Console.Log商店也在商店中显示正确的状态。但这只是在渲染身体标签中的空。 import React …
用Tohavestyle进行测试'期望失败时通过
我正在学习测试和反应。我遇到了一些麻烦,理解为什么测试在不应该时通过: 从app.js Gray button 来看,来自app.test.js的 expect(colorButton).toHa…
组件CSS样式在用不同的道具(Rerender())重新渲染时不会改变它
我想用不同的属性重新渲染组件,但是,其CSS样式不会改变: 我已经创建了一个组件,该组件根据节目道具更改可见性属性,并将道具保存在一个状态下: f…
@testing-library/react在异步挂钩中的waitfornextupdate( @testing-library/react-hooks)的函数是什么?
我想测试我的自定义挂钩,但是在React 18 @testing-library/react-hooks库不起作用,相反,我使用 @testing-library/react,它具有renderhook函数,并…
如何使用开玩笑和React测试库模拟滑动?
我有一个反应组件(这个: UI/react-drawer/#可滑动),在移动设备上从边缘滑动时,它会打开抽屉。我手动测试了它,它起作用。我想使用开玩笑和React…