docs(GRO-1791): add TC-3.1–TC-3.5 to UAT_PLAYBOOK for self-booking CTA

Added test cases covering:
- Hero "Book an Appointment" button visibility and order
- All 4 hero CTA buttons present
- Mobile responsiveness at 375px width
- Footer "Book Now" link navigation
- Getting-started page booking CTA

Also fixed repo URL from github.com/site to git.farh.net/groombook/groombook.dev.

cc @cpfarhood

Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
Flea Flicker
2026-05-26 11:50:09 +00:00
parent c1a6539af3
commit f67470581e
+49 -2
View File
@@ -2,8 +2,8 @@
## Test Environment
- **URL:** https://groombook.farh.net (demo)
- **Repository:** https://github.com/groombook/site
- **Last Updated:** 2026-05-12
- **Repository:** https://git.farh.net/groombook/groombook.dev
- **Last Updated:** 2026-05-26
---
@@ -93,6 +93,52 @@ Verify homepage copy aligns with Path C strategy (solo/small operator focus) wit
---
## 3. Self-Booking CTA (GRO-1791)
### Purpose
Verify "Book an Appointment" is the primary CTA in the hero section, "Book Now" appears in navigation, and all CTAs are present and mobile-responsive.
### Pre-Conditions
- Homepage loads successfully
- User is not logged in
### Test Cases
#### TC-3.1: Hero CTA - Book an Appointment
| Step | Action | Expected Result |
|------|--------|-----------------|
| 1 | Navigate to homepage | Page loads without errors |
| 2 | Locate hero CTA buttons | "Book an Appointment →" is the first button in the hero CTA group |
| 3 | Click "Book an Appointment →" button | Navigates to https://groombook.dev/admin/book (the 4-step booking wizard) |
#### TC-3.2: Hero CTA - All Buttons Present
| Step | Action | Expected Result |
|------|--------|-----------------|
| 1 | Locate hero CTA buttons | All 4 buttons present: "Book an Appointment", "Try the Demo", "View on GitHub", "Get Started" |
| 2 | Verify button order | "Book an Appointment" is first |
#### TC-3.3: Mobile Responsiveness - Hero CTA (375px)
| Step | Action | Expected Result |
|------|--------|-----------------|
| 1 | Resize browser to 375px width | Page is responsive |
| 2 | Locate hero CTA buttons | "Book an Appointment" button is visible and properly sized |
| 3 | Verify flex-wrap | CTA buttons wrap gracefully on small screens |
#### TC-3.4: Footer Navigation - Book Now
| Step | Action | Expected Result |
|------|--------|-----------------|
| 1 | Scroll to footer | "Book Now" appears in footer navigation links |
| 2 | Click "Book Now" link | Navigates to https://groombook.dev/admin/book |
#### TC-3.5: Getting Started Page - Booking CTA
| Step | Action | Expected Result |
|------|--------|-----------------|
| 1 | Navigate to getting-started page | Page loads |
| 2 | Locate "Book an Appointment" link | "Book an Appointment →" link present in Quick Links section |
| 3 | Click "Book an Appointment →" link | Navigates to https://groombook.dev/admin/book |
---
## Pass/Fail Criteria
- **PASS:** All test cases execute successfully with expected results
@@ -105,3 +151,4 @@ Verify homepage copy aligns with Path C strategy (solo/small operator focus) wit
- UAT should be performed on both desktop and mobile viewports
- Check browser console for JavaScript errors during test execution
- Verify all links are functional and lead to expected destinations
- Mobile viewport test (TC-3.3) must be executed at exactly 375px width per acceptance criteria