Aller au contenu principal
Version: 2.0.0

测试

应用开发中,测试十分重要,在传统 Web 产品快速迭代的时期,每个测试用例都给应用的稳定性提供了一层保障。 API 升级,测试用例可以很好地检查代码是否向下兼容。 对于各种可能的输入,一旦测试覆盖,都能明确它的输出。 代码改动后,可以通过测试结果判断代码的改动是否影响已确定的结果。

所以,应用的 Controller、Service 等代码,都必须有对应的单元测试保证代码质量。 当然,框架和组件的每个功能改动和重构都需要有相应的单元测试,并且要求尽量做到修改的代码能被 100% 覆盖到。

测试目录结构

我们约定 test 目录为存放所有测试脚本的目录,测试所使用到的 fixtures 和相关辅助脚本都应该放在此目录下。

测试脚本文件统一按 ${filename}.test.ts 命名,必须以 .test.ts 作为文件后缀。

一个应用的测试目录示例:

➜  my_midway_app tree
.
├── src
├── test
│ └── controller
│ └── home.test.ts
├── package.json
└── tsconfig.json

测试运行工具

Midway 默认提供 midway-bin  命令来运行测试脚本。在新版本中,Midway 默认将 mocha 替换成了 Jest,它的功能更为强大,集成度更高,这让我们聚焦精力在编写测试代码上,而不是纠结选择那些测试周边工具和模块。

只需要在 package.json 上配置好 scripts.test 即可。

{
"scripts": {
"test": "midway-bin test --ts"
}
}

然后就可以按标准的 npm test 来运行测试了,默认脚手架中,我们都已经提供了此命令,所以你可以开箱即用的运行测试。

➜  my_midway_app npm run test

> my_midway_project@1.0.0 test /Users/harry/project/application/my_midway_app
> midway-bin test

Testing all *.test.ts...
PASS test/controller/home.test.ts
PASS test/controller/api.test.ts

Test Suites: 2 passed, 2 total
Tests: 2 passed, 2 total
Snapshots: 0 total
Time: 3.26 s
Ran all test suites matching /\/test\/[^.]*\.test\.ts$/i.

断言库

jest 中自带了强大的 expect  断言库,可以直接在全局使用它。

比如常用的。

expect(result.status).toBe(200); // 值是否等于某个值,引用相等
expect(result.status).not.toBe(200);
expect(result).toEqual('hello'); // 简单匹配,对象属性相同也为 true
expect(result).toStrictEqual('hello'); // 严格匹配
expect(['lime', 'apple']).toContain('lime'); // 判断是否在数组中

更多断言方法,请参考文档 https://jestjs.io/docs/en/expect

创建测试

不同的上层框架的测试方法不同,以最常用的 HTTP 服务举例,如果需要测试一个 HTTP 服务,一般来说,我们需要创建一个 HTTP 服务,然后用客户端请求它。

Midway 提供了一套基础的 @midwayjs/mock  工具集,可以帮助上层框架在这方面进行测试。同时也提供了方便的创建 Framework,App ,以及关闭的方法。

整个流程方法分为几个部分:

  • createApp  创建某个 Framework 的 app 对象
  • close  关闭一个 Framework 或者一个 app

为保持测试简单,整个流程目前就透出这两个方法。

// create app
const app = await createApp<Framework>();

这里传入的 Framework  是用来给 TypeScript 推导类型的。这样就可以返回对应的框架 app 实例了。

当 app 运行完成后,可以使用 close  方法关闭。

import { createApp, close } from '@midwayjs/mock';

await close(app);

事实上, createApp  方法中都是封装了 @midwayjs/bootstrap ,有兴趣的小伙伴可以阅读源码。

测试 HTTP 服务

除了创建 app 之外, @midwayjs/mock  还提供了简单的客户端方法,用于快速创建各种服务对应的测试行为。

比如,针对 HTTP,我们封装了 supertest,提供了 createHttpRequest  方法创建 HTTP 客户端。

// 创建一个客户端请求
const result = await createHttpRequest(app).get('/');
// 测试返回结果
expect(result.text).toBe('Hello Midwayjs!');

推荐在一个测试文件中复用 app 实例。完整的测试示例如下。

import { createApp, close, createHttpRequest } from '@midwayjs/mock';
import { Framework } from '@midwayjs/web';
import { Application } from 'egg'; // 从特定的框架获取 App 定义
import * as assert from 'assert';

