问题标签 [react-test-renderer]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 如何在我的反应测试中模拟状态和数据的值
我正在为我的反应页面编写测试，但我的页面在其状态下使用 isLoading，加载页面时呈现“正在加载”，加载但没有数据（来自获取请求）呈现“未找到数据”以及加载时数据（来自获取请求）加载欢迎页面。
我想编写一个测试来检查预期文本在以下情况下是否显示：
- 页面已加载但未找到数据
- 页面已加载并有数据
我想我已经设法让没有数据测试正常工作，但是当我尝试模拟它返回的数据时出现错误消息。错误信息是
但我不确定为什么我的模拟数据是数据：订单>其中有数据，所以不应该是未定义的。
有人可以告诉我如何纠正测试吗？
欢迎页面.js
欢迎.page.test.js
编辑 - 添加 package.json
reactjs - 笑话：在 useEffect 中测试 React 状态变化
我是 Jest 和 Enzyme 的新手，并且正在努力编写一个单元测试来检查当某个状态值存在时我的组件是否正确呈现。
下面是我的代码：
在上面的代码中，我想在authStatus默认情况下测试 Loading 状态，并且我想编写第二个测试来测试传入 props 的 Children 是否在authStatusAuthed 时呈现。我找到了一种模拟实现状态更改的方法，但是该实现仅限于一个useEffect，因为将来可能会有多个useEffects，我不想采用这种方法。有没有更好的方法来测试这种行为？
react-native - 面临警告：道具类型失败：提供给“图像”的道具“来源”无效。在 react-native (expo) 中运行 jest 测试用例时
以下是错误代码： Warning: Failed prop type: Invalid prop 'source' supplied to 'Image'.
我name在 package.json 中将配置定义为app
我在运行笑话测试时收到此错误。
reactjs - 如何测试接收 ref 作为 props 的组件？
我想在 React 中使用react-test-renderer. 我要测试的组件接收ref来自另一个组件的 a。我正在测试的组件依赖于将 ref 作为 props 传递的组件实现的函数：
因此，该功能graph2ScreenCoords是在我的组件通过 props 接收 ref 的组件中实现的。
我的测试组件如下所示：
但我需要将 ref 传递给测试组件，以便它可以访问 function graph2ScreenCoords。
我应该如何以正确的方式做到这一点？我应该在测试中渲染组件，创建一个 ref 并将其作为道具传递吗？我应该嘲笑裁判吗？如何？
提前致谢
javascript - 尝试为测试呈现反应组件时出错
我正在尝试使用createfromreact-test-renderer来渲染组件。这就是我想要做的
但我不断收到此错误：
为什么？我错过了什么？
reactjs - 由于 pure.js 中使用 react-testing-library/react-hooks 的错误，测试套件无法运行
我正在使用 react-testing-library 测试一个反应应用程序。要使用渲染挂钩，我必须添加“@testing-library/react-hooks”库。这个库依赖于另一个库“pure.js”。在 vscode 中运行使用渲染挂钩的测试工作正常，但在 Web IDE 中显示和错误。
如何解决这个错误？
reactjs - Jest with Apollo Client - 在 React hooks 上下文中调用 useQuery 来测试 React App
我在使用 Jest 和 React-test-renderer 测试反应钩子应用程序时遇到问题。当我将 useQuery 放在 react hooks 上下文文件中时定义的问题。
我在这个 apollo 文档https://www.apollographql.com/docs/react/development-testing/testing/之后有一个类似的文件，但在 react hooks 上下文文件中调用 useQuery 只是不同。
CatContext.js
应用程序.js
应用程序.test.js
如果我在里面调用 useQuery 则问题不存在App.js，但是当我在里面调用 useQuery 时CatContext，它会提供一个错误：TypeError: Cannot read property 'loading' of undefined.
任何想法为什么loading我调用的 useQueryCatContext.js是未定义的？以及如何解决？
react-testing-library - React 快照测试 - react-test-renderer vs. react-testing-library
我正在尝试在我的 React 应用程序中进行快照测试。我已经在使用 react-testing-library 进行一般的单元测试。但是对于快照测试，我在网上看到了不同的方法，使用 react-test-renderer 或 react-testing 库。这里有3个例子，它们之间有什么区别，什么是首选？
1.使用react-test-renderer
2. 使用 react-testing-library 和 asFragment()
3.使用react-testing-library和container
react-native - TypeError：无法读取未定义的 Jest 测试的属性“参数”-React Native
我创建了一个测试文件来测试我的以下“BiddingScreen”，
我的测试文件如下，
当我运行我的测试文件时，我得到了这个错误，
所以谁能帮我解决这个问题，谢谢