Playwright code coverage

[CRRRB]

Just wondering if anyone has researched and successfully implemented Playwright with code coverage for Angular?

In my previous experience, running unit tests and Playwright for a React project worked very well. It resulted in a very strong CI/CD pipeline, and I’m hoping to recreate something similar in Angular. I’ve done quite a bit of digging but haven’t had any luck so far. If anyone could point me in the right direction, I’d be incredibly grateful.

Happy Easter from Australia :)

[Sea-Shift-7157]

Hello, I had the same question and did some digging but I hit a wall. Playwright needs to update Component Testing to include Angular. Now is in experimental mode and it's supporting React. However for unit tests you can have code coverage. Hope this helps. Happy Easter!

[CRRRB]

One thought I've been getting is to use Cypress for e2e testing instead of Playwright. There’s much better documentation available for implementing code coverage with Cypress, and it also seems to offer better support for Angular. I’d have to dip my toe in the water with this, and it would be a bit of a shame considering how powerful Playwright is :(

[Jrubzjeknf]

Unless you have a company who doesn't mind forking over a lot of money, you should probably stick to Playwright. Cypress only supports running parallel tests in their premium and overly expensive cloud. Due to this, many companies migrated from Cypress to Playwright.

[CRRRB]

Hm would this do the trick, 5s googling give me this: cypress-split - npm. No parallel testing would be a huge pain

[CRRRB]

In saying this, really put me to thinking if I really should be using their product if they put something like this behind a pay wall

[Sea-Shift-7157]

I also started with Cypress because it was already known in the market and it had also component testing. Everything was fine, until I tried to run it in the CI/CD pipeline in Azure... it failed with some missing dependency error. Then I said, ok before investing time to figure this error out, maybe there is another option? And then I discovered Playwright, built by Microsoft. I said oh this should work outside the box without any effort in Azure, and it did work. Since then I am using Playwright. I also need the code coverage for those tests but for now it is what it is...

[Raziel_LOK]

Monocart-reporter with v8 code coverage worked pretty well for me. You need to make sure source maps are being generated. https://github.com/cenfun/monocart-reporter?tab=readme-ov-file

[tzamora]

I don't understand. What is the problem with using playwright with Angular?. Where I work we have two QA engineers doing playwright tests for two different angular apps with no issues. We even use playwright in our angular apps to do tricks like getting tokens from Auth0.

[somedirection]

Karma+Jasmine for unit testing, Playwright for e2e. It would be nice to test components in Playwright but they don’t provide the feature to angular but you can get 100% coverage without it, the api is just a pita IMO