cost 93 ms
React-testing-library: getByTestId() 或 queryByTestId() 不工作,thros Unable to find an element by data-testid - React-testing-library: getByTestId() or queryByTestId() not working, thros Unable to find an element by data-testid

组件就像: <Button 和 <Icon 是自定义组件,它们包裹了 <button 和 <icon const handleToggleShow = useCallback(() => { setShow(!show); }, [show]); const ...

React 测试库 - 按组件类型获取 - React Testing Library - Get by component type

我最近开始将我当前的 React 16 和 17 项目升级到 React 18。因此,我不得不将我的测试库从 Enzym 更改为 React 测试库 (RTL)。 我遇到了一个找不到等效项的场景。 我使用 material-ui 作为样式库。 在 Enzyme 中,我可以这样查询组件: 我在 RTL ...

如何使用 react 测试库 jest 通过点击事件测试 useState 和 useEffect? - How test usestate and useEffect with click events using react testing library jest?

我正在尝试测试 useState 功能,该功能在调用 useEffect 时也会更新。 我要测试的是在初始阶段 useState 值为 false,然后它会在单击事件时发生变化。 请查看我在下面尝试的代码: 我的下拉组件的代码; const [showDropdown, setShowDropd ...

React 测试库——忽略不需要的副作用(“未包装在法案中”警告) - React Testing Library -- Ignore Unneeded Side-Effects ("Not Wrapped in Act" Warning)

这个最小的工作示例演示了在较小的测试场景中会发生什么: src/code.test.js : package.json : 运行此( npm i && npm test; )时,我得到 这是因为在第 12 行的fetch解决后调用了setServerData 。 在这个测试用例 ...

UserEvent 在延迟加载时不等待加载对话框 - UserEvent doesn't wait for dialog to be loaded when it is lazy load

将 testinglibrary/userEvent 从版本 13 更新到 14 后,它不再等待动态渲染。 我的对话框以及对话框内的内容都被延迟加载。 下面是一个示例代码。 对话框显示微调器,直到它完成完全加载内容。 只要查询等待,内容就会被渲染。 但它不会等待内容被渲染,而是在找到 spinner ...

React Jest 测试:如何根据输入参数测试图像左对齐 - React Jest Testing : How to test image is left aligned according to input parameter

我必须创建具有图像和文本框的反应组件,所以我的任务是测试根据需要,图像或文本框左对齐或右对齐根据需要,图像或文本框顶部或底部对齐通过将输入变量作为textLeft或textRight 传递示例组件 有什么帮助吗? ...

模拟的 useState 没有触发重新渲染 React 测试库 - Mocked useState not triggering a rerender React Testing Library

代码示例 嗨,我有一个不寻常的测试用例,它没有按我预期的方式工作。 我正在测试一个驻留在我们应用程序上下文中的组件。 上下文传递的值之一是一个状态以及该状态的设置器。 例如 - - 测试 ComponentToBeTested.js 我正在尝试测试当用户单击按钮时,该值会增加。 ...

React Jest 测试不适用于数字输入 - React Jest test not working for number input

我正在编写一个测试来检查 2 个字段的输入,一个是文本类型,另一个是类型数字。 我可以毫无问题地获取文本输入并对其进行测试: 当我使用 screen.debug(); 检查测试时,这非常有效。 但是输入的数字却大不相同。 检查调试器时,这不会更改值。 我一直在网上寻找答案,但没有找到任何 ...

为什么我在 react 中的异步测试不起作用? - Why did my asynchronous test in react not work?

我用 jest 和反应测试库(最新版本)测试反应组件,但我没有让异步测试工作。 我认为它是一个语法问题。 组件正确渲染,并且由于超时有效,提取(useEffect)似乎也有效。 如果我希望在单击按钮后出现一个元素,我也会遇到同样的问题。 ...

对于异步挂钩,@testing-library/react 中的 function waitForNextUpdate (@testing-library/react-hooks) 有什么替代方案? - What is the alternative the function waitForNextUpdate (@testing-library/react-hooks) in @testing-library/react for async hooks?

我想测试我的自定义钩子,但在 React 18 中 @testing-library/react-hooks 库不工作,我使用的是 @testing-library/react 它有 renderHook function 并且工作正常,但这个库没有 waitForNextUpdate funct ...

无法对 React 测试库中未安装的组件执行 React state 更新 - Can't perform a React state update on an unmounted component in React Testing Library

我正在为我的应用程序测试自定义书面上下文。 我有一个面试评估上下文文件。 我正在尝试使用此上下文提供程序的 fetchInterviewData 功能。/* eslint-disable prefer-destructuring */ /* eslint-disable react-hooks/ex ...

获取在组件文件中找不到的错误模块 - Get error module not found in component file

我正在尝试编写单元测试。 我只是在 test.file 中导入我的组件文件。 尝试运行测试时。 它为文件组件中的文件导入提供错误模块,而在文件组件中导入工作正常。 组件文件 - example.tsx jest.config.js 测试规范.js 在“npm 运行测试”之后然后,得到错误无法从 e ...

React 测试库适用于 HTML 个元素,但不适用于 React 组件 - React Testing Library works on HTML elements but not with React components

基本上,我正在尝试测试具有 select 的组件。 尝试测试组件时,测试失败,返回的是默认值而不是更改后的值。 但是,当我使用渲染组件的 HTML(来自 screen.debug())时,它会起作用。 组件: 原始测试: 以及使用渲染的 html 修改后的测试: 考虑到它适用于修改后的测试,我无法解 ...

React 测试库 - 无法读取未定义的属性“内容”] - 来自 redux 的值 - React Testing Library - Cannot read property 'contents' of undefined] - value from redux

我是使用 React 测试库编写测试用例的新手。 这是我的组件 所以我正在使用 React 测试库编写我的测试用例文件 我不确定出了什么问题,我的想法是检查组件是否加载而不会崩溃,如果汽车数组长度大于 0,请检查页面上呈现的内容。 但是我遇到了一些错误,任何有关示例或建议的帮助都会节省我的时间 ...


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