msw/test/node/rest-api/request/matching/all.node.test.ts

/**
 * @vitest-environment node
 */
import fetch, { Response } from 'node-fetch'
import { HttpServer } from '@open-draft/test-server/http'
import { HttpMethods, http, HttpResponse } from 'msw'
import { setupServer } from 'msw/node'

const httpServer = new HttpServer((app) => {
  // Responding with "204 No Content" because the "OPTIONS"
  // request returns 204 without an obvious way to override that.
  app.all('*', (req, res) => res.status(204).end())
})

const server = setupServer()

beforeAll(async () => {
  await httpServer.listen()

  server.listen({
    onUnhandledRequest: 'bypass',
  })
})

afterEach(() => {
  server.resetHandlers()
})

afterAll(async () => {
  server.close()
  await httpServer.close()
})

async function forEachMethod(callback: (method: HttpMethods) => unknown) {
  for (const method of Object.values(HttpMethods)) {
    await callback(method)
  }
}

test('matches all requests given no custom path', async () => {
  server.use(
    http.all('*', () => {
      return HttpResponse.text('welcome to the jungle')
    }),
  )

  const responses = await Promise.all(
    Object.values(HttpMethods).reduce<Promise<Response>[]>((all, method) => {
      return all.concat(
        [
          httpServer.http.url('/'),
          httpServer.http.url('/foo'),
          'https://example.com',
        ].map((url) => fetch(url, { method })),
      )
    }, []),
  )

  for (const response of responses) {
    expect(response.status).toBe(200)
    expect(await response.text()).toEqual('welcome to the jungle')
  }
})

test('respects custom path when matching requests', async () => {
  server.use(
    http.all(httpServer.http.url('/api/*'), () => {
      return HttpResponse.text('hello world')
    }),
  )

  // Root requests.
  await forEachMethod(async (method) => {
    const response = await fetch(httpServer.http.url('/api/'), { method })
    expect(response.status).toBe(200)
    expect(await response.text()).toEqual('hello world')
  })

  // Nested requests.
  await forEachMethod(async (method) => {
    const response = await fetch(httpServer.http.url('/api/foo'), {
      method,
    })
    expect(response.status).toBe(200)
    expect(await response.text()).toEqual('hello world')
  })

  // Mismatched requests.
  await forEachMethod(async (method) => {
    const response = await fetch(httpServer.http.url('/foo'), { method })
    expect(response.status).toEqual(204)
  })
})