React Testing with Playwright (Complete Tutorial)

VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"

In this video we will learn about testing your React applications using Playwright. Playwright is an end-to-end testing tool that helps you run implementation tests. Playwright will open up your React application in a browser and start navigating to pages, clicking on buttons and typing on inputs exactly as a real user would!

[rjwhite]

What I like about your channel is you actually give tutorials. Some other web dev channels, who shall not be named, spend 90% of the video talking about how the tutorial is irrelevant and how instead we should learn NextJs instead. Thank you Cosden!

[severedghost]

I'm used to cypress, this is really straight forward. not as intuitive to me, but looks easy to get used to.

[NagamaJavidInamdar]

This is exactly what I needed. The correct way to debug. Thank you so much.

[gcg]

awesome, I really appreciate how you explained what have happening step by step :D

[antoniovm]

nice video, you could also add the test.beforeEach(...) outside every test.describe() you use.

[pranavgoel]

Thanks for making this, helped me get started.

[srsh]

thank you so much for such a clear explanations

[adityakallur]

I have seen Playwright tutorials explaining on very simple applications, but can you explain how do we write test case for real world applications which contains login page, and you would have to login for accessing a page for which you want to write test cases. and also how do we setup Playwright for these kind of applications.

[bariqdharmawan]

Great video love it. Do you plan continue this series? Probably testing with auth

[RonnieDenzel]

Bro kicked in at the right moment, thanks codsen😅

[techstacks.marviuz]

This is good but I wanted an example on a page behind an oauth that has a captcha

[ardianhotii]

Very great, thanks for sharing, what about to test forms with bunch of fields some of them being optional but when filled should have this and this value etc, how to "speed" things up how to write a lot of tests faster because this way there are a lot of things to test and its time consuming any idea ?

[Matkotech]

Nice video! Can you share what theme are you using?

[NoelSoong]

i have an issue with waitforResponse where it is unreliable sometimes it works sometimes it doesn't. When i am running my app locally on my machine the api calls work fine and quickly with ms response times but even with 10sec timeout for waitForResponse i still times out. Could be that the actions are happening too fast before waitForResponse?

[zillboy]

Hi Cosden, btw which video software are you using for making videos. I see the cursor has kind of smooth animation, thanks

[thiagomiranda]

wonder if it is possible to remove these data-testid attributes from the production build without having to use conditionals every time. They make it so easy to scrap your site/app.

[slhliwwa]

Bro do ou have react projects in your course???

[muthukumar]

Can you create video for how to setup vitest, playwright with vite

[mtcindianutube]

Hi, how do I get the test coverage report like in Jest

[WicToR]

the hardest thing i always struggle with while testing is deciding what is worth testing ...i always see these "does heading have correct name in it" and i feel like, why the fck do people test this :D