reactjs / jest :无法使用MockedProvider使用数据填充react-apollo组件？

文章/答案/技术大牛

发布

1回答

reactjs、mocking、jestjs、react-apollo、reactjs-testutils

我已经编写了简单的react-apollo组件，它使用graphql查询从模式中检索数据。On execution组件运行良好，但是，当我使用jest框架和MockedProvider为该组件编写测试用例时(即react-apollo/ test -utils的组件)。我无法用数据填充组件。我在MockedPr

浏览 12提问于2018-01-08得票数 1

2回答

``react apollo` `MockedProvider`需要超时吗？

javascript、react-apollo、apollo-client

我正在使用jest和react-apollo的MockedProvider，我遇到了麻烦，因为MockedProvider似乎是异步运行的。给定以下简单组件：这个测

浏览 0提问于2018-05-08得票数 3

2回答

不变冲突:在卸载的组件上找不到节点。阿波罗

testing、jestjs、enzyme、apollo、apollo-client

我在测试Create React App中返回Query组件的组件时遇到了一些问题，我正在使用jest和酶进行测试。我想要测试的是query组件是否会根据从服务器接收到的数据返回一个组件数组。)(MyWrapper); import { M

浏览 0提问于2018-07-26得票数 10

1回答

无法使用@/user更新具有新值的文本区域

reactjs、unit-testing、apollo-client、react-testing-library、user-event

我需要使用@testing/react测试组件。我希望根据查询的结果值显示文本区域。我能拿到的。但是，无法使用@/user使用新值更新文本区域。'prop-types';import FormControl from "react-bootstrap/lib/FormControl{render, screen} from &

浏览 3提问于2020-05-14得票数 3

1回答

我怎么能在阿波罗中模拟一个连接，用graphQL来开玩笑呢？

javascript、reactjs、jestjs

我试图以某种方式测试一个使用阿波罗客户端连接条目和GraphQL的钩式文件：无法在"Connect(withRouter(Apollo(Connect(SearchResults))))".的上下文或道具中找到“存储”将根组件包装在"Connect(withRouter(Apollo(Connect(SearchResults))))".中，或者显式地将“存储”作为支柱传递给我可以澄清的一个信息是，模拟组件，在本例中，我从由react本身建议的模型中获取

浏览 2提问于2021-06-11得票数 0

回答已采纳

1回答

使用MockedProvider模拟useQuery返回的数据

reactjs、unit-testing、jestjs、apollo-client、react-testing-library

我有一个简单的组件。它所做的一切就是使用useQuery获取数据并将其传递给另一个组件。该组件运行良好，但我无法在不添加hack的情况下对其进行测试，如下所述： Testing Final Stage 我看过MockedProvider requires timeout，这个问题是两年半前问的组件： export const PROFILE_QUERY = gql` profile { }

浏览 26提问于2020-10-13得票数 0

回答已采纳

1回答

如何在用Jest进行测试时用模拟替换反应性组件

reactjs、jestjs、mocking、react-native-testing-library

我正在测试一个具有子组件的父组件，该组件使用GraphQL从数据库中获取一些数据。在测试父母的时候，我不在乎孩子在做什么。我想用一个模拟的组件(一个不从数据库获取数据的组件)替换子组件，这样我只能关注父组件。./src/ChildComponent.js import React

浏览 3提问于2020-06-18得票数 7

回答已采纳

1回答

尝试使用useQuery挂钩测试组件，但onCompleted导致问题

graphql、jestjs、react-apollo、react-testing-library

我正在尝试测试以下组件，但由于查询的onCompleted属性上的错误，在获取数据后无法在Jest中呈现它。我还有另一个组件，它本质上是相同的，但根本不使用onCompleted，也不会给Jest带来麻烦。以下是有问题的组件，为了简单起见，减少了一些代码：im

浏览 11提问于2019-10-29得票数 0

2回答

安装反应-故事书与反应-阿波罗

reactjs、react-native、apollostack、react-apollo

以前我试过Relay，有一个模块()允许创建存根容器，它不需要网络访问，而是使用静态数据。反应-阿波罗框架是否有等价物？FWIW我正在使用React-原生的，但是每件事背后的想法和设置应该是非常相似的(例如，我使用而不是基于web的解决方案)

浏览 3提问于2016-11-08得票数 4

1回答

如何在我的jest测试代码中运行mutateFunction onClick并获得它的值？

reactjs、jestjs、apollo-client

