cost 144 ms
React 测试库:测试按钮点击时的 API 调用

[英]React Testing Library: Testing an API call on button click

我正在为 React 组件Order编写测试,它呈现用户的订单并允许用户通过单击“查看项目”按钮查看订单上的项目,这会触发 API 调用。 以下是我为Order编写的测试。 我在 API 调用上编写测试时遇到了一些问题。import { render, fireEvent, screen } fro ...

用 Jest 模拟服务

[英]mock a service with Jest

尝试编写测试以提供以下代码的代码覆盖率: 注意:服务中还有其他功能,但为简洁起见仅列出一个。 我试图通过此测试简单地提供代码覆盖率: 注意:我试图使用 require 而不是 import 但这似乎不起作用。 然而,这个测试通过似乎没有提供代码覆盖率。 我试图模拟 axios 调用,但我似乎无处可去 ...

测试 function 不被识别为全局 function

[英]test function is not recognized as a global function

我遵循了 acadamind.com 上的 JavaScript 单元测试教程,该教程讲师使用 Vitest 进行演示,他们提到使用 Vitest 而不是 Jest 的原因是 Jest 需要一些额外的配置才能使用最新的 JavaScript 语法。 在对单元测试进行了自己的研究之后,我意识到 Je ...

React 测试库条件渲染

[英]React testing library conditional rendering

我如何在测试库中有条件地进行测试:渲染加载组件骨架正在工作但不知道如何模拟 useState? 组件.test.tsx 我得到的错误是: TestingLibraryElementError: Unable to find an element by: [data-testid="displayTe ...

useNavigate 不适用于 React 测试模拟

[英]useNavigate doesn’t work on React test mock

我试图用笑话来模拟 useNavigate 的实现,以使用反应测试库测试组件,但是当我运行我的测试笑话时,我无法识别模拟的 function。 这是组件。 这是我的测试 当我运行这个测试时,它返回给我测试失败。 我阅读了一些文档并看到了使用完全相同的模拟的示例,但对我来说它不起作用。 失败的测试 ...

Jest mocking API 调用返回未定义

[英]Jest mocking API calls returning undefined

我是 mocking 我的<App/>发出的 API 调用,但调用的jest.mock返回未定义。 这是我的应用程序: 下面是 API 调用(返回一个 Promise): 这是测试 API 调用的测试: 这是我在下面得到的错误。 我不确定为什么返回 Promise(正是应用程序期望返回的 ...

findByText 在多个组件上

[英]findByText over multiple components

我希望对某些组件进行一些测试。 但是,鉴于某些组件是嵌套的,它会失败,但我想简单地检查文本是否呈现在屏幕上。 例如: 我不是要查看它们是否在正确的组件内呈现,而是要查看是否呈现文本“Hello World”。 从我在测试中看到的情况来看,事实并非如此。 ...

测试 setState 挂钩时 Jest 测试返回 [function anonymous]

[英]Jest test returning [function anonymous] when testing setState hook

我之前问过这个问题,但这次我创建了一个最小的可重现示例。 下面是我的应用程序,其中包含一个 object state,并呈现一个 Sidebar 组件: 这是我的边栏组件,它从state object 获取count属性,并在用户单击按钮时更新count属性: 下面是我的边栏的 Jest 测试。 ...

如何将 React 测试库“未包含在行为中”警告转换为 Jest 单元测试错误

[英]How can I turn React Testing Library "not wrapped in act" warnings into Jest unit tests errors

我们正在使用 Jest 和 React 测试库对我们的 React 应用程序进行单元测试。 我们得到了一些这样的“经典”错误: 但是有些开发者干脆忽略了这种类型的错误。 因此,随着时间的推移,测试 output 会充斥着这样的警告。 而且我们的测试感觉不那么自信。 Jest 或 React Tes ...

React 测试库未更新输入字段中的 state

[英]React Testing Library not updating state in input field

我是 RLT 的新手,在我尝试为输入框编写单元测试时遇到了这个奇怪的事情,RTL 只是不会更新 state 的输入值,这是我的测试代码: 这是我的反应代码: 如您所见,在我的 React 代码中,当运行测试时,第 7 行已经打印出“usa”,这是我在测试中传递的值,但似乎 RTL 只是卡在这里,不 ...

查询 React 测试库中的 React 根元素

[英]Querying the React root element in React Testing Library

在我的 React 组件中,一个带有 id #keys的div从display: none到display: flex当你按下/并关注document时。 我使用 Jest 和 React 测试库为此编写了一个测试: 应用程序.tsx: 应用程序.test.tsx: 如您所见,在我的测试中,我查询的 ...

Expo如何添加Jest-React测试库

[英]How to add Jest-React testing library to Expo

我正在尝试将Jest和React testing library安装到我的expo 项目 (sdk 47)中。 安装时我遇到了依赖冲突。 我是测试新手,你能帮我安装一下吗发现:react@18.1.0 npm 错误! 节点模块/反应 npm 错误! react@"18.1.0" 来自根项目 npm ...

如何使用 RTL 断言组件结构

[英]How to assert a component structure using RTL

我一直在开玩笑地对 nodejs 代码进行单元测试,但现在我正在进入 RTL 进行 UI 测试,我有一些我不确定的事情。 你们是否有一些标准或方式来断言组件的结构? 例如,让我们假设这个组件有多个嵌套的有序列表和无序列表,我正在研究它,虽然我可以简单地在屏幕上做断言。嵌套列表的那个组件中的一些文本上 ...

如何测试更改 state

[英]How to test changing state

我在 TypeScript 中有如下组件: 我想为它编写测试。我想测试click event 。 因此,我应该检查是否已单击活动导航项,并且expanded的 state 是否已更新。 下一个是(仅当expanded state 为true时),检查非活动元素上的点击事件并检查该点击事件是否将 e ...


 
粤ICP备18138465号  © 2020-2023 STACKOOM.COM