describe('test/controller/home.test.ts', () => {
let app: Application;

beforeAll(async () => {
// 只创建一次 app,可以复用
try {
// 由于Jest在BeforeAll阶段的error会忽略,所以需要包一层catch
// refs: https://github.com/facebook/jest/issues/8688

app = await createApp<Framework>();
} catch (err) {
console.error('test beforeAll error', err);
throw err;
}
});

afterAll(async () => {
// close app
await close(app);
});

it('should GET /', async () => {
// make request
const result = await createHttpRequest(app).get('/').set('x-timeout', '5000');

// use expect by jest
expect(result.status).toBe(200);
expect(result.text).toBe('Hello Midwayjs!');

// or use assert
assert.deepStrictEqual(result.status, 200);
assert.deepStrictEqual(result.text, 'Hello Midwayjs!');
});

it('should POST /', async () => {
// make request
const result = await createHttpRequest(app).post('/').send({ id: '1' });

// use expect by jest
expect(result.status).toBe(200);
});
});

示例:

创建 get 请求,传递 query 参数。

const result = await createHttpRequest(app).get('/set_header').query({ name: 'harry' });

创建 post 请求,传递 body 参数。

const result = await createHttpRequest(app).post('/user/catchThrowWithValidate').send({ id: '1' });

创建 post 请求,传递 form body 参数。

const result = await createHttpRequest(app).post('/param/body').type('form').send({ id: '1' });

传递 header 头。

const result = await createHttpRequest(app)
.get('/set_header')
.set({
'x-bbb': '123',
})
.query({ name: 'harry' });

传递 cookie。

const cookie = [
'koa.sess=eyJuYW1lIjoiaGFycnkiLCJfZXhwaXJlIjoxNjE0MTQ5OTQ5NDcyLCJfbWF4QWdlIjo4NjQwMDAwMH0=; path=/; expires=Wed, 24 Feb 2021 06:59:09 GMT; httponly',
'koa.sess.sig=mMRQWascH-If2-BC7v8xfRbmiNo; path=/; expires=Wed, 24 Feb 2021 06:59:09 GMT; httponly',
];

const result = await createHttpRequest(app).get('/set_header').set('Cookie', cookie).query({ name: 'harry' });

测试服务

在控制器之外,有时候我们需要对单个服务进行测试,我们可以从依赖注入容器中获取这个服务。

假设需要测试 UserService 。

// src/service/user.ts
import { Provide } from '@midwayjs/decorator';

@Provide()
export class UserService {
async getUser() {
// xxx
}
}

那么在测试代码中这样写。

import { createApp, close, createHttpRequest } from '@midwayjs/mock';
import { Framework } from '@midwayjs/web';
import * as assert from 'assert';
import { UserService } from '../../src/service/user';

describe('test/controller/home.test.ts', () => {
it('should GET /', async () => {
// create app
const app = await createApp<Framework>();

// 根据依赖注入 Id 获取实例
const userService = await app.getApplicationContext().getAsync<UserService>('userService');
// 根据依赖注入 class 获取实例
const userService = await app.getApplicationContext().getAsync<UserService>(UserService);
// 传入 class 忽略泛型也能正确推导
const userService = await app.getApplicationContext().getAsync(UserService);

// close app
await close(app);
});
});

如果你的服务和请求相关联(ctx),可以使用请求作用域获取服务。

import { createApp, close, createHttpRequest } from '@midwayjs/mock';
import { Framework } from '@midwayjs/web';
import * as assert from 'assert';
import { UserService } from '../../src/service/user';

describe('test/controller/home.test.ts', () => {
it('should GET /', async () => {
// create app
const app = await createApp<Framework>();

// 根据依赖注入 Id 获取实例
const userService = await app.createAnonymousContext().requestContext.getAsync<UserService>('userService');

// 也能传入 class 获取实例
const userService = await app.createAnonymousContext().requestContext.getAsync(UserService);

// close app
await close(app);
});
});

createApp 选项参数

createApp  方法用于创建一个框架的 app 实例,通过传入泛型的框架类型,来使得我们推断出的 app 能够是该框架返回的 app。

比如:

import { Framework } from '@midwayjs/grpc';

// 这里的 app 能确保是 grpc 框架返回的 app
const app = await createApp<Framework>();

createApp  方法其实是有参数的,它的方法签名如下。

async createApp(
appDir = process.cwd(),
options: IConfigurationOptions = {},
customFrameworkName?: string | MidwayFrameworkType | any)
)

第一个参数为项目的绝对根目录路径,默认为 process.cwd() 。 第二个参数为框架的启动参数,比如启动的端口等,由各个框架提供。 第三个参数为框架本身,一般用于自定义框架的测试,默认的框架在 API 内部已经有提供和排序。

比如,上面我们的示例,完整的写法为:

import { Framework } from '@midwayjs/grpc';

// 这里的 app 能确保是 grpc 框架返回的 app
const app = await createApp<Framework>(process.cwd(), { port: 6565 }, Framework);