我想做什么此测试代码是使用jest创建的。';import { Todo } from 'Todo' createPcfToken: null

浏览 2提问于2022-09-28得票数 0

2回答

Apollo的MockedProvider没有为包装在withApollo中的组件提供客户端

reactjs、enzyme、apollo

在测试包装在withApollo中的组件时，我使用了Apollo文档中指定的Apollo的MockedProvider，但是当enzyme尝试呈现该组件时，渲染器找不到MockedProvider应该提供的我有一个在Apollo上下文中使用useQuery的组件。我的组件还没有被渲染。我以为这就是MockedProvider要做的。我的依赖项： @apollo/react-testing: 3.1.3 enzyme: 3.1

浏览 33提问于2020-01-28得票数 3

4回答

如何使用Jest正确模拟React导航的getParam方法

reactjs、unit-testing、navigation、jestjs

我有一个React Native应用程序，我正在尝试使用Jest和Enzyme编写一些集成测试。我的情况如下，我有一个使用getParam从前一个屏幕传递给它的导航参数的组件-它正常工作，我只是在努力使用模拟数据成功地获取一个值。ticketId: 'xxx', ], }, ); <MockedP

浏览 0提问于2019-05-16得票数 2

3回答

如何使用带有react的模拟数据进行测试

testing、jestjs、apollo、react-apollo、apollo-client

我正在使用react阿波罗来构建一个使用GraphQL API的客户端，但是，我仍然停留在测试上。我想要的是模拟服务器，这样我就可以轻松地测试应用程序，而不需要进行网络调用。我找到了一些关于如何模拟服务器的提示： <App /> </ApolloProvider

浏览 3提问于2017-08-15得票数 10

回答已采纳

3回答

模仿@阿波罗/反应-使用Jest的钩子useQuery

typescript、unit-testing、jestjs、react-hooks、apollo-client

const res = useMenu(10000); }); 我试图遵循，但实际上无法实现这一点，因为我没有返回任何HTML，只返回结果

浏览 19提问于2020-07-10得票数 3

2回答

使用React Hook客户端测试Apollo查询

reactjs、jestjs、react-hooks、react-apollo

我正在尝试使用jest为这个组件编写测试import PropTypes from 'prop-types';import { Query } from 'react-apollo'; import { updateYourDetails }', () => &#x

浏览 0提问于2019-12-19得票数 2

1回答

在测试之间清除阿波罗缓存

javascript、reactjs、jestjs、react-apollo、react-testing-library

我有一个组件，我正在尝试测试，但似乎阿波罗的缓存没有在测试之间被清除。我用的是React测试库和Jest。hasNextPage` is true', async () => { <MemoryRouter initialEntries={['/media/1']}> render( <Me

浏览 2提问于2021-10-12得票数 0

1回答

用React测试库测试React表单

javascript、reactjs、next.js、graphql、react-testing-library

我有一个带有表单的组件。onSubmit表单使用阿波罗useLazyQuery根据表单值检索数据。 import '@testing-library/jest-dom'; importmocks={mockData} addTypename={fa

浏览 11提问于2022-11-03得票数 0

1回答

ReactJS/JestJS/酶法:如何测试组合()中使用的graphql()函数？

javascript、reactjs、unit-testing、jestjs、react-apollo

这是我是如何测试一个非常简单的reactJS组件与反应-阿波罗通过jestJS。我还使用了jest的覆盖函数。import React, { Component } from 'react'import

浏览 2提问于2018-01-02得票数 1

回答已采纳

1回答

响应阿波罗2.1模拟模式错误

graphql、react-apollo

我正在尝试使用ReactiveAlolon2.1为组件提供一个模拟模式。但是，它返回此错误。我试着搜索解决方案，但同时搜索旧版本和新版本的信息，但无法解决这一问题。import gql from 'graphql-tag'import { MockedProvider} from 'react-apollo&#x

浏览 1提问于2018-04-23得票数 1

回答已采纳

3回答

反应阿波罗MockProvider总是加载，从不提供数据

reactjs、mocking、graphql、enzyme、react-apollo

我正在尝试测试一个使用graphql的组件，但是当使用阿波罗的MockProvider时，我从来没有得到数据，它只是每次都说loading = true。尝试在测试时不使用graphql导出组件(export function Component)，但在测试嵌套组件时不起作用

浏览 2提问于2017-09-06得票数 6

回答已采纳

点击加载更多