我找不到这个问题的答案所以如果重复请删除。 我有使用 React Hook 形式 (7.22.5) 和 Luxon (2.3.1) 的 React (17.0.26) 组件。 这是组件定义本身是这样的(无法提供完整的组件代码): 当我尝试使用 React 测试库运行测试以仅测试组件时,出现以下错误: ...
我找不到这个问题的答案所以如果重复请删除。 我有使用 React Hook 形式 (7.22.5) 和 Luxon (2.3.1) 的 React (17.0.26) 组件。 这是组件定义本身是这样的(无法提供完整的组件代码): 当我尝试使用 React 测试库运行测试以仅测试组件时,出现以下错误: ...
在我的组件渲染中,我的useEffects挂钩调用了 function。function 根据 useEffects 产品中的条件更新 state 状态。 那么在这种情况下如何测试 `mobileMenu` 以及如何在 useEffect 中设置不同的条件来测试它呢? 我希望我的useEffect ...
我正在为 React 组件Order编写测试,它呈现用户的订单并允许用户通过单击“查看项目”按钮查看订单上的项目,这会触发 API 调用。 以下是我为Order编写的测试。 我在 API 调用上编写测试时遇到了一些问题。import { render, fireEvent, screen } fro ...
我有一个登录页面 我想使用 jest 对此页面进行快照测试。 我将Login.test.tsx创建为 这是测试使用 chakra-ui 创建的 web 个页面的正确方法吗? ...
尝试编写测试以提供以下代码的代码覆盖率: 注意:服务中还有其他功能,但为简洁起见仅列出一个。 我试图通过此测试简单地提供代码覆盖率: 注意:我试图使用 require 而不是 import 但这似乎不起作用。 然而,这个测试通过似乎没有提供代码覆盖率。 我试图模拟 axios 调用,但我似乎无处可去 ...
我遵循了 acadamind.com 上的 JavaScript 单元测试教程,该教程讲师使用 Vitest 进行演示,他们提到使用 Vitest 而不是 Jest 的原因是 Jest 需要一些额外的配置才能使用最新的 JavaScript 语法。 在对单元测试进行了自己的研究之后,我意识到 Je ...
要测试的组件- 失败的测试用例- 错误 - 让我知道我在这里做错了什么。 Codesandbox 链接- https://codesandbox.io/s/morning-microservice-xxh0mw?file=/src/UserForm.test.js PS -因为我正在学习反应测试 ...
我有一个问题 mocking 返回Promise使用: 创建 React 应用笑话实时语言我有一个文件:const books = [{ id: 1, name: 'book' }]; export const getBooks = () => new Promise((res ...
我如何在测试库中有条件地进行测试:渲染加载组件骨架正在工作但不知道如何模拟 useState? 组件.test.tsx 我得到的错误是: TestingLibraryElementError: Unable to find an element by: [data-testid="displayTe ...
是否有可能实现这个fireEvent.keyDown(document, { key: '/' }); 与userEvent ? 这个测试通过: 但是当我尝试对 userEvent 做同样的事情时: 测试失败。 ...
我试图用笑话来模拟 useNavigate 的实现,以使用反应测试库测试组件,但是当我运行我的测试笑话时,我无法识别模拟的 function。 这是组件。 这是我的测试 当我运行这个测试时,它返回给我测试失败。 我阅读了一些文档并看到了使用完全相同的模拟的示例,但对我来说它不起作用。 失败的测试 ...
我是 mocking 我的<App/>发出的 API 调用,但调用的jest.mock返回未定义。 这是我的应用程序: 下面是 API 调用(返回一个 Promise): 这是测试 API 调用的测试: 这是我在下面得到的错误。 我不确定为什么返回 Promise(正是应用程序期望返回的 ...
我希望对某些组件进行一些测试。 但是,鉴于某些组件是嵌套的,它会失败,但我想简单地检查文本是否呈现在屏幕上。 例如: 我不是要查看它们是否在正确的组件内呈现,而是要查看是否呈现文本“Hello World”。 从我在测试中看到的情况来看,事实并非如此。 ...
我之前问过这个问题,但这次我创建了一个最小的可重现示例。 下面是我的应用程序,其中包含一个 object state,并呈现一个 Sidebar 组件: 这是我的边栏组件,它从state object 获取count属性,并在用户单击按钮时更新count属性: 下面是我的边栏的 Jest 测试。 ...
我们正在使用 Jest 和 React 测试库对我们的 React 应用程序进行单元测试。 我们得到了一些这样的“经典”错误: 但是有些开发者干脆忽略了这种类型的错误。 因此,随着时间的推移,测试 output 会充斥着这样的警告。 而且我们的测试感觉不那么自信。 Jest 或 React Tes ...
我是 RLT 的新手,在我尝试为输入框编写单元测试时遇到了这个奇怪的事情,RTL 只是不会更新 state 的输入值,这是我的测试代码: 这是我的反应代码: 如您所见,在我的 React 代码中,当运行测试时,第 7 行已经打印出“usa”,这是我在测试中传递的值,但似乎 RTL 只是卡在这里,不 ...
在我的 React 组件中,一个带有 id #keys的div从display: none到display: flex当你按下/并关注document时。 我使用 Jest 和 React 测试库为此编写了一个测试: 应用程序.tsx: 应用程序.test.tsx: 如您所见,在我的测试中,我查询的 ...
我正在尝试将Jest和React testing library安装到我的expo 项目 (sdk 47)中。 安装时我遇到了依赖冲突。 我是测试新手,你能帮我安装一下吗发现:react@18.1.0 npm 错误! 节点模块/反应 npm 错误! react@"18.1.0" 来自根项目 npm ...
我一直在开玩笑地对 nodejs 代码进行单元测试,但现在我正在进入 RTL 进行 UI 测试,我有一些我不确定的事情。 你们是否有一些标准或方式来断言组件的结构? 例如,让我们假设这个组件有多个嵌套的有序列表和无序列表,我正在研究它,虽然我可以简单地在屏幕上做断言。嵌套列表的那个组件中的一些文本上 ...
我对测试很陌生。 我想测试我的onClick function 是否正常发射。 onClick function 的行为是以编程方式触发文件输入。 ...