chore: save iqon static deploy snapshot
This commit is contained in:
@@ -0,0 +1,71 @@
|
||||
# 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.
|
||||
|
||||
## 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*
|
||||
Reference in New Issue
Block a user