close 选项参数

close  方法用于关闭该 app 实例相关的框架。

await close(app);

其有一些参数。

export declare function close(
app: IMidwayApplication | IMidwayFramework<any, any>,
options?: {
cleanLogsDir?: boolean;
cleanTempDir?: boolean;
sleep?: number;
}
): Promise<void>;

第一个参数是 app 或者 framework 的实例。

第二个参数是个对象,在执行关闭时可以执行一些行为:

  • 1、 cleanLogsDir  默认为 false,控制测试完成后删除日志 logs 目录(windows 除外)
  • 2、 cleanTempDir  默认为 false,清理一些临时目录(比如 egg 生成的 run 目录)
  • 3、 sleep  默认为 50,单位毫秒,关闭 app 后延迟的时间(防止日志没有成功写入)

使用 bootstrap 文件测试

默认情况下,你的单测和入口文件是隔离的,比如在测试 Web 时,单测是不会启动一个真实的端口。如果你希望直接使用 bootstrap.js  入口文件直接测试,那么可以在测试的时候传递入口文件信息。

和 dev/test 启动不同的是,使用 bootstrap.js  启动是一个真实的服务,会同时运行多个框架,创建出多个框架的 app 实例。

@midwayjs/mock 提供了 createBootstrap 方法做启动文件类型的测试。我们可以将入口文件 bootstrap.js 作为启动参数传入,这样 createBootstrap 方法会通过入口文件来启动代码。

import { MidwayFrameworkType } from '@midwayjs/decorator';

it('should GET /', async () => {
// create app
const bootstrap = await createBootstrap(join(process.cwd(), 'bootstrap.js'));
// 根据框架类型获取 app 实例
const app = bootstrap.getApp(MidwayFrameworkType.WEB_KOA);

// expect and test

// close bootstrap
await bootstrap.close();
});

通过 createBootstrap 启动服务,默认的超时时间为 30s,我们可以通过参数修改它。

import { createBootstrap } from '@midwayjs/mock';
import { MidwayFrameworkType } from '@midwayjs/decorator';

describe('/test/new.test.ts', () => {
it('should GET /', async () => {
// create app
const bootstrap = await createBootstrap(join(process.cwd(), 'bootstrap.js'), {
bootstrapTimeout: 10 * 1000, // 10s
});
const app = bootstrap.getApp(MidwayFrameworkType.WEB_KOA);

// expect and test

// close bootstrap
await bootstrap.close();
});
});

运行单个测试

和 mocha 的 only  不同,jest 的 only  方法只针对单个文件生效。 midway-bin  提供可以运行单个文件的能力。

$ midway-bin test -f test/controller/api.ts

这样可以指定运行某个文件的测试,再配合 describe.only  和 it.only ,这样可以只运行单个文件中的单个测试方法。

midway-bin test --ts 等价于直接使用 jest 的下面的命令。

$ node --require=ts-node/register ./node_modules/.bin/jest

自定义 Jest 文件内容

一般情况下,Midway 工具链内置了 jest 配置,使得用户无需再添加该文件,但是有些特殊的场景下,比如使用 VSCode 或者 Idea 等编辑器,需要在可视化区域进行开发和测试时,可能会需要指定一个 jest.config.js  的场景,这种情况下,Midway 支持创建一个自定义的 jest 配置文件。

在项目根目录创建一个 jest.config.js  文件。

➜  my_midway_app tree
.
├── src
├── test
│ └── controller
│ └── home.test.ts
├── jest.config.js
├── package.json
└── tsconfig.json

内容如下,配置和标准的 jest 相同。

module.exports = {
preset: 'ts-jest',
testEnvironment: 'node',
testPathIgnorePatterns: ['<rootDir>/test/fixtures'],
coveragePathIgnorePatterns: ['<rootDir>/test/'],
};

常见设置

如果需要在单测前执行一些代码,可以增加 jest.setup.js ,增加配置如下。

const path = require('path');

module.exports = {
preset: 'ts-jest',
testEnvironment: 'node',
testPathIgnorePatterns: ['<rootDir>/test/fixtures'],
coveragePathIgnorePatterns: ['<rootDir>/test/'],
setupFilesAfterEnv: ['<rootDir>/jest.setup.js'], // 预先读取 jest.setup.js
};
attention

注意, jest.setup.js 只能使用 js 文件。

示例一:测试代码时间较长的问题

如果测试出现下面的错误,说明你的代码执行时间比较长(比如连接数据库,跑任务等),如果确定代码没有问题,就需要延长启动时间。

Timeout - Async callback was not invoked within the 5000 ms timeout specified by jest.setTimeout.Error: Timeout - Async callback was not invoked within the 5000 ms timeout specified by jest.setTimeout.

