23、测试驱动的 GraphQL 开发指南

测试驱动的 GraphQL 开发指南

1. 引言

GraphQL 为数据获取提供了一种替代 HTTP 请求的方案，它具备许多可添加到数据请求中的额外特性。尽管 GraphQL 系统看似复杂，但测试驱动开发（TDD）能帮助我们理解和学习这一技术。本文将使用 Relay 库连接后端，构建一个新的 CustomerHistory 组件，用于展示单个客户的详细信息及其预约历史。

2. 技术准备

在开始之前，需要完成以下准备工作：
- 安装 react-relay 、 relay-compiler 和 babel-plugin-relay 包。
- 配置 Babel 以理解新的 GraphQL 语法。
- 在 relay.config.json 文件中进行 Relay 配置，主要配置项为模式（schema）的位置。
- 在 src/schema.graphql 文件中定义 GraphQL 模式。
- 确保有一个服务于传入 GraphQL 请求的服务器端点 POST/graphql 。

在开始编写测试之前，需要编译模式，可使用以下命令：

npx relay-compiler

npm run build 命令也已被修改，会自动运行此命令，以防遗忘。编译完成后，即可开始编写