title: reactjs / jest : unable to populate react-apollo component with data using MockedProvider?
body: <p>I have written simple react-apollo component which uses graphql query to retrieve data from schema. On execution component works fine but, when I am writing test case for this component using jest framework together with MockedProvider(i.e. component of react-apollo/test-utils). I am unable to populate component with data. I had refered this article on MockedProvider: <a href="https://paradite.com/2017/11/16/test-react-apollo-components-enzyme-examples/" rel="nofollow noreferrer">https://paradite.com/2017/11/16/test-react-apollo-components-enzyme-examples/</a></p>
  
  <p>my component and test script is as below:</p>
  
  <pre><code>//MyComponent.js
  import React, { Component } from "react";
  import { gql, graphql, compose } from "react-apollo";
  
  export class MyComp extends Component {
  
  render() {
    console.log("data",this.props);
    return (
      &lt;div&gt;Hello  welcome {this.props.msg}
        {!this.props.data.loading &amp;&amp; this.props.data.person.edges.map((person,i)=&gt;(
          &lt;p key={i}&gt;{person.node.name}&lt;/p&gt;
        )
      )}
      &lt;/div&gt;
    );
   }
  }
  
  export const PERSON_QUERY = gql`query Info {
  person{
   edges{
     node{
      id
      name
      __typename
     }
    __typename
   }
   __typename
   }
  }`;
  
  export default compose(graphql(PERSON_QUERY,{}))(MyComp);
  </code></pre>
  
  <p>//MyComponent.test.js</p>
  
  <pre><code>import React from 'react';
  import { configure, mount } from 'enzyme';
  import toJSON from 'enzyme-to-json';
  import { MockedProvider } from 'react-apollo/test-utils';
  import { addTypenameToDocument } from 'apollo-client';
  import { gql, graphql, compose } from "react-apollo";
  import MyComponent,{MyComp, PERSON_QUERY} from 'components/MyComponent';
  import Adapter from 'enzyme-adapter-react-15';
  import {store} from "stores/store";
  
  configure({adapter: new Adapter()});
  
  const data1 = {
    person: {
     edges: [
      {
        node: {
          id: "00000000-0002-972",
          name: "Magic Mad",
          __typename: "Person"
        },
        __typename: "PersonEdge"
      },
      {
        node: {
          id: "000-0001-972",
          name: "Donald Durm",
          __typename: "Person"
        },
        __typename: "PersonEdge"
      },
      {
        node: {
          id: "00-0000-fccd3",
          name: "Peter Hogwarts",
          __typename: "Person"
        },
        __typename: "PersonEdge"
      }
    ],
    __typename: "PersonConnection"
    }
  };
  
  describe("MockedProvider",()=&gt;{
   test("Load with data",()=&gt;{
    const wrap = mount(&lt;MockedProvider mocks={[
     {
      request: {
        query: addTypenameToDocument(PERSON_QUERY)
      },
      result: { data: data1 }
     }
      ]}&gt;
     &lt;MyComponent msg={"2018"}/&gt;
    &lt;/MockedProvider&gt;);
   console.log("Mock",wrap.props());
   console.log("html",wrap.html());
   wrap.update();
  });
  });
  </code></pre>