Sergei Vasilev
73 lines
2.2 KiB
Markdown
73 lines
2.2 KiB
Markdown
# IQON Visual QA
|
|
|
|
Purpose: зафиксировать browser-level visual QA локального static prototype после mobile layout fixes.
|
|
|
|
## Contents
|
|
|
|
- [Setup](#setup)
|
|
- [Screenshots](#screenshots)
|
|
- [Findings](#findings)
|
|
- [Fixes Applied](#fixes-applied)
|
|
- [Verification](#verification)
|
|
|
|
## Setup
|
|
|
|
Local server:
|
|
|
|
```bash
|
|
python3 -m http.server 8061
|
|
```
|
|
|
|
Browser tool:
|
|
|
|
```bash
|
|
"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" --headless=new --disable-gpu --hide-scrollbars
|
|
```
|
|
|
|
## Screenshots
|
|
|
|
| File | Viewport | Status |
|
|
|------|----------|--------|
|
|
| `reports/screenshots/2026-05-20/home-desktop-fixed.png` | 1440 x 1200 | Captured |
|
|
| `reports/screenshots/2026-05-20/home-mobile-qa6.png` | 390 x 900 | Passed after fixes |
|
|
| `reports/screenshots/2026-05-20/services-mobile-qa6.png` | 390 x 1200 | Passed after fixes |
|
|
| `reports/screenshots/2026-05-20/qa7-full/` | 10 pages x desktop/mobile | Captured |
|
|
| `reports/screenshots/2026-05-20/qa7-full/contact-mobile-fixed.png` | 390 x 1000 | Passed after CTA wrap fix |
|
|
|
|
## Findings
|
|
|
|
| Finding | Status |
|
|
|---------|--------|
|
|
| Mobile nav overflowed horizontally at 390px | Fixed |
|
|
| Mobile hero paragraph clipped at right edge | Fixed |
|
|
| Mobile services card paragraphs clipped at right edge | Fixed |
|
|
| Desktop homepage screenshot rendered | Captured |
|
|
| Mobile contact CTA heading clipped at right edge | Fixed |
|
|
|
|
## Fixes Applied
|
|
|
|
- Converted mobile nav into compact wrapped links.
|
|
- Shortened `Case Studies` nav label to `Cases`.
|
|
- Added mobile text measure for hero, page, card, and detail copy.
|
|
- Added CSS/JS cache-busting query on prototype pages.
|
|
- Kept target URLs as real paths instead of section anchors.
|
|
- Added mobile CTA text constraint for contact and other CTA bands.
|
|
- Added skip link target for deployed static pages.
|
|
|
|
## Verification
|
|
|
|
Current visual pass is based on screenshot inspection of the final mobile files:
|
|
|
|
- `reports/screenshots/2026-05-20/home-mobile-qa6.png`
|
|
- `reports/screenshots/2026-05-20/services-mobile-qa6.png`
|
|
|
|
Remaining checks before deployment:
|
|
|
|
- Cross-browser check outside headless Chrome.
|
|
- Full desktop and mobile screenshots exist for every target page after the `qa7` update.
|
|
|
|
---
|
|
|
|
*Created: 20 May 2026*
|
|
*Updated: 20 May 2026*
|