Presentation layer
UI testing
UI tests validate what users see and click: structure and navigation stay correct as the portfolio evolves. They do not replace API or integration tests—they anchor the shell around demos and docs.
What UI tests cover
- Header / nav — Active states, logo link, top-level routes including Testing.
- Page layout — Main regions render; no blank critical sections on load.
- Responsive rendering — Breakpoint smoke: nav collapse, readable content, tap targets.
- Buttons and links — Internal routes resolve; external links (e.g. GitHub) use correct targets.
- Key routes — Contact, about, projects, demo entry, and architecture pages load without client errors.
Covered page types
Matrix of UI dimensions by page family. All cells are planned coverage until Phase 2.
| Page type | Header / nav | Layout | Responsive | Links / CTAs |
|---|---|---|---|---|
| Home | Planned | Planned | Planned | Planned |
| Projects | Planned | Planned | Planned | Planned |
| Demos | Planned | Planned | Planned | Planned |
| Architecture | Planned | Planned | Planned | Planned |
| Testing | Planned | Planned | Planned | Planned |
| About | Planned | Planned | Planned | Planned |
| Contact | Planned | Planned | Planned | Planned |
Home
Header / nav
Planned
Layout
Planned
Responsive
Planned
Links / CTAs
Planned
Projects
Header / nav
Planned
Layout
Planned
Responsive
Planned
Links / CTAs
Planned
Demos
Header / nav
Planned
Layout
Planned
Responsive
Planned
Links / CTAs
Planned
Architecture
Header / nav
Planned
Layout
Planned
Responsive
Planned
Links / CTAs
Planned
Testing
Header / nav
Planned
Layout
Planned
Responsive
Planned
Links / CTAs
Planned
About
Header / nav
Planned
Layout
Planned
Responsive
Planned
Links / CTAs
Planned
Contact
Header / nav
Planned
Layout
Planned
Responsive
Planned
Links / CTAs
Planned