iDARMS Website — Chrome and Interactions Acceptance Tests¶
Test series: WEB-08, WEB-09, WEB-12, WEB-13, WEB-14
Objective: Validate shared site chrome, primary CTA visual states, and interactive components (accordions, filters, footer) across the public website menu.
Execution ownership¶
Recommended owners: UX/visual reviewer; Customer Service observer
Prerequisites: Approved website build/URL; desktop Chrome at 1440×900; ability to hover, focus (keyboard), and activate controls without submitting production data.
Execution control
Mask personal information in notes. This module does not embed screenshots — record Pass/Fail and tester notes only. Form submit and portal registration handoff cases live in Forms and Auth Handoffs.
Feature overview¶
The Chrome and Interactions module covers shared UI behaviours that appear across routes:
- Dual header — utility bar and main nav with active underline and sticky/fixed behaviour on scroll.
- Primary CTA states — default, hover, focus-visible, active, and disabled/loading where implemented.
- Accordions — Home FAQ rows and Reports document panels.
- Filters — Home partners Public/Private toggle and Newsroom category pills.
- Footer — full-bleed navy treatment, social icons, and Privacy/Terms/Contact quick links.
Contact form, Objection form, and Start Registration handoff are covered in Forms and Auth Handoffs (WEB-09A, WEB-10, WEB-11).
Coverage summary¶
| Test ID | Feature | Scenario | Priority |
|---|---|---|---|
| WEB-08 | Chrome | Dual header, active nav, sticky scroll | Critical |
| WEB-09 | Chrome | Primary CTA button states | Critical |
| WEB-12 | Interactions | FAQ and Reports accordions | High |
| WEB-13 | Interactions | Partners and Newsroom filters | Medium |
| WEB-14 | Chrome | Footer full-bleed and links | Medium |
Implementation observations requiring UAT confirmation¶
| Observation from implementation | Required validation |
|---|---|
Contact and Objection POST /api/contact with success/error UI; phone (and objection Property ID) required. |
Retest under WEB-10 / WEB-11; ops receipt remains out of band. |
Phone NumberInput cannot enter + while validation allows optional +. |
Use digit-only phone fixture; blank phone must fail (WEB-FORM-02). |
Floating FAQ chat + Register Now appear after hero scroll (FAQChatWidget → /api/chat). |
Spot-check open/ask/close and Register Now → portal root if chrome scope includes it. |
| Track Now / Login to Access CTAs on How to Register are unwired. | Fail only if cycle scope requires those destinations (WEB-FORM-04). |
Header LOGIN/REGISTER opens portal root, not /auth/register. |
Confirm approved login entry; registration uses Start Registration → /auth/register (WEB-FORM-05). |
Footer Privacy/Terms resolve to /Privacypolicy and /Terms; Services / Modules resolves to /Services. |
Cover under WEB-14; layout proof under WEB-23. |
WEB-08 — Dual header, active nav, sticky scroll¶
Feature overview¶
Every core route renders a dual chrome (utility bar + main nav). The active uppercase nav item shows a navy underline. After scrolling past the hero, the header remains usable with LOGIN/REGISTER visible.
Preconditions
- Access to each core route (
/,/HowtoRegister,/Impact,/Reports,/Newsroom,/About,/Contact_us). - Desktop Chrome at 1440×900.
| Field | Value |
|---|---|
| Priority | Critical |
| Test action | On each core route, confirm the utility bar and main nav. Verify the active uppercase item shows a navy underline. Scroll past the hero and confirm the header remains usable with LOGIN/REGISTER visible. |
| Expected result | Dual chrome remains intact; only the current route is underlined; sticky/fixed header does not clip content or lose the CTA. |
| Execution result | PASS |
| Evidence reference | None (image evidence removed; results recorded in tester notes) |
| Defect reference | None |
Test scenarios
| Scenario | Test steps | Expected result | Pass/Fail | Remarks |
|---|---|---|---|---|
| Dual chrome present | 1. Open Home and at least two other core routes. 2. Inspect the utility bar and main nav. |
Dual header is intact on each route; LOGIN/REGISTER is visible. |
PASS |
|
| Active nav underline | 1. Visit Reports and Newsroom (and other routes as needed). 2. Observe the uppercase nav item for the current route. |
Only the current route shows the navy underline. | PASS |
Manual observation; no image attached |
| Sticky scroll behaviour | 1. On Home, scroll past the hero. 2. Confirm header usability. |
Header remains usable; CTA is not clipped or lost. | PASS |
Sticky applied on outer header in iprs_website; no image attached |
Tester notes
Manual cycle 2026-08-03. Desktop Chrome. Active nav (REPORTS) and sticky scrolled header with LOGIN/REGISTER confirmed after Header sticky fix — PASS.
WEB-09 — Primary CTA button states¶
Feature overview¶
Primary CTAs use action cyan (#0193DD) and deep navy fills. Testers exercise default, hover, focus-visible, active, and disabled/loading states (where implemented) for key controls across Home, Contact, How to Register, Newsroom, and About.
Preconditions
- Desktop Chrome at 1440×900 with mouse and keyboard focus available.
- Pages reachable: Home, Contact, HowtoRegister, Newsroom, About.
| Field | Value |
|---|---|
| Priority | Critical |
| Test action | Exercise default, hover, focus-visible, active, and disabled/loading (where implemented) for Header LOGIN/REGISTER, Home Register Now!!!, Contact Send Message, How to Register Submit Objection, Newsroom Read story, and About Explore IDARMS. |
| Expected result | Action cyan and deep navy CTAs keep distinct fills; hover/focus are visible; disabled controls are not activatable. |
| Execution result | PASS |
| Evidence reference | None (image evidence removed; results recorded in tester notes) |
| Defect reference | None |
Test scenarios
| Scenario | Test steps | Expected result | Pass/Fail | Remarks |
|---|---|---|---|---|
| Header LOGIN/REGISTER states | 1. Capture default, hover, focus-visible, and active. 2. Confirm disabled appearance if shown in evidence set. |
Fills remain distinct; hover/focus are visible. | PASS |
Default + hover captured this cycle. |
| Home Register Now!!! states | 1. Exercise default, hover, focus, and active on the hero CTA. | Cyan CTA states are distinct and readable. | PASS |
Hover strengthened in HeroSection (navy → #0193DD + scale). |
| Contact Send Message states | 1. Exercise default, hover, loading, and disabled. | Loading/disabled prevent duplicate activation when shown. | PASS |
Manual observation; submit validation: WEB-10. |
| Submit Objection states | 1. Exercise default, hover, and loading on HowtoRegister. | States are distinct; loading disables re-click when shown. | PASS |
Manual observation; submit validation: WEB-11. |
| Read story / Explore IDARMS | 1. Exercise default and hover (and focus/active where captured). | Brand fills remain correct; controls remain activatable. | PASS |
Manual observation. |
Tester notes
Manual cycle 2026-08-03. LOGIN/REGISTER and Register Now!!! default+hover captured. Register Now!!! hover fixed in HeroSection (visible cyan + scale). Pointer cursor retained as correct CTA affordance — PASS.
WEB-12 — FAQ and Reports accordions¶
Feature overview¶
Home FAQ rows and Reports document panels expand and collapse independently. Only the intended panel should expand; neighbours must not collapse the layout; +/− affordances remain clear.
Preconditions
- Home (
/) and Reports (/Reports) available. - Desktop Chrome at 1440×900.
| Field | Value |
|---|---|
| Priority | High |
| Test action | On Home, expand and collapse at least two FAQ rows. On Reports, expand Taxpayer Checklist, Guide To File, and Guide To Pay. |
| Expected result | Only the intended panel expands; neighbours do not collapse the layout; +/− affordance remains clear. |
| Execution result | PASS |
| Evidence reference | None (image evidence removed; results recorded in tester notes) |
| Defect reference | None |
Test scenarios
| Scenario | Test steps | Expected result | Pass/Fail | Remarks |
|---|---|---|---|---|
| Home FAQ expand/collapse | 1. Open Home and scroll to FAQ. 2. Expand one row, then another. 3. Collapse each. |
Intended panel expands; layout does not break; affordance toggles between + and −. |
PASS |
|
| Reports accordion panels | 1. Open /Reports.2. Expand Taxpayer Checklist, Guide To File, and Guide To Pay. |
Each named panel expands; content is readable; layout remains stable. | PASS |
Tester notes
Manual cycle 2026-08-10. FAQ and Reports accordions functional — PASS.
WEB-13 — Partners and Newsroom filters¶
Feature overview¶
Home partners toggle between Public and Private sets. Newsroom filter pills (e.g. All, Technology) update the card grid. Active pills use filled brand colour; idle pills remain outlined.
Preconditions
- Home and Newsroom available.
- Desktop Chrome at 1440×900.
| Field | Value |
|---|---|
| Priority | Medium |
| Test action | On Home, toggle Public/Private partners. On Newsroom, switch All and Technology filter pills and confirm the card grid updates. |
| Expected result | Active pill uses filled brand color; idle pills remain outlined; grid does not jump outside the CLS gate when filters change. |
| Execution result | PASS |
| Evidence reference | None (image evidence removed; results recorded in tester notes) |
| Defect reference | None |
Test scenarios
| Scenario | Test steps | Expected result | Pass/Fail | Remarks |
|---|---|---|---|---|
| Partners Public/Private toggle | 1. On Home, select Public, then Private. 2. Capture each state. |
Active state is visually distinct; partner set updates. | PASS |
|
| Newsroom filter pills | 1. On Newsroom, select All, then Technology.2. Observe the card grid. |
Active pill is filled; idle pills outlined; grid updates without large layout jump. | PASS |
Cross-check CLS in WEB-20. |
Tester notes
Manual cycle 2026-08-10. Partners and Newsroom filters functional — PASS.
WEB-14 — Footer full-bleed and links¶
Feature overview¶
The site footer uses a full-bleed navy treatment with social icons, Modules links (Home / About / Services / Modules), and Privacy/Terms/Contact quick links. Links must resolve to approved routes; social targets open approved profiles.
Preconditions
- Home and Contact Us available for footer inspection.
- Desktop Chrome at 1440×900.
| Field | Value |
|---|---|
| Priority | Medium |
| Test action | Scroll to the footer on Home and Contact. Confirm full-bleed navy treatment, social icons, Modules Services / Modules → /Services, and working Privacy/Terms/Contact quick links. |
| Expected result | Footer is edge-to-edge navy; links resolve to the approved routes; social targets open the approved profiles. |
| Execution result | PASS |
| Evidence reference | None (image evidence removed; results recorded in tester notes) |
| Defect reference | None |
Test scenarios
| Scenario | Test steps | Expected result | Pass/Fail | Remarks |
|---|---|---|---|---|
| Full-bleed navy footer | 1. Scroll to the footer on Home and Contact. 2. Compare to evidence crop. |
Footer is edge-to-edge navy with no unexpected side gutters. | PASS |
|
| Quick links and social | 1. Click Privacy, Terms, and Contact quick links. 2. Open each social icon target. |
Links resolve to approved routes; social targets open approved profiles. | PASS |
Mask any personal session data. |
| Services / Modules entry | 1. Under Modules, click Services / Modules. | Navigates to /Services. |
PASS |
Layout proof: WEB-23. |
Tester notes
Manual cycle 2026-08-10. Footer full-bleed and quick links functional — PASS. Services / Modules → /Services confirmed in code; attach WEB-23 page-load proof when captured.