Simplify mjs test suite

test/fixtures/mjs-support/__snapshots__/index.test.js.snap

@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`can use mjs library in development 1`] = `"Pikachu"`;
+exports[`can use mjs library in development 1`] = `"world"`;
 
-exports[`can use mjs library in production 1`] = `"Pikachu"`;
+exports[`can use mjs library in production 1`] = `"world"`;

test/fixtures/mjs-support/index.test.js

@@ -9,11 +9,10 @@ test('can use mjs library in development', async () => {
   try {
     const page = await browser.newPage();
     await page.goto(`http://localhost:${port}/`);
-    await page.waitForSelector('.Pokemon-Name-Data', { timeout: 0 });
+    await page.waitForSelector('.mjs-gql-result', { timeout: 0 });
     const output = await page.evaluate(() => {
-      return Array.from(
-        document.getElementsByClassName('Pokemon-Name-Data')
-      ).pop().innerHTML;
+      return Array.from(document.getElementsByClassName('mjs-gql-result')).pop()
+        .innerHTML;
     });
     expect(output).toMatchSnapshot();
   } finally {
@@ -29,11 +28,10 @@ test('can use mjs library in production', async () => {
   try {
     const page = await browser.newPage();
     await page.goto(`http://localhost:${port}/`);
-    await page.waitForSelector('.Pokemon-Name-Data', { timeout: 0 });
+    await page.waitForSelector('.mjs-gql-result', { timeout: 0 });
     const output = await page.evaluate(() => {
-      return Array.from(
-        document.getElementsByClassName('Pokemon-Name-Data')
-      ).pop().innerHTML;
+      return Array.from(document.getElementsByClassName('mjs-gql-result')).pop()
+        .innerHTML;
     });
     expect(output).toMatchSnapshot();
   } finally {

test/fixtures/mjs-support/src/App.js

@@ -1,62 +1,35 @@
 import React, { Component } from 'react';
-import ApolloClient, { gql } from 'apollo-boost';
-import { ApolloProvider, Query } from 'react-apollo';
+import {
+  graphql,
+  GraphQLSchema,
+  GraphQLObjectType,
+  GraphQLString,
+} from 'graphql';
 
-const GET_PIKA = gql`
-  {
-    pokemon(name: "Pikachu") {
-      name
-    }
-  }
-`;
-
-const client = new ApolloClient({
-  uri: 'https://graphql-pokemon.now.sh/graphql',
+const schema = new GraphQLSchema({
+  query: new GraphQLObjectType({
+    name: 'RootQueryType',
+    fields: {
+      hello: {
+        type: GraphQLString,
+        resolve() {
+          return 'world';
+        },
+      },
+    },
+  }),
 });
 
-class Pokemon extends Component {
-  render() {
-    const { name } = this.props.pokemon;
-    return (
-      <h1>
-        Pokemon name: <span className="Pokemon-Name-Data">{name}</span>
-      </h1>
-    );
-  }
-}
-
-class Data extends Component {
+class App extends Component {
   state = {};
-  componentDidCatch() {
-    this.setState({ hasError: true });
-  }
-  render() {
-    const { hasError } = this.state;
-    return hasError ? (
-      <div className="Pokemon-Name-Data">Error :(</div>
-    ) : (
-      <Query query={GET_PIKA}>
-        {({ loading, error, data }) => {
-          if (loading) {
-            return <div>Loading...</div>;
-          }
-          if (error) {
-            return <div className="Pokemon-Name-Data">Error :(</div>;
-          }
-          return <Pokemon pokemon={data.pokemon} />;
-        }}
-      </Query>
-    );
+  componentDidMount() {
+    graphql(schema, '{ hello }').then(({ data }) => {
+      this.setState({ result: data.hello });
+    });
   }
-}
-
-class App extends Component {
   render() {
-    return (
-      <ApolloProvider client={client}>
-        <Data />
-      </ApolloProvider>
-    );
+    const { result } = this.state;
+    return result ? <div className="mjs-gql-result">{result}</div> : null;
   }
 }