codemirror-graphql/src/results/__tests__/mode.test.ts

GraphQL mode and helpers for CodeMirror.

/**
 *  Copyright (c) 2021 GraphQL Contributors
 *  All rights reserved.
 *
 *  This source code is licensed under the BSD-style license found in the
 *  LICENSE file in the root directory of this source tree. An additional grant
 *  of patent rights can be found in the PATENTS file in the same directory.
 */

import CodeMirror from 'codemirror';
import 'codemirror/addon/runmode/runmode';
import '../mode';

describe('graphql-results-mode', () => {
  it('provides correct tokens and styles after parsing', () => {
    const queryStr =
      '{ "data": { "field": "value" }, "errors": [ { "message": "bork" } ] }';
    const tokens: [string, string][] = [];

    CodeMirror.runMode(queryStr, 'graphql-results', (token, style) => {
      if (style && style !== 'ws') {
        tokens.push([token, style]);
      }
    });

    expect(tokens).toEqual([
      ['{', 'punctuation'],
      ['"data"', 'def'],
      [':', 'punctuation'],
      ['{', 'punctuation'],
      ['"field"', 'property'],
      [':', 'punctuation'],
      ['"value"', 'string'],
      ['}', 'punctuation'],
      [',', 'punctuation'],
      ['"errors"', 'def'],
      [':', 'punctuation'],
      ['[', 'punctuation'],
      ['{', 'punctuation'],
      ['"message"', 'property'],
      [':', 'punctuation'],
      ['"bork"', 'string'],
      ['}', 'punctuation'],
      [']', 'punctuation'],
      ['}', 'punctuation'],
    ]);
  });
});