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 40 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)
✓ 36 [chromium] › tests/chatbot.spec.ts › Chatbot › chatbot open button is visible on the homepage (312ms)
✓ 37 [chromium] › tests/chatbot.spec.ts › Chatbot › opening the chatbot shows the chat interface (489ms)
✓ 38 [chromium] › tests/chatbot.spec.ts › Chatbot › user message appears in chat after submitting (634ms)
✓ 39 [chromium] › tests/chatbot.spec.ts › Chatbot › Kyra responds to a portfolio question (4.1s)
✓ 40 [chromium] › tests/chatbot.spec.ts › Chatbot › Kyra declines to answer an off-topic question (3.1s)
40 passed (24.6s)
Requires the dev server and test dependencies to be running on the host. Playwright manages its own Chromium — no extra setup needed.