chromatic/bin/io/GraphQLClient.js

Automate visual testing across browsers. Gather UI feedback. Versioned documentation.

import HTTPClient from './HTTPClient';

export default class GraphQLClient {
  constructor({ uri, ...httpClientOptions }) {
    if (!uri) throw new Error('Option `uri` required.');
    this.uri = uri;
    this.client = new HTTPClient(httpClientOptions);
    this.headers = { 'Content-Type': 'application/json' };
  }

  setAuthorization(token) {
    this.headers.Authorization = `Bearer ${token}`;
  }

  async runQuery(query, variables, headers) {
    const response = await this.client.fetch(this.uri, {
      body: JSON.stringify({ query, variables }),
      headers: { ...this.headers, ...headers },
      method: 'post',
    });

    const { data, errors } = await response.json();

    if (errors) {
      if (Array.isArray(errors)) {
        errors.forEach((err) => {
          // eslint-disable-next-line no-param-reassign
          err.name = err.name || 'GraphQLError';
          // eslint-disable-next-line no-param-reassign
          err.at = `${err.path.join('.')} ${err.locations
            .map((l) => `${l.line}:${l.column}`)
            .join(', ')}`;
        });
        throw errors.length === 1 ? errors[0] : errors;
      }
      throw errors;
    }

    return data;
  }

  // Convenience static method.
  static async runQuery(options, query, variables) {
    return new GraphQLClient(options).runQuery(query, variables);
  }
}