jest 默认时间为 5000ms(5 秒钟),我们可以将它调整到更多。

我们可以在 jest.setup.js 文件中写入下面的代码,对 jest 超时时间做调整。

// jest.setup.js
jest.setTimeout(30000);

示例二:全局环境变量

同理, jest.setup.js  也可以执行自定义的代码,比如设置全局环境变量。

// jest.setup.js
process.env.MIDWAY_TS_MODE = 'true';

示例三:程序无法正常退出的处理

有时候,由于一些代码(定时器,监听等)在后台运行,导致单测跑完后会无法退出进程,对于这个情况,jest 提供了 --forceExit 参数。

$ midway-bin test --ts --forceExit
$ midway-bin cov --ts --forceExit

也可以在自定义文件中,增加属性。

module.exports = {
preset: 'ts-jest',
testEnvironment: 'node',
testPathIgnorePatterns: ['<rootDir>/test/fixtures'],
coveragePathIgnorePatterns: ['<rootDir>/test/'],
forceExit: true,
};

示例四:并行改串行执行

jest 默认为每个测试文件并行处理,如果测试代码中有启动端口等场景,并行处理可能会导致端口冲突而报错,这个时候需要加 --runInBand 参数,注意,这个参数只能加载命令中。

$ midway-bin test --ts --runInBand
$ midway-bin cov --ts --runInBand

编辑器配置

Jetbrain Webstorm/Idea 配置

在 Jetbrain 的编辑器使用,需要启用 "jest" 插件,由于使用了子进程的方式启动,我们依旧需要在启动时指定加载 --require=ts-node/register

VSCode 配置

先搜索插件,安装 Jest Runner。

打开配置,配置 jest 命令路径。

在 jest command 处填入 node --require=ts-node/register ./node_modules/.bin/jest 。

或者是在工作区文件夹 .vscode 里面设置 settings.json。

{
"jest.pathToJest": "node --require=ts-node/register ./node_modules/.bin/jest --detectOpenHandles",
"jestrunner.jestCommand": "node --require=ts-node/register ./node_modules/.bin/jest --detectOpenHandles"
}

由于 jest runner 插件的调试使用的是 VSCode 的调试,需要单独配置 VSCode 的 launch.json。

在文件夹 .vscode 里面设置 launch.json

{
"version": "0.0.1",
"configurations": [
{
"name": "Debug Jest Tests",
"type": "node",
"request": "launch",
"runtimeArgs": [
"--inspect-brk",
"--require=ts-node/register",
"${workspaceRoot}/node_modules/.bin/jest",
"--runInBand",
"--detectOpenHandles"
],
"console": "integratedTerminal",
"internalConsoleOptions": "neverOpen"
}
]
}

配置 alias paths

tsc 将 ts 编译成 js 的时候,并不会去转换 import 的模块路径,因此当你在 tsconfig.json  中配置了 paths 之后,如果你在 ts 中使用 paths 并 import 了对应模块,编译成 js 的时候就有大概率出现模块找不到的情况。

解决办法是,要么不用 paths ,要么使用 paths 的时候只用来 import 一些声明而非具体值,再要么就可以使用 tsconfig-paths 来 hook 掉 node 中的模块路径解析逻辑,从而支持 tsconfig.json  中的 paths。

$ npm i tsconfig-paths --save-dev

使用 tsconfig-paths 可以在 src/configuration.ts  中引入。

// src/configuration.ts

import 'tsconfig-paths/register';
...
info

上述的方法只会对 dev 阶段( ts-node)生效。

在测试中,由于 Jest 的环境比较特殊,需要对 alias 再做一次处理,可以利用 Jest 的配置文件中的 moduleNameMapper 功能来替换加载到的模块,变相实现 alias 的功能。

module.exports = {
preset: 'ts-jest',
testEnvironment: 'node',
testPathIgnorePatterns: ['<rootDir>/test/fixtures'],
coveragePathIgnorePatterns: ['<rootDir>/test/'],
moduleNameMapper: {
'^@/(.*)$': '<rootDir>/src/$1',
},
};

注意,这里使用的 alias 前缀是 @符号,如果是其他的 alias 名,请自行修改。

使用 mocha 替代 jest

有些同学对 mocha 情有独钟,希望使用 mocha 作为测试工具。

可以使用 mocha 模式进行测试。

$ midway-bin test --ts --mocha

使用 mocha 进行单测时,需要手动安装 mocha@types/mocha 两个依赖到 devDependencies 中:npm i mocha @types/mocha -D

info

注意,由于 mocha 没有自带断言工具,需要使用其他如 assert,chai 等工具进行断言。