Make tests work again

Author: phortx

src/common/context.ts

@@ -6,9 +6,40 @@ import { downcaseFirstLetter } from '../support/utils';
 import Apollo from '../graphql/apollo';
 import Database from '@vuex-orm/core/lib/database/Database';
 import { Data, Options, Schema } from '../support/interfaces';
-import { introspectionQuery } from 'graphql';
 const inflection = require('inflection');
 
+const introspectionQuery = `
+query {
+  __schema {
+  	types {
+      name
+      description
+
+      fields(includeDeprecated: true) {
+        name
+        description
+
+        type {
+          name
+          kind
+        }
+      }
+
+
+      inputFields {
+        name
+        description
+
+        type {
+          name
+          kind
+        }
+      }
+    }
+  }
+}
+`;
+
 /**
  * Internal context of the plugin. This class contains all information, the models, database, logger and so on.
  *
@@ -121,7 +152,12 @@ export default class Context {
     if (!this.schema) {
       this.logger.log('Fetching GraphQL Schema initially ...');
 
-      const result = await this.apollo.simpleQuery(introspectionQuery, {}, true);
+      // We send a custom header along with the request. This is required for our test suite to mock the schema request.
+      const context = {
+        headers: { 'X-GraphQL-Introspection-Query': 'true' }
+      };
+
+      const result = await this.apollo.simpleQuery(introspectionQuery, {}, true, context);
       this.schema = result.data.__schema;
 
       this.logger.log('GraphQL Schema successful fetched', this.schema);

src/graphql/apollo.ts

@@ -69,12 +69,12 @@ export default class Apollo {
     return Transformer.transformIncomingData(response.data as Data, model, mutation);
   }
 
-  public async simpleQuery (query: string, variables: Arguments, bypassCache: boolean = false): Promise<any> {
+  public async simpleQuery (query: string, variables: Arguments, bypassCache: boolean = false, context?: Data): Promise<any> {
     const fetchPolicy: FetchPolicy = bypassCache ? 'network-only' : 'cache-first';
-    return this.apolloClient.query({ query: gql(query), variables, fetchPolicy });
+    return this.apolloClient.query({ query: gql(query), variables, fetchPolicy, context });
   }
 
-  public async simpleMutation (query: string, variables: Arguments): Promise<any> {
-    return this.apolloClient.mutate({ mutation: gql(query), variables });
+  public async simpleMutation (query: string, variables: Arguments, context?: Data): Promise<any> {
+    return this.apolloClient.mutate({ mutation: gql(query), variables, context });
   }
 }

test/support/helpers.js

@@ -4,6 +4,7 @@ import Vuex from 'vuex';
 import VuexORM, { Database, Model } from '@vuex-orm/core';
 import fetchMock from 'fetch-mock';
 import VuexORMGraphQLPlugin from "app";
+import {introspectionResult} from "./mock-data";
 
 Vue.use(Vuex);
 
@@ -37,7 +38,15 @@ export function createStore (entities) {
 
 export async function sendWithMockFetch(response, callback, dontExpectRequest = false) {
   fetchMock.config.overwriteRoutes = true;
-  fetchMock.post('/graphql', response);
+
+  fetchMock.post('/graphql', (url, opts) => {
+    if (opts.headers['X-GraphQL-Introspection-Query'] === 'true') {
+      return introspectionResult;
+    } else {
+      return response;
+    }
+  });
+
 
   try {
     await callback();