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
| Navigation | 9tests |
| Store & Cart | 5tests |
| Checkout | 5tests |
| Authentication | 5tests |
| Contact Form | 6tests |
| Blog | 5tests |
| Total | 35tests |
Live Test Runner
Click Run Tests to execute the suite against this site in real timeAll 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.