在前端开发中，进行数据交互是一个重要的环节。而在单元测试中，获取真实数据时与服务器通信是不切实际的，这就需要使用 Mock 来模拟数据交互。而 ember-http-mocks-rethinkdb-adapter 就是一个可以帮助我们进行 Mock 数据交互的工具包。
1. 什么是 ember-http-mocks-rethinkdb-adapter
ember-http-mocks-rethinkdb-adapter 是一个方便使用的工具包，可以在 Ember 项目中构建 Mock 数据。它的主要功能是建立一个虚拟的 RethinkDB 数据库，将数据 Mock 化并提供 API 接口，可以在测试阶段快速进行数据交互。
2. 安装和配置
在开始使用之前，需要先安装 ember-http-mocks-rethinkdb-adapter。使用 npm 包管理器进行安装即可。
npm install ember-http-mocks-rethinkdb-adapter --save-dev
安装完成之后，需要在 Ember 项目的 tests/helpers/start-mirage.js 文件中进行配置，以实现正确的 Mock 数据交互。
-- -------------------- ---- -------
------ ------ ---- -------------------
-- ---- ---- ---
------ - ---- - ---- ---------
------ ------- ---------- -
----- ------ - --- ---------------
------- -
-- -- ---- ------
--
-------- -
-- -- ---- --- --
--
------- ------------
--------------------- -
-- -- --------- -----
--
------------- -
-- -- ---- --
-------------------------
-
---
------ -------
-其中，data 是一个包含 Mock 数据的对象，models 是定义 Mock 数据的数据模型，routes 是创建 Mock API 的接口，而 dbType 和 rethinkdbInitializer 是用来定义 RethinkDB 数据的初始化操作。
3. 定义 Mock 数据
使用 ember-http-mocks-rethinkdb-adapter 时，需要定义数据的数据模型。下面是一个例子。
import { Model } from 'ember-cli-mirage';
export default Model.extend({
name: Mirage.faker.name.firstName(),
age: Mirage.faker.random.number(50),
gender: Mirage.faker.random.arrayElement(['male', 'female', 'unknown'])
});其中，Model 是定义数据模型的基本类型，包含 name，age 和 gender 这三个属性，并且使用了 Mirage 的 faker 库生成了随机值。
4. 创建 Mock API 接口
接下来需要创建 Mock API 接口。下面是一个例子。
this.post('/api/posts', function(schema, request) {
const post = schema.posts.create(JSON.parse(request.requestBody).post);
const comment = schema.comments.create({ post, content: 'A new comment' });
return { post, comment };
});其中，post 是一个由客户端发来的 JSON 对象，并将其插入到数据库中，然后创建了一个新的评论并将其返回。
5. 使用示例
使用 ember-http-mocks-rethinkdb-adapter 需要在测试阶段运行 Mock API 接口的服务器，通过异步请求获取 Mock 数据。下面是一个简单的例子。
-- -------------------- ---- -------
------ - ------- ---- - ---- --------
------ - ------------------ - ---- --------------
------ - ------ - ---- ----------------------
------ --- ---- -----------------------------
------ - ----- - ---- ---------------------------
------------------- - --------- - -------------- --------------- -
--------------------------
-------- -------- -- ------ ---- --------- ----- ---------------- -
---------------- ----------------------------
------------------- ------------------------------
----- -----------
------------ -------------- ----------------------
---
----- ----------------
------------------------------------------------- ---------------
---
---在这个例子中，我们渲染了一个 MyComponent 组件，依赖于 post 和 comment。我们可以通过 this.server.create 方法，创建一个 Mock 数据。最后，我们模拟了一个点击事件，并使用 assert.ok 进行断言，以确保函数被正确调用。
6. 总结
在单元测试中，Mock 数据交互是非常重要的，而使用 ember-http-mocks-rethinkdb-adapter 可以很容易的建立 Mock 数据库并提供 API 接口。这个工具包的使用确实可以提高我们的开发效率，值得一试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e16a563576b7b1eca77