Introducing Playwright

This video serves as an introduction to Playwright, a high-performance End-to-End (E2E) testing framework developed by Microsoft known for producing reliable tests. As of the end of 2023, it has nearly caught up with Cypress in terms of download numbers.
I'll walk you through the basics of Playwright, such as selecting and interacting with elements, and how to perform assertions. The video also covers how Playwright behaves in Continuous Integration (CI) environments and explores available reporting tools.
Additionally, I share some valuable tips and tricks, including the implementation of Page Object Models, Test Fixtures, and Code Generators to simplify your testing workflow.
0:00 Welcome
1:00 Introduction
7:57 A First Test
29:46 VSCode Integration
33:38 Trace Viewer
37:51 Test Fixtures & Page Objects
46:18 Test Recorder
48:12 Summary & Farewell

[@hille-hausonfire4338]

Stoked that you were invited to India!! "...And thus, Austria´s finest turned into the world´s greatest..." Well deserved :)

[@RainerHahnekamp]

Thanks a lot. I already wanted to go there this year. Didn't work out. Now it is in February next year. I'm really looking forward to it.

[@vutruong4164]

just what I needed, and timely so! Thank you kind sir!

[@RainerHahnekamp]

Hi, thanks, yeah nice to hear. I've been working with Playwright for more than two years now and thought it is about time to publish a proper video about it.

[@EnHacore1]

Very good introduction, thank you so much, it looks great. Being able to test against 3 browsers in parallel is great

[@RainerHahnekamp]

Thanks, yeah Playwright is extremely good when it comes to performance

[@matheusjordan6031]

Nice tool for testing, thanks for sharing this work tool. I'm soo grateful for this video.

[@RainerHahnekamp]

Thanks Matheus, good to hear

[@sawmkcsaw]

thx for introduction, very structured and clear 👍🖖

[@RainerHahnekamp]

You are very welcome!

[@MaheshJoshi_wellington]

Amazing video this framework is game changer in automation lots to learn !

[@RainerHahnekamp]

Yup, Playwright is wonderful and good for the competition

[@toromanow]

Is playwright what you'd recommend for automated testing of an Angular app?

[@dmso]

more or less ... another great tutorial. thanks!

[@RainerHahnekamp]

Thanks Torben. "more or less...": Which E2E do you use?

[@dmso]

previous work was all about Cypress (that is why we took the cypress course @ angularArchitects with you, what really helped), at current work we just switched to playwright, which turns out to be fantastic (compared to test cafe)

[@dmso]

I was just referring that you use the term "more or less" very often in your video :)

[@RainerHahnekamp]

​@@dmso Ah, I see. Yeah, one of the new "Neujahresvorsätze": Geting rid of all those filler words.

[@aram5642]

Hi, would you consider an episode about testing libraries (testing-library, ngmocks, etc)? Maybe some pros and cons?

[@RainerHahnekamp]

Hello again, puh, at the moment my plans for the next videos are quite crammed. Maybe next year, but not to soon. Sorry.

[@LarsRyeJeppesen]

Looks pretty awesome , not gonna lie. PlayWright vs Cypress ?

[@RainerHahnekamp]

This is for you: kzbin.info/www/bejne/g4One6KdnL6Uo9E

[@toromanow]

I'm experiencing the following issues: 1) When I uncomment the webserver section in playwright.config.ts, then playwright reports "No tests" 2) In my test *.spec.ts file, await page.goto('') results in an error with no explanation. Thoughts?

[@RainerHahnekamp]

You typically get that message, if you have an invalid configuration file. Check that your commenting also wasn't applied to some things (parenthesis for example). If you uncomment it, and Playwright works, it is definitely an invalid config. You can post the contents of it here as well.

[@toromanow]

@@RainerHahnekamp Actually, found those issues to be specific to Windows. All works fine on Ubuntu.

[@RainerHahnekamp]

@@toromanow It shouldn't make a difference...