Learn why Microsoft's testing framework is a stellar solution to test your sites end-to-end.
@stefanjudisPlaywrightcan do this?
View Slide
Does anyone rememberthis friend?
Or this one?
@stefanjudisstefanjudis.com | webweekly.emailHeyo,I'm Stefan!checklyhq.comGDE | Playwright Ambassador
webweekly.email
The idea of end-to-endtesting was great!
But it was terrible.
Tests were slow, hardto write andflaky.
We run the testson demand.My colleagues & I
We gave up. :/My colleagues & I
Things got a lot better
Playwright is cross-everything
Run your tests in VS Code
Very solid typings
More than a browser control/ /@ts-checkimport { 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/");});});
Easy to parallelizenpx playwright test- -workers 4/ /playwright.config.jsimport { defineConfig } from '@playwright/test';export default defineConfig({workers: process.env.CI ? 2 : undefined,})
Built for quick executionconst button = page.locator('button')await button.click()await expect(button).toBeHidden()Auto-wait and web-first assertions makewaitFor statements redundant.
A very fast release cycle
Let's have a look!
Auto-wait Web-first assertions ScreenshotsTest runner Retries TracingVS Code extension Inspector DebuggerCodegen Image Snapshots Native UI
Weekly Playwright tipsyoutube.com/checklyhq
There's no silver bullet whenit comes to e2e testing...
... but Playwright is astellar solution!
Treat your UIslike your APIs.
APIs are measured with thenumber of nines — 99.999%.
Your entire applicationshould be tested all the time!
Account createAccount loginAccount updateAccount delete99.999%99.1%99.8%99.94%Stellar frontends with confidence
blog.checklyhq.com/how-playwright-can-monitor-third-party-resources/
End-to-end monitoringshould be your safety net.** Your future-self will thank you!
Start shipping withconfidence!* Your future-self will thank you!
@stefanjudiswww.stefanjudis.comwebweekly.emailThanks!