About This Suite
- Pattern
- POM — Page Object Model with custom commands
- Framework
- Cypress v13
- Language
- TypeScript
- Browser
- Electron / Chrome (headless)
- Run with
- npx cypress run --headless
Test Coverage
| Navigation | 9tests |
| Store & Cart | 5tests |
| Checkout | 7tests |
| Authentication | 6tests |
| Contact Form | 8tests |
| Blog | 6tests |
| Total | 41tests |
Live Test Runner
Click Run Tests to execute the suite against this site in real timeAll Passed24.0s · 7:29:00 PM
$ npx cypress run --headless
Running: auth.cy.ts (1 of 6)
Authentication
✓ login page displays login form (361ms)
✓ debug login button logs in and navigates to dashboard (539ms)
✓ logout button returns user to login page (624ms)
✓ unauthenticated access to dashboard redirects to login (226ms)
✓ signup link on login page navigates to signup (397ms)
✓ header shows dashboard button when logged in (448ms)
6 passing (3s)
Running: blog.cy.ts (2 of 6)
Blog
✓ blog page displays post list (289ms)
✓ blog page shows pagination controls (238ms)
✓ clicking a blog post navigates to the post page (441ms)
✓ blog post page shows title content and date (571ms)
✓ next page button advances pagination when available (428ms)
✓ previous button is not shown on first page (214ms)
6 passing (2s)
Running: checkout.cy.ts (3 of 6)
Checkout Process
✓ empty cart shows empty cart view (258ms)
✓ checkout page shows heading when cart has items (692ms)
✓ place order without filling form shows validation errors (776ms)
✓ complete checkout flow using debug fill (1455ms)
✓ cart counter is hidden after checkout completion (1074ms)
✓ quantity increment button increases item quantity (863ms)
✓ quantity decrement button decreases item quantity (871ms)
7 passing (6s)
Running: contact.cy.ts (4 of 6)
Contact Form
✓ contact page displays the contact form (282ms)
✓ contact info section is visible (232ms)
✓ submitting empty form shows validation errors (366ms)
✓ name shorter than 2 characters triggers validation error (515ms)
✓ invalid email format triggers validation error (1085ms)
✓ message shorter than 10 characters triggers validation error (1185ms)
✓ character counter updates as user types (840ms)
✓ character counter turns red above 900 characters (1165ms)
8 passing (6s)
Running: navigation.cy.ts (5 of 6)
Site Navigation
✓ header logo navigates to home page (619ms)
✓ navigates to About page via nav link (447ms)
✓ navigates to Projects page via nav link (483ms)
✓ navigates to Blog page via nav link (431ms)
✓ navigates to Store page via nav link (456ms)
✓ navigates to Contact page via nav link (450ms)
✓ cart icon in header navigates to checkout (467ms)
✓ hero View My Work button navigates to projects (468ms)
✓ hero Get In Touch button navigates to contact (441ms)
9 passing (5s)
Running: store.cy.ts (6 of 6)
Store and Product Browsing
✓ store page displays product list (270ms)
✓ navigates to product detail page from store (489ms)
✓ adding a product to cart increments the cart counter (385ms)
✓ adding multiple products updates the cart counter (819ms)
✓ product detail page shows go to checkout button after adding to cart (367ms)
5 passing (2s)
All specs passed! 41 tests 24 seconds
Requires the dev server and test dependencies to be running on the host. Cypress requires Chrome to be installed on the server.