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