程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用 apollo 客户端进行查询和订阅的测试反应组件大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决使用 apollo 客户端进行查询和订阅的测试反应组件?

开发过程中遇到使用 apollo 客户端进行查询和订阅的测试反应组件的问题如何解决?下面主要结合日常开发的经验,给出你关于使用 apollo 客户端进行查询和订阅的测试反应组件的解决方法建议,希望对你解决使用 apollo 客户端进行查询和订阅的测试反应组件有所启发或帮助;

有没有人有关于使用 apollo 客户端测试使用查询和订阅的 React 组件的提示?当您使用带有 <mockedProvIDer />@H_489_4@ 和 mocks@H_489_4@ 道具的 link@H_489_4@ 组件时,它似乎只是忽略了模拟。 感谢帮助!!

解决方法

除非您有充分的理由,否则您不应弄乱 link@H_489_4@ 的 mockedProvdier@H_489_4@ 道具。 mockedProvider@H_489_4@ 中使用的默认链接是 mockLink,它管理为给定查询生成模拟的逻辑。像这样对 apollo docs 中给出的示例进行建模,它应该可以工作:

import TestRenderer from 'react-test-renderer';
import { mockedProvider } from '@apollo/client/tesTing';
import { GET_DOG_QUERY,Dog } from './dog';

const mocks = [
  {
    request: {
      query: GET_DOG_QUERY,variables: {
        name: 'Buck',},result: {
      data: {
        dog: { id: '1',name: 'Buck',breed: 'bulldog' },];

it('renders without error',() => {
  const component = TestRenderer.create(
    <mockedProvider mocks={mocks} addTypename={falsE}>
      <Dog name="Buck" />
    </mockedProvider>,);

  const tree = component.toJSON();
  expect(tree.children).toContain('Loading...');
});
@H_489_4@

大佬总结

以上是大佬教程为你收集整理的使用 apollo 客户端进行查询和订阅的测试反应组件全部内容,希望文章能够帮你解决使用 apollo 客户端进行查询和订阅的测试反应组件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:apollo使用