Request in worker.events.on('response:mocked', {request} is always null

[canrozanes]

Discussed in #1991

Just converting it to an issue so that it can be tracked.

^{Originally posted by canrozanes January 22, 2024}
Hi,

I was following the docs on life-cycle events and I was trying to assert on a response after making an API call.

I have the following piece of code that saves all the requests so that I can assert on the responses later.

// QUnit  setup
hooks.beforeEach(async function (this: TestContextWithMsw) {
    this.worker = setupWorker(...handlers);
    this.worker.events.on('response:mocked', ({ request, requestId, response }) => {
      this.handledRequests.push({ request, requestId, response });
    });
});

I can clearly see that MSW sends a response in the browser network tab but when I add a debugger inside the 'response:mocked' callback, I see that all the request are null.

What could I be missing?

[kettanaito]

Hi, @canrozanes. I've already tackled this issue in #1992. Please update MSW to get the fix:

npm i msw@latest

Released in v2.1.5 (Release notes). Thanks.

[canrozanes]

Hey @kettanaito sorry for the duplicate. Thanks for the fix.

Also, is there a reason url is not properly populated in the response object?

[kettanaito]

@canrozanes, do you mean the response instance you get from the life-cycle event listener doesn't have the correct response.url set?

[canrozanes]

@kettanaito yes exactly! response.url is ''

[kettanaito]

Got it! Tracking in #2030, fixing in #2031. Thanks!