在前端开发过程中，接口测试是不可或缺的一部分。而 Frisby 是一个针对 RESTful API 进行的端到端测试框架，它使用简单而方便。在 Frisby 的基础上，又有一个更加强大的 npm 包 frisby-plus，让你的测试用例更加精简高效。在本文中，我将向你介绍如何使用 frisby-plus 来完成接口测试。
前置知识
在学习 frisby-plus 之前，你需要了解以下内容：
- JavaScript 基础语法
- Node.js 环境的搭建和使用
- RESTful API 的概念和基本使用
安装 frisby-plus
在使用 frisby-plus 之前，你需要在你的项目中安装它。在命令行中执行以下命令即可：
npm install frisby-plus --save-dev
基本使用
引入 frisby-plus
在你的测试文件中，引入 frisby-plus。
const frisby = require('frisby-plus');创建测试用例
使用 frisby-plus，测试用例的编写非常简单，只需要一个或多个 describe 和 it 块，然后使用 frisby 完成请求的构建和断言的编写。
-- -------------------- ---- -------
------------------ -- -- -
-------- --- -- -- -
------ ------
--------------------------------------
----------------- ----
----------------------- -
--- --
----- ----- ----
--
--
--以上代码描述的是一个测试用例，它使用了 frisby 获取 http://api.example.com/users/1 接口，然后验证结果是否符合预期。其中，describe 块用来描述整个测试用例，it 块用来描述单个测试用例的名称和具体操作。
常用的 frisby 链式函数
在 frisby-plus 中，常用的链式函数有以下几种。
.get(url)
设置请求的 URL，常用于 GET 请求。
frisby.get('http://api.example.com/users').post(url, body)
设置 POST 请求的 URL 和请求体，常用于新增某个实体。
frisby.post('http://api.example.com/users', {
name: 'John Doe',
age: 20
}).put(url, body)
设置 PUT 请求的 URL 和请求体，常用于修改某个实体。
frisby.put('http://api.example.com/users/1', {
name: 'Jane Doe',
age: 21
}).patch(url, body)
设置 PATCH 请求的 URL 和请求体，常用于部分修改某个实体。
frisby.patch('http://api.example.com/users/1', {
name: 'Jane Doe'
}).delete(url)
设置 DELETE 请求的 URL，常用于删除某个实体。
frisby.delete('http://api.example.com/users/1').addHeader(key, value)
设置请求头。
frisby.get('http://api.example.com/users')
.addHeader('Authorization', 'Bearer TOKEN').expect(name, value)
对请求的响应进行断言，且一次请求可以有多个断言。
frisby.get('http://api.example.com/users/1')
.expect('status', 200)
.expect('jsonTypes', 'data', {
id: Joi.number(),
name: Joi.string()
}).after(callback)
对请求成功和失败进行回调。
frisby.get('http://api.example.com/users/1')
.expect('status', 200)
.after((err, res) => {
// do something
})frisby-plus 自定义方法
如果你想要在测试用例中多次使用相同的断言、请求头、请求体、请求参数等，你可以编写一个自定义方法，并引用它。
以下是一个自定义方法的示例，你可以根据实际需求进行更改：
-- -------------------- ---- -------
----- -------- - -- -- -
------ ------------------------------------------
----------------- ----
--------- -- ----------------------
---------- -- ------------------
--
----- -------- - ------ -- -
------ ----------
----------- -- -
------ ------------------------------------------ -
-------- - -------------- ------- --------- --
--- ------ -- --
--
----------------- ----
-------------------------- ------- -
-
--- -------------
----- ------------
-
---
--
---------- -- ------------------
--
------------------ -- -- -
-------- --- -- -- -
------ ----------
--------- -- -
----- -- - --------------------
------ ------------------------------------------------ -
-------- - -------------- ------- --------- --
--
----------------- ----
--------------- ------- - --- -- ---
--
--
--在以上代码中，我们定义了两个方法，getToken 方法获取了一个 token，getUsers 方法获取了用户信息，并且再次使用了之前的 token，避免了重复获取。在测试用例中，我们可以通过 getUsers 方法请求用户信息，并得到第一个用户的 ID，然后再次请求该用户的信息，验证 ID 与之前的一致。
灵活使用 frisby-plus
在编写 frisby-plus 的测试用例时，根据实际情况，尽量使用链式函数和自定义方法，让测试用例更加简洁和易读。同时，避免重复的代码，如请求头、请求参数、请求体等，可以整合成一个函数，这样可以方便维护和拓展。
总结
本文介绍了如何使用 frisby-plus 进行接口测试。我们了解了 frisby-plus 的基本使用和常用函数，同时也讲解了自定义方法的使用场景。在实际使用时，你可以根据需求进行拓展和修改，让测试用例更加高效和精准，提高项目代码的可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005685681e8991b448e45b9