basic.test.js

import React from 'react';
import { ApolloClient, ApolloProvider } from 'react-apollo';
import renderer from 'react-test-renderer';
import MockNetworkInterface from 'apollo-mocknetworkinterface';
import TestedComponentWithApollo from './TestedComponentWithApollo';

// create mocked network interface, to simulate communication with graphQL server
const networkInterface = new MockNetworkInterface(...);
const client = new ApolloClient({ networkInterface, addTypename: false });

// test in Jest
it('render without exploding', (done) => {
  const component = renderer.create((
    <ApolloProvider client={client}>
      <div>
        <TestedComponentWithApollo />
      </div>
    </ApolloProvider>
  ));
  // first is loading
  const tree = component.toJSON();
  expect(tree.children[0].children[0]).toMatch('loading ...');
  expect(tree).toMatchSnapshot();

  // wait until data arrive
  setTimeout(() => {
    try {
      const tree2 = component.toJSON();
      expect(tree2.children[0].children).toMatchObject([
        'got data ... ',
      ]);
      expect(tree2).toMatchSnapshot();
    } catch (e) {
      return done.fail(e);
    }
    return done();
  }, 2500);
});