Files
odysseus/tests/test_editor_mobile_touch_targets_topbar.py
T
pewdiepie-archdaemonandClaude Opus 5.5 5fac693c1c feat(photo-editor): Ajax Image Editor client (Photoshop-parity tools)
Photoshop-parity editor client: layers, selection/masking, brushes,
smart filters, LUT import, Quick Edit, mobile gestures, workspaces,
batch operations, and the service-worker versioning (v978->v1006).

Source: vendor/photocraft (ad1cff44) photo-editor client files, merged
onto upstream/dev (a8c147b2). Conflict resolution documented in
pr_work/A_conflicts.md; editor files taken from vendor/photocraft
(upstream's editor is an earlier snapshot of the same feature).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-15 11:57:35 +00:00

45 lines
1.6 KiB
Python

"""Mobile (<=700px) touch-target sizing for a few remaining editor controls.
Audit (2026-10-13, 390x844): after the earlier 44px pass, the top-menu buttons,
the Layers-header undo/redo/history/compare row, the Quick Edit field/run
button and the layer-opacity slider were still under the touch guideline, so
they were easy to miss with a thumb. Fix is CSS-only (sizing, no layout/order
change), appended as a mobile block in 13-image-editor.css.
"""
from pathlib import Path
import re
ROOT = Path(__file__).resolve().parents[1]
CSS = (ROOT / "static/css/13-image-editor.css").read_text(encoding="utf-8")
SW = (ROOT / "static/sw.js").read_text(encoding="utf-8")
def test_mobile_touch_target_block_present():
assert ".ge-topbar .ge-btn-sm," in CSS
assert ".ge-topbar .ge-stacked-btn {" in CSS
assert "min-height: 34px;" in CSS
assert "#ge-undo," in CSS
assert "#ge-redo," in CSS
assert "#ge-history-btn," in CSS
assert "#ge-compare-btn {" in CSS
assert "min-width: 38px;" in CSS
assert "min-height: 38px;" in CSS
assert "#ge-ai-command-input {" in CSS
assert "min-height: 40px;" in CSS
assert "#ge-ai-command-run {" in CSS
assert "min-width: 42px;" in CSS
def test_touch_target_rules_are_mobile_scoped():
idx = CSS.rindex(".ge-topbar .ge-btn-sm,")
prefix = CSS[:idx]
media = prefix.rfind("@media (max-width: 700px)")
assert media != -1
# the rules sit inside that media block (no closing brace before them)
assert "}" not in CSS[media + len("@media (max-width: 700px)") : idx]
def test_sw_cache_name_bumped():
assert re.search(r"odysseus-v\d+-pr40-editor-precache", SW)