用 Jest 模擬 express.Router()

Question

在我測試的代碼中，我想模擬router ：

import * as express from "express";

const router = express.Router();    // I want to mock this
router.route(...).post(...);
router.route(...).get(...);

在我的測試中：

import * as express from "express";

test("foo", () => {
  jest.mock("express", () => {
    Router: () => jest.fn()
  });
  // ...test stuff
});

但這不起作用。 我究竟做錯了什么？

Answer 1

模塊模擬應該在導入之前。 如果這種情況發生在頂層babel-jest轉換會自動將jest.mock放在import之上。 如果jest.mock嵌套，則不會發生這種情況。

它應該是：

import * as express from "express";

jest.mock("express", () => {
  Router: () => jest.fn()
});

...

或者：

test("foo", () => {
  jest.mock("express", () => {
    Router: () => jest.fn()
  });

  const express = require('express');
  // ...test stuff
});

Answer 2

我使用了@Estus Flask 示例並將其組合成一個整體。

route/site/index.js

const express = require('express')
const router = express.Router()

const controller = require('../../controller').site

/*
 * Site APIs.
 */

router.get('/', controller.getAll)

module.exports = router

route/site/test/siteRoute.test.js

const siteRouter = require('../')

jest.mock('../../../controller')
jest.mock('express', () => ({
  Router: () => ({
    get: jest.fn(),
  }),
}))

describe('[Router] Site Test', () => {
  test('Exports get with getAll', () => {
    const controller = require('../../../controller').site
    expect(siteRouter.get).toHaveBeenCalledWith('/', controller.getAll)
  })
})

controller/__mocks__/index.js

const site = {
  getAll: jest.fn(),
}

module.exports = {
  site,
}