在前端开发中,测试是不可或缺的一部分。而在使用 GraphQL 进行 API 开发时,如何进行测试呢?本文将介绍使用 Jest 测试 GraphQL API 的方法,并包含示例代码以供参考。
准备工作
在开始之前,我们需要先安装相关的依赖:graphql
, express
和 express-graphql
。可以使用以下命令进行安装:
npm install graphql express express-graphql
在这之后,我们将创建一个 GraphQL 服务,用于测试。在 index.js
文件中,添加以下代码:
-- -------------------- ---- ------- ----- ------- - ------------------- ----- - ----------- - - --------------------------- ----- - ----------- - - ------------------- -- -- ------ ----- ------ - ------------- ---- ----- - ------ ------ - --- -- -- -------- ----- ---- - - ------ -- -- - ------ ------- -------- -- -- -- -- ------- -- ----- --- - ---------- -- -- --------------- --- -------- ----------- ------------- ------- ------- ---------- ----- --------- ----- -- -- -- ---- ---------------- -- -- - -------------------- --- -------------------------------------- ---
通过此代码,我们创建了一个具有一个 hello
查询的 GraphQL 服务,并在 localhost:4000/graphql
处启动。
编写测试
接下来,我们将使用 Jest 编写测试。首先安装 Jest:
npm install jest --save-dev
创建一个 index.test.js
文件,并编写以下代码:
-- -------------------- ---- ------- ----- ----- - ----------------- ------ -------- ------ -------- ----- -- -- - ----- ----- - ------ - ----- --- ----- - ---- - - ----- ------------------------------------------- - ----- --- ------------------------------------ --------- ---
在这里,我们利用了 Axios 向我们的 GraphQL 服务发送请求,并对返回的数据进行断言,确保返回的结果是预期的。
运行测试
现在,我们可以在命令行中运行测试:
npx jest index.test.js
如果一切顺利,会输出以下内容:
PASS ./index.test.js ✓ 查询 hello,返回 Hello, world! (11 ms) Test Suites: 1 passed, 1 total Tests: 1 passed, 1 total Snapshots: 0 total Time: 1.166 s Ran all test suites.
至此,我们已经成功地用 Jest 测试了 GraphQL API。
总结
本文介绍了使用 Jest 测试 GraphQL API 的方法,并提供了完整示例代码。在实际开发中,我们应该根据具体需求,编写更多的测试用例,确保 API 的稳定性与可靠性。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6492c9c148841e9894096732