Express集成Supertest实践

起因

最近在看nodebestpractice,秉持着凡事都要试试的原则,简单练了练手,本文完整代码参见链接node-practice

关于自动化测试,原文是这么描述的。

这里超快的流行的测试包是指Supertest这个包,专门用于对HTTP服务进行集成测试的。

安装

我用的是Typescript,所以开发依赖当中有很多类型申明的包。

json 复制代码
"devDependencies": {
  "@types/body-parser": "^1.19.4",
  "@types/express": "^4.17.20",
  "@types/node": "^20.8.8",
  "@types/supertest": "^2.0.15",
  "mocha": "^10.2.0",
  "supertest": "^6.3.3",
  "ts-node": "^10.9.1"
},
"dependencies": {
  "express": "^4.18.2"
}

指令

测试相关的命令有一些Typescript相关的配置。

json 复制代码
"scripts": {
  "tsc": "tsc",
  "start": "node build/app.js",
  "dev": "nodemon src/app.ts",
  "build": "tsc -p .",
  "test": "mocha -r ts-node/register src/**/test.ts"
},

实现一个简单的GET接口

ts 复制代码
// src/components/blog/controller.ts
import { Router } from 'express';

const router = Router();

router.get('/', (res, req, next) => {
  req.status(200).send('Hello world!');
});

export default router;

// src/app.ts
import express from 'express'
import blogRouter from './components/blog/controller'

const app = express();

app.use(
  blogRouter,
);

const server = app.listen(8088, function () {
  console.log('node-practice app listening on port http://localhost:8088');
});

export default server;

使用Supertest测试

踩坑

手动启动的服务Supertest无法在测试完成后将其关闭

官方提供的方法是直接将app这个express实例传入到request函数当中去,request会帮助我们创建一个HttpServer,并且会在调用end方法时在内部调用HttpServer的close方法。

js 复制代码
// 官方推荐使用方法
const request = require('supertest');
const assert = require('assert');
const express = require('express');

const app = express();

app.get('/user', function(req, res) {
  res.status(200).json({ name: 'john' });
});

request(app)
  .get('/user')
  .expect('Content-Type', /json/)
  .expect('Content-Length', '15')
  .expect(200)
  .end(function(err, res) {
    if (err) throw err;
  });

// 服务创建源码
serverAddress(app, path) {
  const addr = app.address();

  if (!addr) this._server = app.listen(0);
  const port = app.address().port;
  const protocol = app instanceof Server ? 'https' : 'http';
  return protocol + '://127.0.0.1:' + port + path;
}

// 服务销毁源码
end(fn) {
  const server = this._server;

  super.end((err, res) => {
    const localAssert = () => {
      this.assert(err, res, fn);
    };

    if (server && server._handle) return server.close(localAssert);

    localAssert();
  });

  return this;
}

可以看到在销毁的时候会先判断server是否存在以及_handle属性是否被定义,如果没有做应用和服务的分离,也就是手动启动服务,将会导致_handle为null,服务将不会被关闭,测试的进程也不会自动结束。

手动创建的server输出

所以在app.ts文件中需要导出的是服务,而不是express实例,并且在test文件中手动关闭当前服务。

当然,也可以通过应用和服务的分离避免这样的问题。

node版本导致的node:test当中it函数入参TestFn的入参变化

Supertest官方的代码示例当中it函数第二个入参,也就是测试函数的入参和node18对应的测试函数的入参有所区别。

js 复制代码
// 官方推荐的使用方法
describe('GET /user', function() {
  it('responds with json', function(done) {
    request(app)
      .get('/user')
      .set('Accept', 'application/json')
      .expect('Content-Type', /json/)
      .expect(200, done);
  });
});

// Node18中的类型定义
type TestFn = (t: TestContext, done: (result?: any) => void) => void | Promise<void>;

实现

ts 复制代码
import { describe, it } from 'node:test';
import request from 'supertest';
import server from '../../app';

describe('GET /', () => {
  it('should response status 200', (_, done) => {
    request(server)
      .get('/')
      .send()
      .expect(200, () => {
        done();
      });
  });
});

server.close();
相关推荐
接着奏乐接着舞19 小时前
nodejs express 打包部署
express
掉头发类型的选手2 天前
Node.js: express 使用 Open SSL
express
不写八个7 天前
Express教程【006】:使用Express写接口
express
課代表7 天前
Adobe LiveCycle ES、LiveCycle DS 与 BlazeDS 关系解析与比较
数据库·adobe·pdf·express·livecycle·lcds·soa平台
不写八个10 天前
Express教程【002】:Express监听GET和POST请求
前端·javascript·express
不写八个10 天前
Express教程【003】:Express获取查询参数
开发语言·express
爱编程的小学究13 天前
【node】Express创建服务器
运维·服务器·express
码农捻旧15 天前
基于GitHub Actions+SSH+PM2的Node.js自动化部署全流程指南
node.js·自动化·ssh·github·express
漫谈网络16 天前
基于TypeScript的全栈待办事项应用Demo
前端·javascript·typescript·node.js·express
xx240618 天前
什么是Express
express