From f67470581e9e8e7e93b7eee7bbb5fbf5400b7327 Mon Sep 17 00:00:00 2001 From: Flea Flicker Date: Tue, 26 May 2026 11:50:09 +0000 Subject: [PATCH] =?UTF-8?q?docs(GRO-1791):=20add=20TC-3.1=E2=80=93TC-3.5?= =?UTF-8?q?=20to=20UAT=5FPLAYBOOK=20for=20self-booking=20CTA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- UAT_PLAYBOOK.md | 51 +++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 49 insertions(+), 2 deletions(-) diff --git a/UAT_PLAYBOOK.md b/UAT_PLAYBOOK.md index f8d10dc..b47c2f8 100644 --- a/UAT_PLAYBOOK.md +++ b/UAT_PLAYBOOK.md @@ -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