我有混合应用程序，使用阿波罗的反应和非反应的代码。但是，我无法找到与阿波罗客户端一起测试无反应代码的文档或代码示例，而不是使用MockedProvider。我需要这样做的原因很简单:当使用Next.js的SSR和/或SSG特性时，数据获取和实际数据呈现被分割成不同的函数。因此，获取代码不是使用React，而是使用Node.js来获取<e
浏览 2提问于2021-10-28得票数 3
我有一个简单的组件。它所做的一切就是使用useQuery获取数据并将其传递给另一个组件。该组件运行良好，但我无法在不添加hack的情况下对其进行测试，如下所述： Testing Final Stage 我看过MockedProvider requires timeout，这个问题是两年半前问的profile { }`;
const {
浏览 26提问于2020-10-13得票数 0
回答已采纳
在Storybook中使用MockedProvider似乎不会返回任何内容。预期结果：const { loading, error, data } = useQuery(LATEST_SELL_SIGNALS)第一次呈现时加载
浏览 6提问于2020-05-16得票数 2
我正在使用阿波罗钩子(useQuery，useMutation)对反应组件进行单元测试，在测试中我使用阿波罗的MockedProvider模拟实际的查询。问题是，有时，我的模拟与组件实际进行的查询不匹配(或者创建模拟时输入错误，或者组件演化和更改一些查询变量)。当发生这种情况时，MockedProvided会向组件返回一个NetworkError。这是令人沮丧的，
浏览 9提问于2020-02-06得票数 10
回答已采纳
我有一个简单的阿波罗装置。在这个CodeSandbox示例中，我使用的是MockedProvider，但活动的MockedProvider也能工作：
import { gql, useQuery, ApolloProvider } from "@apollo/client";
import
浏览 2提问于2021-03-03得票数 6
回答已采纳
1回答
我有一个小的React/TypeScript/GraphQL应用程序，它连接到API，获取产品，并在页面上显示它们。我正在尝试通过使用GraphQL创建一个测试，检查产品的名称是否在getByText模拟之后出现在文档中，但是我一直在获取TestingLibraryElementError: Unable to find我也尝试使用getByRole (见下文)，但这给出了错误TestingLibraryElementError: Unable to find an accessibl
浏览 4提问于2021-11-27得票数 0
回答已采纳
2回答
我写了一个叫做阿波罗useQuery的钩子。这很简单：import { useState } from 'react'; } const [enabled, setEnabled] = useState(false);
useQuery没有返回<
浏览 0提问于2020-11-04得票数 0
3回答
我目前正在尝试从useQuery中模拟index.ts，但是我不能这样做，因为useMenu是一个只读值。index.tsimport { MENU } from "../../graphql/queries/menu";
return use
浏览 19提问于2020-07-10得票数 3
1回答
在我工作的项目中，我真的被困在了这个问题上，我发现的所有答案似乎都很简单，但它们对我来说并不管用。也许我不太明白什么是模拟，我真的需要一些指导。我正在测试一个具有子组件的父组件，该组件使用GraphQL从数据库中获取一些数据。在测试父母的时候，我不在乎孩子在做什么。我想用一个模拟的组件(一个不从数据库获取数据的组件)替换子组件，这样我只能关注父组件。
我想出了一个
浏览 3提问于2020-06-18得票数 7
回答已采纳
我正在经历最奇怪的阿波罗行为…在我的测试中，每当我发出一个模拟的查询时，阿波罗神奇地找不到它。
我有5个模拟，包括基于collectionId和一些分页变量的查询。所以它没有看到我需要的模拟，而且查询失败了。有意义的…在我将测试中的组件更改为查找ID 112805之前，您可以清楚地看到在阿波罗表面上知道的4种模拟中列出的ID。，但它可以看到的<e
浏览 5提问于2022-08-05得票数 1
回答已采纳
一些背景:我有一个组件，在加载时立即调用useQuery钩子。当该查询正在运行时，我将旋转一个加载自旋器。一旦它完成，我将根据数据来呈现内容。我添加了一个useEffect钩子，它监视查询的结果并记录数据，这就是我观察到的问题。但是，当我尝试模拟请求时，result.data和result.error字段从未改变，即使result.loading字段改变了。我正在使用react-testing-library来运行测试。我确信正在调用模拟，因为我添加了
浏览 1提问于2021-08-10得票数 6
回答已采纳
我试图在这里执行一个测试，这个测试基本上应该在使用graphQL返回的模拟数据单击按钮之后执行一些操作 mocks={mocks}> </MockedProvider>
fi
浏览 7提问于2022-02-17得票数 1
回答已采纳
我正在尝试测试以下组件，但由于查询的onCompleted属性上的错误，在获取数据后无法在Jest中呈现它。我还有另一个组件，它本质上是相同的，但根本不使用onCompleted，也不会给Jest带来麻烦。const SearchResources = ({ filter, orderBy, query }) => { r
浏览 11提问于2019-10-29得票数 0
下面是我如何使用MockedProvider的方法。如何模拟重取模拟数组？be able to click on delete user', async () => { <MockedProvidermocks={mocks}>
浏览 3提问于2019-11-21得票数 4
1回答
模拟由react钩子返回的函数
、、、、
我正在构建一个分页，使用useQuery钩子作为React中阿波罗客户机的一部分，它公开了一个名为fetchMore的函数，如下所示：const App = () => { const {loading, data, error, fetchMore} = useQuery});
浏览 3提问于2020-03-06得票数 0
回答已采纳
我正在尝试测试一个使用阿波罗userQuery的React组件，但是我得到了这个错误：import { MockedProvider } from '@apollo/client/testing'
import React
浏览 3提问于2022-11-23得票数 1
1回答
Apollo客户端提供了用于使用MockedProvider测试API的，但它似乎没有模拟useApolloClient钩子。当我将MockedProvider与我的功能组件一起使用并运行测试时，即使我在挂载时添加了MockedProvider，也会出现此错误： 73 |
> 74 |
浏览 4提问于2021-10-03得票数 0
2回答
使用MockProvider从@apollo/client/testing模拟查询的错误状态。该组件正在按预期工作。最终状态正按预期工作。我尝试删除模拟数据中的错误状态
浏览 3提问于2020-09-03得票数 1
1回答
在测试之间清除阿波罗缓存
、、、、
我有一个组件，我正在尝试测试，但似乎阿波罗的缓存没有在测试之间被清除。我用的是React测试库和Jest。{ <MemoryRouter initialEntries={['/media/1']}>
<MockedProvider mocks={[getCharacterMock登录到控制台的DOM显示，组件已经呈现了它应该从模拟getMediaMock获得的数据。如果我注
浏览 2提问于2021-10-12得票数 0
我在前端使用codegen来生成类型，并使用graphql查询来获取这种格式的数据。 const { data, loading, error } = useSampleQuery({ a: 1, }
}) 我正在使用jest和酶来测试我的react组件。
浏览 5提问于2021-05-10得票数 0
云服务器
ICP备案
对象存储
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号