GraphQL 是一种现代化的 API 查询语言，它提供了更高效、更灵活的数据查询方式。然而在开发复杂的 GraphQL API 时，需要进行大量的测试，以确保 API 的正确性、性能和可靠性。在本文中，我们将介绍如何使用 Cypress 测试 GraphQL API，以及如何撰写有效的 GraphQL API 测试用例。
安装 Cypress
Cypress 是一个现代化的前端测试框架，它的 REPL 环境提供了便捷的调试和编写测试用例的方式，使得测试变得更加简单和高效。首先，我们需要在本地安装 Cypress：
npm install cypress --save-dev
然后，我们可以在 package.json 中添加以下命令：
{
"scripts": {
"cypress": "cypress open"
}
}运行 npm run cypress 命令，Cypress 将会在浏览器中打开一个测试运行器。
撰写 GraphQL API 测试用例
我们可以在 Cypress 中使用 cy.request() API 发送 HTTP 请求，来测试 GraphQL API 的响应。以下是一个简单的测试用例：
-- -------------------- ---- -------
----------------- --- ------- -- -- -
---------- ------ ----- ---- ---- ------- ----- -- -- -
----- ----- - -
-
-----
-
-
------------
---- ------------------------------
------- -------
----- - ----- --
----------------- -----
--
----------- -- -
-----------------------------
-----------------------------------------
-----------------------------------------------
------------------------------------------
--
--
--在这个测试用例中，我们使用 cy.request() 向 https://graphql.example.com 发送 GraphQL 查询请求。在测试用例中，我们可以设置请求体的 query 属性来指定查询的内容。当 API 返回 200 状态码时，我们可以通过 res.body 来获取 API 的响应数据。我们使用 expect 来断言响应数据的正确性。
模拟 GraphQL Mutation
通常在 GraphQL API 测试中，我们需要模拟 GraphQL Mutation，来测试 API 的修改功能。以下是一个示例代码：
-- -------------------- ---- -------
----------------- --- ----------- -- -- -
---------- ------ - --- ------ -- -- -
----- -------- - -
-------- --------------- -------- -
-------------- ------- -
--
-----
-
-
-
-- -------- - ------ ----- --- --- --- ----
----- ----- - --------------------
------------
---- ------------------------------
------- -------
----- -
------ ---------
---------- -
-----
-
--
----------------- -----
--
----------- -- -
-----------------------------
-----------------------------------------
-------------------------------------------------
----------------------------------------------------
-------------------------------------------------------
------------------------------------------------
--
--
--在这个测试用例中，我们使用 mutation 属性来指定 GraphQL Mutation 的内容。我们使用变量 $title 来传入 title 的值。我们模拟生成一个随机的 title，以便测试时数据独立。在 API 响应后，我们使用 expect 来断言新创建的 item 是否正确存储在数据库中。
结论
在本文中，我们介绍了如何使用 Cypress 测试 GraphQL API。我们撰写了一些简单的 GraphQL 查询和 Mutation 测试用例，并讲解了如何在测试中模拟数据。我们希望这些知识能对你在使用 Cypress 测试 GraphQL API 时有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670502ead91dce0dc8515499