node.js - Hvordan mocke responsen til node-fetch i TypeScript ved bruk av supertest og vitest

import { Router } from 'express'
import fetch from 'node-fetch'

const tasks = Router()

tasks.get('/middleware', async (req,res) => {
  const response = await fetch('https://dummy-api')
  res.json(response)
})

Jeg er ny på TypeScript og prøver å skrive tester for /middleware API. Jeg har problemer med å mocke fetch-responsen. Jeg bruker supertest og vitest. Kan noen hjelpe meg med dette?

Svar #1

Du kan mocke node-fetch ved å bruke vitest ved å skrive følgende i testfilen din:

import * as nodeFetch from "node-fetch";
import { Response } from "node-fetch";
import { vi, describe, it } from "vitest";
import app from '../path-to-your-express-app';
import request from "supertest"

vi.mock("node-fetch", async () => {
  const actual: typeof nodeFetch = await vi.importActual("node-fetch");

  return {
    ...actual,
    default: vi.fn()
  };
});
const fetch = vi.mocked(nodeFetch.default);

Dette lar deg overskrive standardeksporten av node-fetch. Det du sitter igjen med, er en mocket fetch-funksjon som lar deg returnere hva som helst du ønsker.

For eksempel kan du skrive følgende i testfilen din:

describe(... () => {
  it(... () => {
    fetch.mockImplementationOnce(async () =>
      new Response('your response body')
    )

    // now you can send out the request using supertest
    // `fetch` won't send a request to `'https://dummy-api'`, 
    // but instead it will return the response of your `mockImplementationOnce` call
    const response = await request(app).get('/middleware');

    ...
  })
})

Relaterte artikler