cost 278 ms
类型错误:无法读取未定义的属性(读取“ReactCurrentOwner”)

[英]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文件的代码 ...

getById 不是 function

[英]getById is not a function

当我尝试模拟点击时,主题行中出现错误。 我的整个测试文件: 该错误专门指向getById : 类型错误:getById 不是 function ...

Jest 快照测试记录错误消息,但应用程序正确呈现并且似乎 function

[英]Jest snapshot test logs errors messages BUT app renders and seems to function correctly

为了熟悉前端测试,我最近开始使用 Jest 快照库。 我遇到的一个问题是它的错误信息。 尽管应用程序看似正常运行,但我收到错误消息。 例如: 我的应用程序有一个名为<NavBar/>的导航栏,与大多数导航栏一样,它包含链接。 我使用react-router-dom来创建链接。 这是带有 ...

当测试具有属性的组件时反应笑话测试返回错误

[英]react jest test return error when test component with properties

我想知道为什么我的最后一个测试失败了-> it("cron 输入应该在属性中有一个通过的值"。我尝试在没有和有属性的情况下测试我的反应组件,前两个测试通过但最后一个给了我一个错误。就像我的组件不接受我传递的属性的值一样。 这是测试的 output 错误: 这是我的反应组件: 这是我的测试文件。 ...

Jest 快照测试等到组件渲染

[英]Jest Snapshot Testing Wait till Component Renders

在使用异步获取操作测试 React 组件时,我觉得我遗漏了一些东西。 我有一个像这样的以下组件...... 我想创建以下测试。 我遇到的问题是在拍摄快照时数据尚未返回。 无论采用哪种方法,我都会遇到如下警告问题 或者它总是显示正在获取数据... 我使用了来自 @testing-library/rea ...

Jest 中的 API 模拟后 useEffect 中的无限循环

[英]Infinite loop in useEffect after an API mock in Jest

在我目前正在处理的组件中看到一些奇怪的东西。 因此,我有一个服务器端分页表,在每次 API 调用中,我都将新记录推送到现有数组。 我正在使用fetchBaseQuery进行 API 调用。 实现它的代码 测试用例 根据我的理解,如果我们在useEffect挂钩中使用数组作为依赖项,则可能会 ...

反应测试渲染器 - onClick 后测试失败

[英]React test Renderer - fails test after onClick

我有这个组件: 我有这个测试套件: 前 3 个测试正常通过,但最后一个在 expect(h2).toEqual('light'); 上失败。 我很困惑为什么会发生这种情况,因为在手动测试时我看到组件按预期运行,因此在 onClick 事件之后更改了文本和图标。 ...

@testing-library/react 渲染错误:`target` 和 `targetRef` 属性是 `undefined`,需要使用其中之一

[英]@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(...): 目标容器不是 React 测试文件中的 DOM 元素

[英]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 ...

如何测试 React 数字格式

[英]How to test React Number Format

我在这里使用了 React Number Format package,我想测试它的 onChange 事件,但出现错误,有人可以帮我解决这个问题。 我在下面给出了我的测试代码和组件。 在代码的 fireEevent 方法中,它一直说 Argument of type 'HTMLElement | ...

如何测试返回另一个组件的 React 组件?

[英]How to test a React component, that returns an other component?

我有一个这样的 React 组件: 如何创建一个react-test笑话测试,检查给定的数据,返回什么组件? 我试图这样解决它: 它给了我一个错误,因为queryByTestId('custom-element-one')返回 null。 我怀疑,这是因为OtherComponent本身不是一个元 ...

Jest 测试通过但是.. 有控制台消息您正在尝试在 Jest 环境被拆除后访问它的属性或方法

[英]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 调用的响应。 ...

如何使用 onClick 函数 Jest/React 测试库测试 React 组件

[英]How to test react component with onClick function Jest/React testing library

我试图在其中一个测试中达到 100% 的覆盖率,它突出显示了设置组件状态的 onClick 函数:这是组件: 我有一个具有 onClick 功能的按钮,如下所示,该按钮是从一组对象映射进来的。 此按钮单击并设置所单击按钮的活动索引,因为这是一个按钮组。 我将如何在 jest/react-tes ...


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