在前端开发中，Jest 是一个非常流行的测试框架，可以用于测试 JavaScript、TypeScript、React 等应用。然而，当我们想要测试一个使用 GraphQL 的应用时，可能会遇到一些问题。在本文中，我们将讨论在使用 Jest 测试 GraphQL 应用时可能遇到的问题，并提供一些解决方法和示例代码。
问题
问题 1：如何模拟 GraphQL 查询和响应？
在使用 GraphQL 的应用中，我们通常会使用特定的查询语言来获取数据。在测试中，我们需要模拟这些查询，并返回模拟的响应。但是，由于 GraphQL 查询语言的复杂性，直接手动编写模拟查询和响应可能会非常困难。
问题 2：如何测试 GraphQL 查询中的错误处理？
在使用 GraphQL 的应用中，可能会出现各种错误，例如查询中的语法错误、查询中的变量错误等。在测试中，我们需要测试应用能否正确地处理这些错误。
问题 3：如何测试 GraphQL 订阅？
在使用 GraphQL 的应用中，我们可以使用订阅来实时获取数据。在测试中，我们需要测试应用能否正确地订阅并接收数据。
解决方法
解决方法 1：使用 graphql-tools-mock 模拟查询和响应
graphql-tools-mock 是一个用于模拟 GraphQL 查询和响应的工具库。使用该库，我们可以轻松地生成模拟查询和响应，并在测试中使用这些数据。以下是一个使用 graphql-tools-mock 的示例代码：
-- -------------------- ---- -------
------ - -------------------- - ---- ----------------
------ - ------------------------ - ---- ----------------
------ - ------- - ---- ----------
------ - ---------- - ---- ---------------------
----- -------- - -
---- ----- -
------ ------
-
--
----- --------- - -
------ -
------ -- -- --------
--
--
----- ------ - ---------------------- --------- --------- ---
-------------------------- ------ ---
--------------- ------- -- -- -
----------- ------- ----- -- -- -
----- ----- - -
----- -
-----
-
--
----- ------ - ----- --------------- -------
-------------------------------------------
---
---在上面的代码中，我们首先定义了一个包含一个查询的 GraphQL schema。然后，我们使用 addMockFunctionsToSchema 方法将模拟数据添加到 schema 中。最后，在测试中，我们使用 graphql 方法执行查询，并验证返回的结果是否为预期值。
解决方法 2：使用 graphql-errors 模拟错误
graphql-errors 是一个用于模拟 GraphQL 错误的工具库。该库可以模拟各种类型的错误，并在测试中使用这些错误。以下是一个使用 graphql-errors 的示例代码：
-- -------------------- ---- -------
------ - -------------------- - ---- ----------------
------ - ------- - ---- ----------
------ - ----------- - ---- -----------------
----- -------- - -
---- ----- -
----------- -------- ------
-
--
----- --------- - -
------ -
------ --- - ---- -- -- -
-- ------- -
----- --- ----------- -- -----------
-
------ ------- ----------
--
--
--
----- ------ - ---------------------- --------- --------- ---
--------------- ------- -- -- -
---------- ----- ---- ---- -- --------- ----- -- -- -
----- ----- - -
----- -
-----
-
--
----- ------ - ----- --------------- -------
----------------------------------------------------------- -- -----------
---
---在上面的代码中，我们首先定义了一个包含一个查询的 GraphQL schema。然后，我们在 resolver 中模拟了一个错误，并在测试中验证应用是否能够正确地处理该错误。
解决方法 3：使用 graphql-subscriptions 模拟订阅
graphql-subscriptions 是一个用于模拟 GraphQL 订阅的工具库。该库可以模拟订阅事件，并在测试中使用这些事件。以下是一个使用 graphql-subscriptions 的示例代码：
-- -------------------- ---- -------
------ - -------------------- - ---- ----------------
------ - ------- ---------- - ---- ------------------------
------ - --------- - ---- ----------
------ - ----- - ---- ----------
----- -------- - -
---- ----- -
------ ------
-
---- ------------ -
-------- ------
-
--
----- --------- - -
------ -
------ -- -- --------
--
------------- -
-------- -
---------- -----------
-- -- --------------------------------
--------- ---------- -- -
------ ---------------------------------------------
--
--
--
--
--
----- ------ - ---------------------- --------- --------- ---
----- ------ - --- ---------
----------------- -------------- -- -- -
------------ ------- -------- ---- --------- ----- -- -- -
----- ------------ - -
------------ -
--------------- --------
-
--
----- -------- - ----- ----------------- ---------------------
----- ------- - ----- ----------------
-------------------------------------------------- --------
---
---在上面的代码中，我们首先定义了一个包含一个查询和一个订阅的 GraphQL schema。然后，我们在 resolver 中模拟了一个订阅事件，并在测试中验证应用是否能够正确地订阅并接收数据。
结论
在本文中，我们讨论了在使用 Jest 测试 GraphQL 应用时可能遇到的问题，并提供了一些解决方法和示例代码。通过使用这些解决方法，我们可以轻松地测试 GraphQL 应用，并确保应用能够正确地处理查询、错误和订阅。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6761383f03c3aa6a560b7a79