Playwright Crash Course

Learn how to use Playwright with an Nx workspace

▬▬▬▬▬▬ ⏱ Timecodes ▬▬▬▬▬▬
0:00 Introduction
0:35 Installing Playwright
5:20 Running our first test
7:30 Creating targets for Nx
11:15 Configuring a web server in playwright config
13:25 The Playwright API
18:24 Writing Reusable Test Initialization
29:10 Remarks on mocking network calls
30:20 Writing tests for our pokedex
38:40 Creating a debug target
43:20 Mangling to prevent false positives
44:35 Playwright VsCode extension

▬▬▬▬▬▬ 🔗 Links ▬▬▬▬▬▬

▬▬▬▬▬▬ 🐦 Socials ▬▬▬▬▬▬

[Balance-]

Is there a chance nx will make a plug-in for playwright? There’s a community one but it’s not great

[adi_sekar]

Great video, love the longer format explanation. Would like to see on how it works on CI? As there may not be a url where its hosted available, as the CI build deploy step will deploy it.

[blessanmathew]

Really helpful to see how to setup a project without a generator

[blessanmathew]

Thanks for this vid again. Was able to setup PW in our monorepo and the new UI mode really helped. Is there any work happening on nx side to make the VS code extension work better with a NX workspace? Just wondering

[rujor]

I've been swearing and yelling at Cypress for years now, for many different reasons, this looks exactly like the kind of thing I want. I should have gone with Playwright from the beginning 😄..

[yogeshlinganna]

Very helpful and easy to follow along.

[xt]

Thanks! How does NX's caching mechanism work with this as "e2e" is a cachable operation?