Playwright can do this?

Learn why Microsoft's testing framework is a stellar solution to test your sites end-to-end.

Transcript

1. @stefanjudis Playwright can do this?
2. Does anyone remember this friend?
3. Or this one?
4. @stefanjudis stefanjudis.com | webweekly.email Heyo, I'm Stefan! checklyhq.com GDE | Playwright Ambassador
5. webweekly.email
6. The idea of end-to-end testing was great!
7. But it was terrible.
8. Tests were slow, hard to write and fl aky.
9. We run the tests on demand. My colleagues & I
10. We gave up. :/ My colleagues & I
11. Things got a lot better
12. Playwright is cross-everything
13. Playwright is cross-everything
14. Run your tests in VS Code
15. Very solid typings
16. More than a browser control / / @ts - check import { test, expect } from "@playwright/test"; test.describe("navigation", () = > { test.beforeEach(async ({ page }) = > { / / Go to the starting url before each test. await page.goto("https: / / playwright.dev/"); }); test("main navigation", async ({ page }) = > { / / Assertions use the expect API. await expect(page).toHaveURL("https: / / playwright.dev/"); }); });
17. Easy to parallelize npx playwright test - - workers 4 / / playwright.conf i g.js import { def i neConf i g } from '@playwright/test'; export default def i neConf i g({ workers: process.env.CI ? 2 : undef i ned, })
18. Built for quick execution const button = page.locator('button') await button.click() await expect(button).toBeHidden() Auto-wait and web- fi rst assertions make waitFor statements redundant.
19. A very fast release cycle
20. Let's have a look!
21. Auto-wait Web- fi rst assertions Screenshots Test runner Retries Tracing VS Code extension Inspector Debugger Codegen Image Snapshots Native UI
22. Weekly Playwright tips youtube.com/checklyhq
23. There's no silver bullet when it comes to e2e testing...
24. ... but Playwright is a stellar solution!
25. Treat your UIs like your APIs.
26. APIs are measured with the number of nines — 99.999%.
27. Your entire application should be tested all the time!
28. Account create Account login Account update Account delete 99.999% 99.1% 99.8% 99.94% Stellar frontends with con fi dence
29. blog.checklyhq.com/how-playwright-can-monitor-third-party-resources/
30. End-to-end monitoring should be your safety net.* * Your future-self will thank you!
31. Start shipping with con fi dence! * Your future-self will thank you!
32. @stefanjudis www.stefanjudis.com webweekly.email Thanks!