# 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*
