Not being able to override by using network.use

[thaynarbo]

I have an application that I use msw to run against, so I can get ahead and deliver frontend without backend. I noticed that my enableMocking was interfeering with the overide. What would you recommend in this case, create an environment to not enable it when running playwright test, is there a config we could use or an env would do the trick?

[kettanaito]

Hi, @thaynarbo. To clarify: are you combining @msw/playwright and a regular MSW integration, and that causes the problem?

If you can, could you please submit a reproduction repo? Would help me a ton to suggest how to fix the problem. Thanks.

[thaynarbo]

Hi @kettanaito. Thank you for the quick reply :)

Exactly! I used the browser integration setup, which required the creation of a function like below:

enableMocking().then(() => {
  ReactDOM.render(<App />, rootElement)
})

I installed msw/playwright recently, so I could stop having many ifs arround my handlers. While integrating I would always have the default even though I was using the new fixture. Then it came to my mind that it could be because msw was running twice, and it could be enableMocking the culprit. I removed enableMocking, and then the override worked.

here is a repo for reproduction
https://github.com/thaynarbo/msw-playwright-reproduction

if you comment worker.start in main.tsx then the test passes.