GraphQL server for testing (#37)

* Better object detection

* Mock server for tests

* Build

* Remove old stuff

Author: phortx

bla.js

@@ -61,14 +61,15 @@
   },
   "devDependencies": {
     "@types/sinon": "^5.0.1",
+    "apollo-link-schema": "^1.1.0",
+    "graphql-tools": "^3.0.4",
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.7.0",
     "babel-preset-stage-2": "^6.24.1",
     "codecov.io": "^0.1.6",
     "expect": "^23.1.0",
-    "fetch-mock": "^6.4.4",
     "fork-ts-checker-webpack-plugin": "^0.4.2",
     "istanbul-instrumenter-loader": "^3.0.0",
     "mocha": "^5.2.0",

dist/vuex-orm-graphql.esm.js

@@ -30,15 +30,20 @@ export default class Action {
       const context: Context = Context.getInstance();
       const schema: Schema = await context.loadSchema();
 
-      const multiple: boolean = schema.returnsConnection(schema.getMutation(name));
+      const multiple: boolean = Schema.returnsConnection(schema.getMutation(name)!);
       const query = QueryBuilder.buildQuery('mutation', model, name, variables, multiple);
 
       // Send GraphQL Mutation
-      const newData = await Context.getInstance().apollo.request(model, query, variables, true);
+      let newData = await Context.getInstance().apollo.request(model, query, variables, true);
 
       // When this was not a destroy action, we get new data, which we should insert in the store
       if (name !== NameGenerator.getNameForDestroy(model)) {
-        const insertedData: Data = await Store.insertData(newData, dispatch);
+        newData = newData[Object.keys(newData)[0]];
+
+        // IDs as String cause terrible issues, so we convert them to integers.
+        newData.id = parseInt(newData.id, 10);
+
+        const insertedData: Data = await Store.insertData({ [model.pluralName]: newData }, dispatch);
 
         // Try to find the record to return
         const records = insertedData[model.pluralName];

package.json

@@ -31,7 +31,7 @@ export default class Query extends Action {
       filter = filter ? Transformer.transformOutgoingData(model, filter) : {};
 
       // Multiple?
-      const multiple: boolean = schema.returnsConnection(schema.getQuery(name));
+      const multiple: boolean = Schema.returnsConnection(schema.getQuery(name)!);
 
       // Build query
       const query = QueryBuilder.buildQuery('query', model, name, filter, multiple, false);

src/actions/action.ts

@@ -17,7 +17,9 @@ export default class SimpleMutation extends Action {
     if (query) {
       variables = this.prepareArgs(variables);
       const result = await Context.getInstance().apollo.simpleMutation(query, variables);
-      return result.data;
+
+      // remove the symbols
+      return JSON.parse(JSON.stringify(result.data));
     } else {
       throw new Error("The simpleMutation action requires the 'query' to be set");
     }

src/actions/query.ts

@@ -18,7 +18,9 @@ export default class SimpleQuery extends Action {
     if (query) {
       variables = this.prepareArgs(variables);
       const result = await Context.getInstance().apollo.simpleQuery(query, variables, bypassCache);
-      return result.data;
+
+      // remove the symbols
+      return JSON.parse(JSON.stringify(result.data));
     } else {
       throw new Error("The simpleQuery action requires the 'query' to be set");
     }

src/actions/simple-mutation.ts

@@ -10,30 +10,82 @@ import Schema from '../graphql/schema';
 const inflection = require('inflection');
 
 const introspectionQuery = `
-query {
+query Introspection {
   __schema {
-  	types {
+    types {
       name
       description
 
       fields(includeDeprecated: true) {
         name
         description
+        args {
+          name
+          description
+          type {
+            name
+            kind
+
+            ofType {
+              kind
+
+              name
+              ofType {
+                kind
+                name
+
+                ofType {
+                  kind
+                  name
+                }
+              }
+            }
+          }
+        }
 
         type {
           name
           kind
+
+          ofType {
+            kind
+
+            name
+            ofType {
+              kind
+              name
+
+              ofType {
+                kind
+                name
+              }
+            }
+          }
         }
       }
 
-
       inputFields {
         name
         description
 
         type {
           name
           kind
+
+          ofType {
+            kind
+
+            name
+            ofType {
+              kind
+              name
+
+              ofType {
+                kind
+                name
+              }
+            }
+          }
         }
       }
     }
@@ -210,7 +262,6 @@ export default class Context {
       this.connectionQueryMode = this.schema!.determineQueryMode();
       this.logger.log(`Connection Query Mode is ${this.connectionQueryMode} by automatic detection`);
     } else {
-      console.log('---> Config!');
       this.logger.log(`Connection Query Mode is ${this.connectionQueryMode} by config`);
     }
   }

src/actions/simple-query.ts

@@ -1,7 +1,8 @@
 import { DocumentNode } from 'graphql';
 import { Arguments } from '../support/interfaces';
 import { FetchPolicy } from 'apollo-client';
-import { isObject, prettify } from '../support/utils';
+import { prettify } from '../support/utils';
+import * as _ from 'lodash';
 
 /**
  * Vuex-ORM-Apollo Debug Logger.
@@ -87,7 +88,7 @@ export default class Logger {
     if (this.enabled) {
       try {
         let prettified = '';
-        if (isObject(query) && (query as DocumentNode).loc) {
+        if (_.isObject(query) && (query as DocumentNode).loc) {
           prettified = prettify((query as DocumentNode).loc!.source.body);
         } else {
           prettified = prettify(query as string);

src/common/context.ts

@@ -1,6 +1,7 @@
 import { ApolloClient, FetchPolicy } from 'apollo-client';
 import { InMemoryCache } from 'apollo-cache-inmemory';
 import { HttpLink } from 'apollo-link-http';
+import { ApolloLink } from 'apollo-link';
 import Context from '../common/context';
 import { Arguments, Data } from '../support/interfaces';
 import Transformer from './transformer';
@@ -15,7 +16,7 @@ export default class Apollo {
    * The http link instance to use.
    * @type {HttpLink}
    */
-  private readonly httpLink: HttpLink;
+  private readonly httpLink: ApolloLink;
 
   /**
    * The ApolloClient instance
@@ -29,12 +30,17 @@ export default class Apollo {
   public constructor () {
     const context = Context.getInstance();
 
-    this.httpLink = new HttpLink({
-      uri: context.options.url ? context.options.url : '/graphql',
-      credentials: context.options.credentials ? context.options.credentials : 'same-origin',
-      headers: context.options.headers ? context.options.headers : {},
-      useGETForQueries: Boolean(context.options.useGETForQueries)
-    });
+    // This allows the test suite to pass a custom link
+    if (context.options.link) {
+      this.httpLink = context.options.link;
+    } else {
+      this.httpLink = new HttpLink({
+        uri: context.options.url ? context.options.url : '/graphql',
+        credentials: context.options.credentials ? context.options.credentials : 'same-origin',
+        headers: context.options.headers ? context.options.headers : {},
+        useGETForQueries: Boolean(context.options.useGETForQueries)
+      });
+    }
 
     this.apolloClient = new ApolloClient({
       link: this.httpLink,