如何使用GraphQL的模拟数据测试React应用程序?

时间:2017-08-22 15:23:54

标签: reactjs typescript graphql-js apollo

我有一个简单的React应用程序,我测试一个组件,该组件从'user'道具中的 GraphQL 获取用户数据。该应用程序是用 TypeScript 编写的,我已经从内省查询中生成了类型定义。

如何在不必手动模拟用户的每个字段的情况下测试该组件?我已经从类型生成中获得了Graphql模式,因此应该很简单,对吧?

有一篇文章http://graphql.org/blog/mocking-with-graphql/#mocking-is-easy-with-a-type-system说它只需要2行代码,但我无法使其工作,我找不到mockServer的正确文档。

然后是graphql-tools(http://dev.apollodata.com/tools/graphql-tools/mocking.html),但这些例子都没有真正起作用......

我使用apollo-codegen introspect-schema生成架构。

是否有正常工作示例?

1 个答案:

答案 0 :(得分:0)

您可以尝试使用此软件包https://www.npmjs.com/package/easygraphql-mock

只需传递您拥有的架构,它将模拟所有类型和字段。模拟之后,您可以访问所需的类型。