Manual Test Cases
A collection of 42 manual test cases covering all functional areas of the site — navigation, store, checkout, authentication, contact form, and blog. Written to mirror the automated suite coverage with granular step-by-step instructions and expected results.
Manual Testing
Test Planning
Test Documentation
42
Test Cases
187
Total Steps
6
Functional Areas
Test Cases
42test cases
187total steps
6functional areas
💡Use browser print (Ctrl+P) to export a clean copy
NAV-001Header Logo Navigates to HomeNavigation
| # | Action / Step | Expected Result |
|---|---|---|
| 1 | Navigate to a non-home page (e.g., /about). | About page is displayed. |
| 2 | Locate the site logo or brand name in the top-left of the header. | Logo/brand is visible in the header. |
| 3 | Click the logo or brand name. | Browser navigates to the home page (/). |
| 4 | Verify the home page hero section is visible. | Hero heading and CTA buttons are displayed. |
NAV-002Navigate to About PageNavigation
| # | Action / Step | Expected Result |
|---|---|---|
| 1 | Load the application from the home page (/). | Home page is displayed. |
| 2 | Locate the "About" link in the main navigation bar. | "About" link is visible in the header. |
| 3 | Click the "About" link. | Browser navigates to /about. |
| 4 | Verify the About page content is displayed. | About page heading and content are visible. |
NAV-003Navigate to Projects PageNavigation
| # | Action / Step | Expected Result |
|---|---|---|
| 1 | From any page, locate the "Projects" link in the main navigation bar. | "Projects" link is visible in the header. |
| 2 | Click the "Projects" link. | Browser navigates to /projects. |
| 3 | Verify the Projects page is displayed. | Projects heading and project cards are visible. |
NAV-004Navigate to Blog PageNavigation
| # | Action / Step | Expected Result |
|---|---|---|
| 1 | From any page, locate the "Blog" link in the main navigation bar. | "Blog" link is visible in the header. |
| 2 | Click the "Blog" link. | Browser navigates to /blog. |
| 3 | Verify the Blog page is displayed. | Blog heading and post list are visible. |
NAV-005Navigate to Store PageNavigation
| # | Action / Step | Expected Result |
|---|---|---|
| 1 | From any page, locate the "Store" link in the main navigation bar. | "Store" link is visible in the header. |
| 2 | Click the "Store" link. | Browser navigates to /store. |
| 3 | Verify the Store page is displayed. | Store heading and product grid are visible. |
NAV-006Navigate to Contact PageNavigation
| # | Action / Step | Expected Result |
|---|---|---|
| 1 | From any page, locate the "Contact" link in the main navigation bar. | "Contact" link is visible in the header. |
| 2 | Click the "Contact" link. | Browser navigates to /contact. |
| 3 | Verify the Contact page is displayed. | Contact form and contact info section are visible. |
NAV-007Cart Icon Navigates to CheckoutNavigation
| # | Action / Step | Expected Result |
|---|---|---|
| 1 | From any page, locate the cart/shopping bag icon in the site header. | Cart icon is visible in the header. |
| 2 | Click the cart icon. | Browser navigates to the checkout page (/checkout). |
| 3 | Verify the checkout page is loaded. | Cart content or empty cart message is displayed. |
NAV-008Hero "View My Work" Button Navigates to ProjectsNavigation
| # | Action / Step | Expected Result |
|---|---|---|
| 1 | Navigate to the home page (/). | Home page hero section is displayed. |
| 2 | Locate the "View My Work" call-to-action button in the hero. | "View My Work" button is visible. |
| 3 | Click the "View My Work" button. | Browser navigates to /projects. |
| 4 | Verify the Projects page is displayed. | Projects heading and project cards are visible. |
NAV-009Hero "Get In Touch" Button Navigates to ContactNavigation
| # | Action / Step | Expected Result |
|---|---|---|
| 1 | Navigate to the home page (/). | Home page hero section is displayed. |
| 2 | Locate the "Get In Touch" call-to-action button in the hero. | "Get In Touch" button is visible. |
| 3 | Click the "Get In Touch" button. | Browser navigates to /contact. |
| 4 | Verify the Contact page is displayed. | Contact form is visible. |