Getting Started with Angular Component Testing

We are excited to announce that in Cypress version 10.5 we’ve added support for Component Testing in Angular! Cypress Component Testing provides a testable component workbench for you to quickly build and test your Angular components regardless of complexity, directly in the browser using the same Cypress API many of you have been using for years. In this video I will show you how easy it is to get up and running with Component Testing for Angular in Cypress!
Migration Guide - dev.to/cypress/migrating-to-c...
Documentation - docs.cypress.io/guides/compon...
Additional questions? Join us in Discord - / discord

[@ashmcconnell3868]

Sorry I didn't pay attention, I was too busy watching the dachshund in the background 😂

[@CanalRubi]

Gracias!! Espectacular!! I'll try it!!

[@nergrohombre]

This was helpful, but of course we need way more detail, felt rushed at the end, but I appreciate you getting me started on this.

[@user-hn6qj6ww8k]

Can I test a component that extends an abstract class? Or in this case, if the component is not independent, should I use the E2E test?

[@stacisoutherland3388]

Ok

[@YordanTGeorgiev]

What to do with services? I'ts not very clear what would be the right approach. Do we have to use both Cypress and Jest one for components the other for services?

[@sashachechoitko7215]

the same question

[@richie7425]

Yeah we were going to switch to cypress but the docs are terrible.

[@saviodev777]

thanks

[@gunasekarant6498]

Please make a series on ReactJs also, Thanks

[@sjm8931]

You start very well und you end up a way to fast. At the really important steps you fly away.

[@richardcutmore366]

Needs a lot more complex examples. I may as well start writing the docs from scratch as the examples and tutorials are useless..

[@FelipeFernandesLeandro]

When I'm trying to open my first component test, I get: "Cannot GET /__cypress/src/index.html".

[@Eyezbergslim]

I'm getting the same thing. Were you able to resolve this?

[@FelipeFernandesLeandro]

@@Eyezbergslim I guess the problem was on the commands.ts that i was calling on component.ts. Some functions there wasn't working on component testing.

[@Eyezbergslim]

@@FelipeFernandesLeandro would you take a look at my stack post and provide any suggestions for resolving the issue?

[@FelipeFernandesLeandro]

@@Eyezbergslim sure, is there any link?

[@Eyezbergslim]

@@FelipeFernandesLeandro if the link doesn't appear, you can see it in Stack with the following text: Cannot GET /__cypress/src/index.html Cypress Component Test