I have a React component that renders to a canvas (see "DeckGL"). The component renders data that it gets from the backend. So I'd need to mock API requests, then screenshot contents of the canvas.
More options in the ecosystem seems better, but I was surprised to see this in the linked vitest docs:
> However, to run tests in CI you need to install either playwright or webdriverio. We also recommend switching to either one of them for testing locally instead of using the default preview provider since it relies on simulating events instead of using Chrome DevTools Protocol.
> Fast execution... despite running in a real browser, which at first might seem like it would be slow - it is actually really fast.
What makes it fast?
Using this, can I test canvas?
I have a React component that renders to a canvas (see "DeckGL"). The component renders data that it gets from the backend. So I'd need to mock API requests, then screenshot contents of the canvas.
I used to do this with Karma test runner. The best part was how it didn't try to capture everything, so debugging with breakpoints was really easy.
I like Vitest browser mode, but it's a pain to just "detach" for a specific frame and run that test in isolation, with my actual breakpoints.
More options in the ecosystem seems better, but I was surprised to see this in the linked vitest docs:
> However, to run tests in CI you need to install either playwright or webdriverio. We also recommend switching to either one of them for testing locally instead of using the default preview provider since it relies on simulating events instead of using Chrome DevTools Protocol.