近年来，GraphQL 越来越流行，成为前端开发必备的技能之一。而在日常开发过程中，测试 GraphQL 请求也是一项重要的任务。本文将介绍使用 Chai.js 对 GraphQL 请求进行测试的一些技巧，帮助读者更好地了解 GraphQL 请求的测试方法与实践。本文分为三个方面，分别是 GraphQL 基本概念、Chai.js 测试工具概述和具体代码实现。
GraphQL 基本概念
GraphQL 是一种用于 API 的查询语言，它是由 Facebook 开发的。与传统的 RESTful API 相比，GraphQL 具有更高的灵活性和自定义能力。GraphQL 可以让前端开发者自行定义请求的数据量和种类，大大提高了前端开发者的开发效率。为了更好的理解 GraphQL ，需要对基本概念有足够的了解。
GraphQL Schema
GraphQL Schema 用于定义数据的结构和组合。在一个 GraphQL Schema 中，可以定义多个 Type，每个 Type 包括多个 Field，Field 可以是标量类型（Scalar Type）如 String、Float 等，也可以是 Object Type，这些 Object Type 可以包含其他 Field。
在需要使用 GraphQL 进行数据请求时，需要先定义数据的结构和组合在 GraphQL Schema 中。
GraphQL Query
GraphQL 查询是通过使用 GraphQL 查询语言来描述数据的方法。GraphQL 查询语言非常类似 JSON，但是作为一种独立语言，它有自己的语法和规则。
GraphQL 查询可以包含一个或多个字段，这些字段可以是标量、列表或对象等类型。GraphQL 查询必须遵循其相应的 GraphQL Schema，请求的数据必须在 Schema 中定义。
GraphQL Mutation
GraphQL Mutation 是指在服务器上修改数据的过程。与查询类似，Mutation 也是通过使用 GraphQL 查询语言来描述修改数据的方法。Mutation 可以是对数据库中已有的数据的修改或添加新数据。
Chai.js 测试工具概述
Chai.js 是开发人员使用的一种 BDD / TDD 声明式断言库。它主要用于断言代码的行为是否符合预期，可以用于 Node.js 和浏览器端测试。 Chai.js 提供了一套简单而优雅的 API，易于学习和使用，可以帮助开发者快速构建断言。
Chai.js 中使用的断言
Chai.js 提供多种类型的断言，包括 should、expect 和 assert。这些断言可以用于各种情况，具体如下：
should：一种基于 Object.prototype 的插件，在用 should 断言之前应该先引入 should。它是通过链式调用来实现断言的方法，可以无限制地将对象传递给一个 assert 属性来进行断言。
expect：这个语法需要从 chai 包中导入 expect 函数，并使用 expect(obj) 包装要断言的对象来启用。它可以使用一系列的链接器，在它们之间传递调用堆栈。
assert：这是一种标准的 Node.js 断言库，Chai.js 为其提供了基础构建，这个库广泛应用于测试框架中。它可以工作在浏览器和 Node.js 上，是一种简单直接的断言。
Chai.js 的优点
使用 Chai.js 有一些优点，具体如下：
支持所有主流的测试框架，如 Mocha、Jasmine 等。
支持多种断言模式，可根据需要进行选择。
代码和测试用例易于编写和管理，具有较高的可读性。
支持 Promise 和异步代码的测试。
可在 Node.js 和浏览器中使用，具有较好的兼容性。
具体代码实现
在进行 GraphQL 请求测试时，需要进行以下几个步骤：
- 获取 GraphQL Endpoint
GraphQL Endpoint 是在服务器上实现 GraphQL API 所需的 URL 地址。
- 使用 Node.js 获取 GraphQL 数据
在前端开发中，可以使用 Node.js 的 fetch 或 axios 模块获得 GraphQL 数据。在获取数据之前，需要先获取到 Endpoint 地址。使用 fetch 或 axios 获取的数据需要经过解析，解析后数据变成对象形式（JSON 形式）。
- 使用 Chai.js 进行断言
断言应该描述状态，而不是在代码中执行特定动作。这意味着如果应该能够预测应用程序如何运行，应该断言特定的行为。在为 GraphQL 请求编写测试用例时，需要断言所请求的元素是否包含正确的数据，并检查查询是否返回预期数据。
下面是一个基于 Chai.js 的测试用例示例：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - ------------
----- ------- - ---------------------
----- --- - ---------------------
-------------- --------- -- -- -
------- --------- ------ -- -
------------
-----------------
------------- -------------------
------------
---------- ---- -- -
-------------------------------------------------------------- -------
-------
---
---
---在这个示例中，我们使用 supertest 模块对 API 进行测试，使用 expect 断言检查请求结果中是否存在正确的数据。定义的请求从服务器的 /graphql 路由中获取，测试用例断言返回的数据正确，这样测试就可以通过了。
总结
了解 GraphQL 和 Chai.js 的基本概念及使用，有利于提高前端开发者的开发效率和代码质量，更好地进行 GraphQL 请求的测试。希望本文能够帮助读者更好地理解 GraphQL 和 Chai.js 各自的特点和优势，并有更好的代码实践经验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cdc20b1519ea946c190f15