Back to Projects
Playwright

Playwright

Page Object Model E2E Test Suite

Playwright
TypeScript
Node.js
View on GitHub
About This Suite
Pattern
POM — Page Object Model with spec files
Framework
Playwright v1
Language
TypeScript
Browser
Chromium (bundled)
Run with
npx playwright test
Test Coverage
Navigation9tests
Store & Cart5tests
Checkout5tests
Authentication5tests
Contact Form6tests
Blog5tests
Total35tests

Live Test Runner

Click Run Tests to execute the suite against this site in real time
All Passed19.2s · 7:29:00 PM
$ npx playwright test --reporter=list
 
Running 35 tests using 1 worker
 
✓ 1 [chromium] › tests/auth.spec.ts › Authentication › login page displays login form (392ms)
✓ 2 [chromium] › tests/auth.spec.ts › Authentication › debug login navigates to dashboard (422ms)
✓ 3 [chromium] › tests/auth.spec.ts › Authentication › logout returns user to login page (558ms)
✓ 4 [chromium] › tests/auth.spec.ts › Authentication › unauthenticated access to dashboard redirects to login (250ms)
✓ 5 [chromium] › tests/auth.spec.ts › Authentication › signup link on login page navigates to signup (397ms)
✓ 6 [chromium] › tests/blog.spec.ts › Blog › blog page displays post list (274ms)
✓ 7 [chromium] › tests/blog.spec.ts › Blog › blog page shows pagination controls (278ms)
✓ 8 [chromium] › tests/blog.spec.ts › Blog › clicking a blog post navigates to the post (414ms)
✓ 9 [chromium] › tests/blog.spec.ts › Blog › blog post page displays title content and date (437ms)
✓ 10 [chromium] › tests/blog.spec.ts › Blog › next page button advances pagination when available (341ms)
✓ 11 [chromium] › tests/checkout.spec.ts › Checkout Process › empty cart shows empty cart view (441ms)
✓ 12 [chromium] › tests/checkout.spec.ts › Checkout Process › checkout page shows heading when cart has items (700ms)
✓ 13 [chromium] › tests/checkout.spec.ts › Checkout Process › place order without filling form shows validation errors (768ms)
✓ 14 [chromium] › tests/checkout.spec.ts › Checkout Process › complete checkout flow with debug fill (1.1s)
✓ 15 [chromium] › tests/checkout.spec.ts › Checkout Process › back button returns to previous page (824ms)
✓ 16 [chromium] › tests/contact.spec.ts › Contact Form › contact page displays the contact form (278ms)
✓ 17 [chromium] › tests/contact.spec.ts › Contact Form › submitting empty form shows validation errors (344ms)
✓ 18 [chromium] › tests/contact.spec.ts › Contact Form › name field rejects input shorter than 2 characters (352ms)
✓ 19 [chromium] › tests/contact.spec.ts › Contact Form › character counter updates as user types (270ms)
✓ 20 [chromium] › tests/contact.spec.ts › Contact Form › character counter turns red above 900 characters (273ms)
✓ 21 [chromium] › tests/contact.spec.ts › Contact Form › contact info section displays email phone and location (259ms)
✓ 22 [chromium] › tests/navigation.spec.ts › Site Navigation › header logo navigates to home page (401ms)
✓ 23 [chromium] › tests/navigation.spec.ts › Site Navigation › navigate to About page via nav link (435ms)
✓ 24 [chromium] › tests/navigation.spec.ts › Site Navigation › navigate to Projects page via nav link (434ms)
✓ 25 [chromium] › tests/navigation.spec.ts › Site Navigation › navigate to Blog page via nav link (443ms)
✓ 26 [chromium] › tests/navigation.spec.ts › Site Navigation › navigate to Store page via nav link (450ms)
✓ 27 [chromium] › tests/navigation.spec.ts › Site Navigation › navigate to Contact page via nav link (420ms)
✓ 28 [chromium] › tests/navigation.spec.ts › Site Navigation › cart icon navigates to checkout (426ms)
✓ 29 [chromium] › tests/navigation.spec.ts › Site Navigation › hero View My Work button navigates to projects (456ms)
✓ 30 [chromium] › tests/navigation.spec.ts › Site Navigation › hero Get In Touch button navigates to contact (428ms)
✓ 31 [chromium] › tests/store.spec.ts › Store and Product Browsing › store page displays product list (459ms)
✓ 32 [chromium] › tests/store.spec.ts › Store and Product Browsing › navigate to product detail page from store (649ms)
✓ 33 [chromium] › tests/store.spec.ts › Store and Product Browsing › adding product to cart increments cart counter (544ms)
✓ 34 [chromium] › tests/store.spec.ts › Store and Product Browsing › adding multiple products updates cart counter (756ms)
✓ 35 [chromium] › tests/store.spec.ts › Store and Product Browsing › product detail page shows go to checkout after adding to cart (527ms)
 
35 passed (19.2s)

Requires the dev server and test dependencies to be running on the host. Playwright manages its own Chromium — no extra setup needed.