How to write component tests with Cypress 

I was getting a little bit frustrated trying to get the react testing library to play nice with Typescript, and at a certain point was just downloading a bunch of dependencies as was recommended in different articles, videos I watched etc., but nothing seemed to work. But Cypress just seems to work out of the box. Can't say thank you enough!

I just started using Cypress and am already completely hooked. It makes testing a breeze.

Loved how it's presented: simple. Liked and subbed halfway through the video!

Great explanations and examples

You did a fantastic job man! I’ll be back for more of your great content🤠

I have created a custom theme using styled-components, how do I implement the same in cypress?

Very nice thx a lot!!

Awesome!

What if there is a route navigation after submitting form ? The current url would get updated due to which we won't be able to write more tests for the same component as the component mounting would fail, right ?

So how do i actually RUN the tests (for CI purposes)

Why exactly do we need to put square brackets around data attributes in Cypress?

Yeah!!! Cypresssssssssss

What is the vantage of using component tests? (its a honest question). Is not a real environment, if application brokes, the test not catch this.

How to load custom styles coming from SCSS files into the test to make sure the component looks like expected?

You should really focus on your dev experience for people who can't use the gui. The docs are completely useless for ci/cl pipelines setups and dev container work. There is no reason a robust cli couldn't be put together to fix this.

There should be a shortcut for 'data-test' just like with id (#something) or class(.something) typing("[data-test='something']) is a bit annoying after a while

So a react only test. Zzzz. Maybe you should have mentioned it