Combining Vitest with an MSW Boundary

[rowanwins]

Hi there,

I'm using msw to mock some API responses on a per-test basis. Within MSW there is some relatively new functionality called Server Boundary where you can isolate the responses for a single test run - full API docs here. The server boundary works by passing your work into a callback within the boundary.

I'm trying to work out how to best integrate this with my vitest test suite.

I've tried a couple of things

Option 1 - within the test callback doesn't work

    test("Get User - With Token", async () => {
      server.boundary(async () => {
         // inside here never runs
      })
    })

Option 2 - shifting server.boundary up to the test callback doesn't work

    test("Get User - With Token", server.boundary(async () => {
         // inside here never runs
    }))

Option 3 - making the boundary an iife does work 🎉

    test("Get User - With Token", async () => {
      await server.boundary(async () => {
         // inside here does run and I can test things
      })()
    })

Option 4 - invoking using a name does work 🎉

    test("Get User - With Token", async () => {
      const testFn = await server.boundary(async () => {
         // inside here does run and I can test things
      })
      testFn()
    })

I'm just wondering if anyone else has any tips for how they might structure a test suite with this sort of code.

Thanks

[rowanwins]

Actually I've just made a more minimal reproduction and it appears Option 2 should work, so I need to investigate why in our more detailed setup it's not...