Example of Mocking GraphQL Apollo

react-apollo.js

// project_root/__mocks__/react-apollo.js
// Mock for node_modules must be adjacent to the node_modules folder
import React from "react";

const actualReactApollo = require.requireActual("react-apollo");

let mockProps = {};

const setMockGraphQLProps = (props) => { mockProps  = props; };
const graphql = () => Component => props => <Component {...mockProps} {...props} />

const { compose, createBatchingNetworkInterface, ApolloClient } = actualReactApollo;

export {
  graphql,
  compose,
  setMockGraphQLProps,
  createBatchingNetworkInterface,
  ApolloClient
};

VersionNumber.js

import React from "react";
import { graphql } from "react-apollo";
import { compose } from "recompose";

import { someQuery } from "SOMEPATH";

export const VersionNumber = ({ data: { config: { version } } }) => (
  <div>
    v{version}
  </div>
);

const enhancedComponent = compose(
  graphql(someQuery),
)(VersionNumber);

export default enhancedComponent;

VersionNumber.spec.js

import React from "react";
import renderer from "react-test-renderer";
import { setMockGraphQLProps } from "react-apollo";
import VersionNumber from "../helpers/VersionNumber";

const mockGraphQLProps = {
  data: {
    config: { version: '3.5.2' }
  }
};

describe.only("when configuration is fetched", () => {
  test("it should properly rendered", () => {
    setMockGraphQLProps(mockGraphQLProps);
    const tree = renderer.create(<VersionNumber />).toJSON();
    console.log(tree);
  })
})