GraphQL 是一种用于 API 开发的查询语言和运行时，让前端开发者能够以一种更直观的方式来调用服务器数据。在使用 GraphQL 时，由于它的复杂查询量，测试也愈发重要，以确保查询功能的正确性。本文将向您展示如何在 Jest 测试框架中测试 GraphQL 查询功能，并提供示例代码以帮助您更好地了解测试的过程。
安装 Jest
要测试 GraphQL 查询，首先需要在本地计算机上安装 Jest。
- --- ------- ---------- ----
然后，在 package.json 文件中添加 Jest 配置：
---------- - ------- ------ -- ------- - ------------------ ------ -
安装测试工具
在 Jest 中测试 GraphQL 查询时，需要安装 graphql-request 和 graphql，两个优秀的测试工具来执行查询和分析查询数据。
- --- ------- ---------- ------- ---------------
编写测试
现在，让我们来编写我们的第一项测试，该测试将执行一个简单的 GraphQL 查询并验证是否返回正确的数据。在 src 文件夹下创建一个名为 test.js 的文件：
----- - ------- - - --------------------------
----- ----- - -
----- -
----- -
-----
------
-
--
--------- --- ------- ----- -- -- -
----- ---- - ----- ---------------------------------------- ------
----------------------
------ -
-
------ ------ ------ --- --- -------------- -------
------- ----- --------
--
-
------ ---- ------- -- --- -----
------- ----- ---------
--
-
------ --- ---- - -------------
------- ------- ----
-
-
--
--在这个测试中，我们使用 graphql-request 工具来执行查询，并在 expect 语句中进行断言。如果查询结果与期望值相同，则测试将通过。
如果您的 GraphQL 查询需要以某种方式设置头部，请在请求函数中添加 headers 参数：
----- - ------- - - --------------------------
----- ----- - -
---------------- -------- -------- -------- -
-------------- ------- ------- -------- -
-----
------
-
--
--------- - ------ ----- -- -- -
----- --------- - - ------ ------- ------- ------- ------- -
----- ---- - ----- ---------------------------------------- ------ ---------- -
-------------- ------- ---------------------
--
---------------------------------------
--总结
现在您已经学会了在 Jest 测试框架中测试 GraphQL 查询的方法，使用 graphql-request 工具来执行查询，并根据查询结果进行断言。希望我们提供的示例代码能帮助您更好地了解测试的过程，并提供指导意义。如果您还需要更多帮助，请查阅文档和官方文档。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6522e05595b1f8cacda55db9