使用GraphQL查询对组件进行测试时出错

Question

我用摩卡测试反应元件。这些组件中的一些是与反应相关的--阿波罗商店。因此，我需要使用GraphQL查询和突变。

我用mocha-graphql-寄存器。通过这个库，Mocha可以看到GraphQl查询和字符串一样的变异。

这是我的测试文件(flow-list.spec.js)：

const data = {
  loading: false,
  "flows": [
    {
      "id": "Rmxvd05vZGU6MQ==",
      "name": "NameOfFlow",
    }
  ],
  "applications": [
    {
      "name": "NameofApp"
    }
  ],
  "flowModes": [
    {
      "name": "Flow Mode Foo"
    }
  ],
  "flowTypes": [
    {
      "name": "Flow Type Foo"
    }
  ],
  "bls": [
    {
      "name": "BL Foo"
    }
  ]
};

describe('<FlowList/>', () => {
  it('Must print table with 7 columns', () => {
    const wrapper = shallow(
      <FlowList data={data}/>
    );
    expect(tableHeaderColumns).to.have.length(7);

  });
});

然而，当我运行npm测试时，出现了一个错误。这似乎是一个错误的反应-阿波罗.我不明白，也不知道怎么解决。

在npm测试之后，我运行了以下命令

cross-env NODE_ENV=production mocha --compilers graphql:mocha-graphql-register,js:babel-register,:tools/style-and-images-compiler.js tests/index.js

在这里，npm测试的跟踪日志：

> cross-env NODE_ENV=production mocha --compilers graphql:mocha-graphql-register,js:babel-register,:tools/style-and-images-compiler.js tests/index.js


ENV setup is done !!!
Warning - the `printer` exports from `graphql-tag` will be removed in the next major version.
See https://github.com/apollographql/graphql-tag/issues/54 for more information.
D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\react-apollo\parser.js:13
    fragments = document.definitions.filter(function (x) { return x.kind === 'FragmentDefinition'; });
                                    ^

TypeError: Cannot read property 'filter' of undefined
    at Object.parser (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\react-apollo\parser.js:13:37)
    at graphql (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\react-apollo\graphql.js:75:30)
    at Object.<anonymous> (new-development.js:35:49)
    at Module._compile (module.js:570:32)
    at loader (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\babel-register\lib\node.js:148:5)
    at Object.require.extensions.(anonymous function) [as .js] (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\babel-register\lib\node.js:158:7)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (development-list.js:4:1)
    at Module._compile (module.js:570:32)
    at loader (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\babel-register\lib\node.js:148:5)
    at Object.require.extensions.(anonymous function) [as .js] (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\babel-register\lib\node.js:158:7)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (main.js:4:1)
    at Module._compile (module.js:570:32)
    at loader (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\babel-register\lib\node.js:148:5)
    at Object.require.extensions.(anonymous function) [as .js] (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\babel-register\lib\node.js:158:7)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (flow-list.js:4:1)
    at Module._compile (module.js:570:32)
    at loader (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\babel-register\lib\node.js:148:5)
    at Object.require.extensions.(anonymous function) [as .js] (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\babel-register\lib\node.js:158:7)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (flow-list.spec.js:8:1)
    at Module._compile (module.js:570:32)
    at loader (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\babel-register\lib\node.js:148:5)
    at Object.require.extensions.(anonymous function) [as .js] (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\babel-register\lib\node.js:158:7)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (index.js:8:1)
    at Module._compile (module.js:570:32)
    at loader (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\babel-register\lib\node.js:148:5)
    at Object.require.extensions.(anonymous function) [as .js] (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\babel-register\lib\node.js:158:7)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\mocha\lib\mocha.js:220:27
    at Array.forEach (native)
    at Mocha.loadFiles (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\mocha\lib\mocha.js:217:14)
    at Mocha.run (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\mocha\lib\mocha.js:485:10)
    at Object.<anonymous> (D:\outils_dev\projet_pycharm\tibco_frontend\node_modules\mocha\bin\_mocha:403:18)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.runMain (module.js:604:10)
    at run (bootstrap_node.js:393:7)
    at startup (bootstrap_node.js:150:9)
    at bootstrap_node.js:508:3
npm ERR! Test failed.  See above for more details.

Answer 1

嗯..。我遗漏了从graphql标记库导入'gql‘。

在我的代码中，我需要进行如下GraphQL查询和突变：

gql('my query')

现在开始工作了。