
[英]TypeError: Cannot read properties of undefined (reading 'ReactCurrentOwner')
我有一个 npm monorepo,其中包含 web 个应用程序 (React 18)、移动应用程序 (React-Native 0.71/React 18) 和共享库。 我还使用 npm 覆盖来修复 React 版本,这没有改变。 一些更新后,当我运行 Jest 测试时,我的一个项目中出现以下错 ...
[英]TypeError: Cannot read properties of undefined (reading 'ReactCurrentOwner')
我有一个 npm monorepo,其中包含 web 个应用程序 (React 18)、移动应用程序 (React-Native 0.71/React 18) 和共享库。 我还使用 npm 覆盖来修复 React 版本,这没有改变。 一些更新后,当我运行 Jest 测试时,我的一个项目中出现以下错 ...
[英]react-test-renderer test failing TypeError: Cannot read properties of undefined (reading 'current')
我正在尝试使用 react-test-renderer 进行单元测试,但我似乎无法通过测试,即使我正在测试的底层组件有效。 有人可以告诉我我做错了什么这是组件的代码 这是测试代码 这些是我得到的错误 我尝试运行 yarn test 但它失败了。 这里编辑的是animation文件的代码 ...
[英]Jest SyntaxError: Unexpected token '<' React
我已经能够测试 ts 文件,但是当我尝试为 tsx 文件编写测试时,我得到了错误: const rendered = (0, _reactTestRenderer.create)(); ^ SyntaxError: 意外的标记 '<' 测试文件: package.json jestS ...
[英]getById is not a function
当我尝试模拟点击时,主题行中出现错误。 我的整个测试文件: 该错误专门指向getById : 类型错误:getById 不是 function ...
[英]Jest snapshot test logs errors messages BUT app renders and seems to function correctly
为了熟悉前端测试,我最近开始使用 Jest 快照库。 我遇到的一个问题是它的错误信息。 尽管应用程序看似正常运行,但我收到错误消息。 例如: 我的应用程序有一个名为<NavBar/>的导航栏,与大多数导航栏一样,它包含链接。 我使用react-router-dom来创建链接。 这是带有 ...
[英]jest test is not exiting after test passes with react-test-renderer
我使用 React Native 0.68.2/jest 29.0 对一个简单组件进行了 toMatchSnapshot 测试。 这是组件SysError : 这是 SysError.test.js: 在yarn test --detectOpenHandle之后,测试通过但不会自行退出。 这是组件 ...
[英]react jest test return error when test component with properties
我想知道为什么我的最后一个测试失败了-> it("cron 输入应该在属性中有一个通过的值"。我尝试在没有和有属性的情况下测试我的反应组件,前两个测试通过但最后一个给了我一个错误。就像我的组件不接受我传递的属性的值一样。 这是测试的 output 错误: 这是我的反应组件: 这是我的测试文件。 ...
[英]Jest Snapshot Testing Wait till Component Renders
在使用异步获取操作测试 React 组件时,我觉得我遗漏了一些东西。 我有一个像这样的以下组件...... 我想创建以下测试。 我遇到的问题是在拍摄快照时数据尚未返回。 无论采用哪种方法,我都会遇到如下警告问题 或者它总是显示正在获取数据... 我使用了来自 @testing-library/rea ...
[英]Infinite loop in useEffect after an API mock in Jest
在我目前正在处理的组件中看到一些奇怪的东西。 因此,我有一个服务器端分页表,在每次 API 调用中,我都将新记录推送到现有数组。 我正在使用fetchBaseQuery进行 API 调用。 实现它的代码 测试用例 根据我的理解,如果我们在useEffect挂钩中使用数组作为依赖项,则可能会 ...
[英]React test Renderer - fails test after onClick
我有这个组件: 我有这个测试套件: 前 3 个测试正常通过,但最后一个在 expect(h2).toEqual('light'); 上失败。 我很困惑为什么会发生这种情况,因为在手动测试时我看到组件按预期运行,因此在 onClick 事件之后更改了文本和图标。 ...
[英]@testing-library/react render Error: `target` and `targetRef` props are `undefined`, it' required to use one of them
我正在尝试为使用来自@fluentui/react-northstar的Dialog的自定义反应组件编写单元测试,当我尝试从测试中渲染组件时出现错误: 编码: //testutils.tsx import { render } from '@testing-library/react'; imp ...
[英]createRoot(...): Target container is not a DOM element in React Test file
我在我的项目中使用 React-18.0.0,在测试文件中出现以下错误 createRoot(...):目标容器不是 DOM 元素。 我的测试文件是:import ReactDOM from 'react-dom/client'; import { render, screen } from "@t ...
[英]How to test React Number Format
我在这里使用了 React Number Format package,我想测试它的 onChange 事件,但出现错误,有人可以帮我解决这个问题。 我在下面给出了我的测试代码和组件。 在代码的 fireEevent 方法中,它一直说 Argument of type 'HTMLElement | ...
[英]How to test tr(table row) has onclick and style={{ cursor: "pointer" }} in react testing library
我这样试过 错误是属性“onclick 在类型字符串上不存在”,并且在测试时显示索引的值。 如何测试这个? ...
[英]How to test a React component, that returns an other component?
我有一个这样的 React 组件: 如何创建一个react-test笑话测试,检查给定的数据,返回什么组件? 我试图这样解决它: 它给了我一个错误,因为queryByTestId('custom-element-one')返回 null。 我怀疑,这是因为OtherComponent本身不是一个元 ...
[英]How correctly write Jest test for avoid act() warning?
useEffect 通常使用 Promises 来更新 state。 此更新会开玩笑地发出长时间警告: Warning: An update to null inside a test was not wrapped in act(...). 对于这种情况如何正确编写 Jest Test? 活生 ...
[英]Jest test passes but .. has console message You are trying to access a property or method of the Jest environment after it has been torn down
我的测试通过但有一个控制台 refrenceError: 在 Jest 环境被拆除后,您正试图访问它的属性或方法。 测试: 有任何想法吗? 这将检查 async/await api 调用的响应。 ...
[英]How to write test cases for Select Box onChange Method in React Testing Library?
我有一个 Select 框,并通过onChange事件将数据设置在 state 中。 请看下面的代码。 任何人都可以帮助我在 React 测试库中为这个onChange事件编写案例。 ...
[英]How to test react component with onClick function Jest/React testing library
我试图在其中一个测试中达到 100% 的覆盖率,它突出显示了设置组件状态的 onClick 函数:这是组件: 我有一个具有 onClick 功能的按钮,如下所示,该按钮是从一组对象映射进来的。 此按钮单击并设置所单击按钮的活动索引,因为这是一个按钮组。 我将如何在 jest/react-tes ...
[英]<Suspense /> and React.createElement
在 .tsx 中,这按预期工作: 但是 .ts 中假定的等效项不起作用: 尝试呈现 SuspenseComponentTS 时的错误消息如下: 打印到控制台,它们似乎是等效的: expect(SuspenseComponentTSX).toEqual("") : expect( ...