在我的组件渲染中,我的useEffects挂钩调用了 function。function 根据 useEffects 产品中的条件更新 state 状态。 那么在这种情况下如何测试 `mobileMenu` 以及如何在 useEffect 中设置不同的条件来测试它呢? 我希望我的useEffect ...
在我的组件渲染中,我的useEffects挂钩调用了 function。function 根据 useEffects 产品中的条件更新 state 状态。 那么在这种情况下如何测试 `mobileMenu` 以及如何在 useEffect 中设置不同的条件来测试它呢? 我希望我的useEffect ...
组件就像: <Button 和 <Icon 是自定义组件,它们包裹了 <button 和 <icon const handleToggleShow = useCallback(() => { setShow(!show); }, [show]); const ...
我最近开始将我当前的 React 16 和 17 项目升级到 React 18。因此,我不得不将我的测试库从 Enzym 更改为 React 测试库 (RTL)。 我遇到了一个找不到等效项的场景。 我使用 material-ui 作为样式库。 在 Enzyme 中,我可以这样查询组件: 我在 RTL ...
我正在尝试测试 useState 功能,该功能在调用 useEffect 时也会更新。 我要测试的是在初始阶段 useState 值为 false,然后它会在单击事件时发生变化。 请查看我在下面尝试的代码: 我的下拉组件的代码; const [showDropdown, setShowDropd ...
这个最小的工作示例演示了在较小的测试场景中会发生什么: src/code.test.js : package.json : 运行此( npm i && npm test; )时,我得到 这是因为在第 12 行的fetch解决后调用了setServerData 。 在这个测试用例 ...
将 testinglibrary/userEvent 从版本 13 更新到 14 后,它不再等待动态渲染。 我的对话框以及对话框内的内容都被延迟加载。 下面是一个示例代码。 对话框显示微调器,直到它完成完全加载内容。 只要查询等待,内容就会被渲染。 但它不会等待内容被渲染,而是在找到 spinner ...
我必须创建具有图像和文本框的反应组件,所以我的任务是测试根据需要,图像或文本框左对齐或右对齐根据需要,图像或文本框顶部或底部对齐通过将输入变量作为textLeft或textRight 传递示例组件 有什么帮助吗? ...
代码示例 嗨,我有一个不寻常的测试用例,它没有按我预期的方式工作。 我正在测试一个驻留在我们应用程序上下文中的组件。 上下文传递的值之一是一个状态以及该状态的设置器。 例如 - - 测试 ComponentToBeTested.js 我正在尝试测试当用户单击按钮时,该值会增加。 ...
我正在编写一个测试来检查 2 个字段的输入,一个是文本类型,另一个是类型数字。 我可以毫无问题地获取文本输入并对其进行测试: 当我使用 screen.debug(); 检查测试时,这非常有效。 但是输入的数字却大不相同。 检查调试器时,这不会更改值。 我一直在网上寻找答案,但没有找到任何 ...
我用 jest 和反应测试库(最新版本)测试反应组件,但我没有让异步测试工作。 我认为它是一个语法问题。 组件正确渲染,并且由于超时有效,提取(useEffect)似乎也有效。 如果我希望在单击按钮后出现一个元素,我也会遇到同样的问题。 ...
我有一个超级简单的表格,我正在尝试使用反应测试库进行测试 形式就像 并且简单地尝试使用 但是在emailInput.value这个错误说 我在应用程序中使用打字稿,这与类型有关吗? 我怎样才能解决这个问题 ...
我想测试我的自定义钩子,但在 React 18 中 @testing-library/react-hooks 库不工作,我使用的是 @testing-library/react 它有 renderHook function 并且工作正常,但这个库没有 waitForNextUpdate funct ...
我正在为我的应用程序测试自定义书面上下文。 我有一个面试评估上下文文件。 我正在尝试使用此上下文提供程序的 fetchInterviewData 功能。/* eslint-disable prefer-destructuring */ /* eslint-disable react-hooks/ex ...
我需要在 React 应用程序中测试来自 chakra-ui 的弹出框。 我试过这个。 但它没有找到弹出窗口。 如果我尝试通过文本,那么我无法断言它是否可见。 it('show a popover when hover terms and conditions', () => { r ...
我正在尝试编写单元测试。 我只是在 test.file 中导入我的组件文件。 尝试运行测试时。 它为文件组件中的文件导入提供错误模块,而在文件组件中导入工作正常。 组件文件 - example.tsx jest.config.js 测试规范.js 在“npm 运行测试”之后然后,得到错误无法从 e ...
基本上,我正在尝试测试具有 select 的组件。 尝试测试组件时,测试失败,返回的是默认值而不是更改后的值。 但是,当我使用渲染组件的 HTML(来自 screen.debug())时,它会起作用。 组件: 原始测试: 以及使用渲染的 html 修改后的测试: 考虑到它适用于修改后的测试,我无法解 ...
我在这里使用了 React Number Format package,我想测试它的 onChange 事件,但出现错误,有人可以帮我解决这个问题。 我在下面给出了我的测试代码和组件。 在代码的 fireEevent 方法中,它一直说 Argument of type 'HTMLElement | ...
我这样试过 错误是属性“onclick 在类型字符串上不存在”,并且在测试时显示索引的值。 如何测试这个? ...
我正在学习 React 测试库(其他语言的多年 TDD 经验) React 测试库上的这个文档说,当getByText失败时,它“但是它会打印被测 DOM 的状态”: https://testing-library.com/docs/dom-testing-library/api-debug ...
我是使用 React 测试库编写测试用例的新手。 这是我的组件 所以我正在使用 React 测试库编写我的测试用例文件 我不确定出了什么问题,我的想法是检查组件是否加载而不会崩溃,如果汽车数组长度大于 0,请检查页面上呈现的内容。 但是我遇到了一些错误,任何有关示例或建议的帮助都会节省我的时间 ...