当使用Jest测试一个调用外部API的函数时，我得到一个错误，它只能使用函数组件内部的钩子。我模拟了实际的fetch请求，可以在下面的测试文件代码中看到。
浏览 38提问于2021-03-06得票数 0
拥有这样一个简单的useQuery isLoading, isError, data,在我的单元测试中，我希望从一开始就获得useQuery返回信息(这是我想这么做的原因，但这不是主题) beforeEach(() =
浏览 2提问于2022-01-11得票数 -1
回答已采纳
我想测试这个customHook，但是它显示了waitFor的错误不是一个函数。import { QueryClient, QueryClientProvider } from "@tanstack/react-query";const queryClient = new QueryClient();
// jest.mock('../
浏览 11提问于2022-07-24得票数 1
回答已采纳
我正在用react测试库开发测试用例。要编写测试用例，我需要模拟react查询的useQuery和useMutation方法。如果有人知道解决方案，请指导我。我在这里添加相关代码。WorkspaceDetailsSection.test.tsximport '@testing-library/jest-dom'
import'@testing-library/jest</em
浏览 19提问于2022-01-10得票数 10
1回答
我相信我在实现测试时遵循了，但由于超时而失败了。import { renderHook, act } from
浏览 16提问于2022-08-08得票数 1
回答已采纳
我使用“react query”从组件调用API。为了解决这个问题，我将从API返回一个模拟响应。import { QueryClient, QueryClientProvider } from 'react-query';
import { DropDown } from{ data, isLoading, is
浏览 5提问于2022-05-05得票数 0
我有一个名为LoggedIn.js的组件，它使用react query的useQuery钩子在useQuery加载时对服务器进行api调用： data, const spy = jest.spyOn(api, 'getRecipes');
act(()我很困惑，因为我能够监视其
浏览 17提问于2022-10-01得票数 0
我使用一个自定义钩子来共享一个increment函数，这占用了我的应用程序(它增加了购物车中的数量)。React查询缓存API调用使用msw进行模拟。1, quantity: 2 }] }));我还模拟了react query、queryClient.setQueryData和getQueryData函数，以便测试它们的返回值
浏览 6提问于2022-06-30得票数 0
回答已采纳
1回答
我的应用程序使用window对象在运行时为docker注入环境变量，但是我的测试返回时出现了以下错误：declare const window: Window &export const baseUrl = url;测试套件未能运行TypeError:无法
浏览 7提问于2022-05-04得票数 1
我已经围绕fetch编写了一个包装器，它允许我像处理401一样处理我的API中的错误状态。当出现错误时，自定义fetch函数会使用react钩子设置一些状态。因为我在函数中使用钩子，所以我不能正常导入它。因此，我使用上下文传递这个封装的函数。当我使用react-query时，我只想以以下方式使用这个包装函数： function myQuery(key, apiFetch) {
浏览 24提问于2021-10-24得票数 2
回答已采纳
我有以下ES6模块，我正试图在测试中模拟它。} from '@http-utils/core';import { QueryFunctionContext, useMutation, useQuery, useQueryClient } from 'react-query';
import { Headline } from '..，我使用jest.requireActu
浏览 0提问于2021-05-06得票数 0
我正在测试一个由react-query支持的自定义钩子。当promise被拒绝时，我需要测试它的回滚行为。不幸的是，使用console.error的react-query日志拒绝了对控制台的承诺，这弄脏了我的测试输出。如何防止react-query将被拒绝的承诺记录为控制台错误？
浏览 0提问于2021-01-05得票数 2
我正在运行一个React Native项目，我正在测试用react-query编写的自定义钩子。我使用的是Jest、@Jest library/react-hooks和@Jest library/react-native。在我的测试中，我似乎找不到一种方法来调用钩子返回的变异函数。useMutation( );
return { mutate, d
浏览 17提问于2021-01-23得票数 0
回答已采纳
我有一个包含子组件的Dashboard组件，例如使用react-query的Child。编辑： Child组件正在使用一个函数： export function usePosts({ rqKey, url, extraConfig }: CallApiProps) { rqKey, extraConfig,
}); 根据您的回答，我应该创建一个单独的函数
浏览 15提问于2021-01-14得票数 4
回答已采纳
这是我正在使用的代码。这对我来说没有任何意义，因为错误基本上是告诉我，在使用查询时，我不是要传递函数，而是我也不会直接调用这个函数。任何帮助都是非常感谢的。import axios from "axios";import React
浏览 5提问于2022-07-31得票数 0
1回答
我遵循一个使用react查询的示例，这个示例可以很好地处理测试数据，但是当它击中我正在构建的后端时，我的意思是，它检索信息，但不缓存信息，总是访问服务器，但是使用这个示例，这是没有发生的。钩子/user.jsimport axios from "axios";
浏览 5提问于2022-09-12得票数 0
在这一点上，我想要创建对我的Rails API进行调用所需的所有quire。我大致遵循了本教程的https://www.youtube.com/watch?，我可以在react-query中使用这些函数。当端点的url是硬编码字符串时，我可以让查询按照预期运行。当我试图传入一个参数来创建动态urls时，我遇到了无法访问该参数的问题；特别是"prodId“参数。react-query中有没有一些我没有考虑到的语法变化？/q
浏览 96提问于2021-06-24得票数 1
回答已采纳
我正在测试一个使用graphql useLazyQuery的组件。MockProvider由阿波罗推荐库@ Apollo /react-react提供。我想根据查询返回的数据长度来测试是否呈现了某条消息。我有这样的html元素结构： ...children
</div>
浏览 0提问于2020-06-01得票数 1
我正在编写一个搜索组件，它使用react查询来获取数据。query, return useQueryenabled: false, }} 然后我将其导入到我的组件中，并在用户输入搜索词时重新获取数据=> {
if (searchTerm.
浏览 72提问于2021-07-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
