[Question] How to use miragejs mocks with Playwright component tests?

I’ve been playing around with Playwright Component tests, and am struggling to wire up miragejs mock server with the test suite. Is there a recommended approach/solution to this?

My frontend app uses CRA and has a miragejs mock server for testing. What’s the right way to initialize this in Playwright component tests?

Note: For comparison, this is how Cypress wires it up. I’ve tried adding a proxy function like the one Cypress uses via context.addInitScript before the test begins. I can see the function being attached to the window object, but redirect from the app doesn’t seem to work.

[rwoll]

@VaasRamsay Thanks for your patience! It’s possible to do this functionality, but in order to give you a better answer, we’ll need some more time to play around.

I’ve assigned this out and marked to the next milestone so we can hopefully dedicate some time to it. (It hits on topics beyond just network mocking—e.g. running code in browser vs. in node—and what to do where when, so there’s probs some more holistic education/docs we can add here.)

[pavelfeldman]

@VaasRamsay would you be open to contributing a docs page (markdown) providing this example?