带有手动嘲笑HOC(带有CRA)的开玩笑组件
我想测试包裹在HOC中的反应组件(我想模拟的一个)。 要模拟的组件具有以下结构 import { myHOC } from '../hoc/Component'; const Component = () =>…
在反应测试图和打字稿中,适合Renderhook的合适类型是什么?
我想用 react-testing-library 测试一个自定义钩子,因此,我将此代码添加到each之前: let renderedHook ; beforeEach(() => { renderedHook = rende…
如何使用React测试库和JEST测试主题Toggler?
我正在尝试测试BG颜色在单击主题Toggler后是否更改。 test("Toggle changes from light to dark mode", () => { render(); const themeToggler = scre…
在渲染所有组件后,如何从表中获取元素?
我正在尝试测试我在React中的Userstable页面,但是测试库在有时间渲染之前获得了元素。 请在下面查看我的代码: userstable.js import React, { useSt…
Apollo usequery()引发错误:在React Testing库中运行异步测试时的Econnrefused
更新: 尝试升级到React 18和RTL 13,但这并未解决该问题。 REECT 16.4.0 反应标记5.0.1 Apollo Client 3.5.9 React Testing库12.1.2 我在测试的慢性…
是否可以使用Findbyrole进行类型搜索的输入?
我正在尝试以更语义的方式使用React-Testing-library选择搜索输入。 我用 type = search 标记了输入,并且我希望能够执行这样的操作: cy.findByRole(…
下一个路由器的下一个JS测试问题
我正在尝试在NextJ中为我的项目编写React-Testing-Library编写单元测试,但是 const t = locale === 'fa' ? fa : en; 在进行测试时,我在下一个路由器…
RTL:无法找到角色“形式”来自Formik
因此,我是RTL库的新手,我想做的是以我的Formik表单测试验证。 组件看起来像这样: export const SignUp = () => { const handleSubmit = ({ usernam…
反应测试,按钮未从USEREVENT中点击
我试图做一个编写测试,我可以在React组件中单击一个按钮,但它不起作用,我不知道为什么。据我所知,这应该有效。我希望一次叫回调。 it("should wor…
与Waitfor一起使用的异步故事书测试
当我在本地运行 test-Storybook 时,以下测试通过,我的色度构建步骤通过,但是在Bitbucket管道中,此测试失败了。我想这与异步和 waitfor 有关。有人…
使用反应测试库和React-Router V6测试重定向时,DOM DO不会更新
当用户单击按钮时,我正在尝试测试重定向页面(我不想使用用户 jest.mock())。 我根据 test-test-react-library 文档: import { FC, ReactElement…
玩笑模拟返回承诺的班级方法
我有一个React组件,可以在页面加载上获取数据。 example.component.js import React, { useEffect, useState } from 'react'; import './App.css'; i…
有没有办法在不使用酶的情况下模拟单位测试中的状态
我一直在使用开玩笑,并且一直在阅读 @testing-library/react文档,但到目前为止,没有发现与React中的模拟状态有关。我知道酶在反应中的嘲笑状态是可…