mirror of
https://github.com/pewdiepie-archdaemon/odysseus.git
synced 2026-10-06 15:02:20 +02:00
Léo
e3eb7137b7
static/style.css is 51,425 lines and holds every panel's styles, so two people working on unrelated panels still edit the same file. This is the first of three steps that give each panel group its own stylesheet. It moves the document library, image gallery and image editor rules that can move into static/css/documents-gallery-editor.css. The new file is loaded eagerly from index.html immediately after style.css, so the cascade is the concatenation of the two in that order, which is the order those rules already had. Nothing is deferred and nothing renders differently. Rules moved verbatim. A rule stays in style.css when its selector group covers more than one panel, when the class is shared design language used from modules outside the panel, or when moving it would flip which of two equally specific rules wins on an element the markup puts both classes on. That last rule is what keeps this change small: most panel-prefixed rules on this branch compete with a shared component rule somewhere later in the file. Nineteen tests read static/style.css directly and go red the moment a rule they assert on moves, which says nothing about the page. They now go through tests/helpers/stylesheets.app_css(), which concatenates the stylesheets in the order index.html loads them. The helper also exposes the <link> markup for tests that build a synthetic page through Playwright.
101 lines
4.2 KiB
Python
101 lines
4.2 KiB
Python
from pathlib import Path
|
|
import re
|
|
|
|
from tests.helpers.stylesheets import app_css
|
|
|
|
|
|
ROOT = Path(__file__).resolve().parent.parent
|
|
|
|
|
|
def test_mobile_notes_checklist_rows_remain_tappable():
|
|
css = app_css()
|
|
notes = (ROOT / "static" / "js" / "notes.js").read_text(encoding="utf-8")
|
|
|
|
assert "body.notes-mobile-mode .note-card .note-checkbox {" in css
|
|
assert "pointer-events: auto;" in css
|
|
assert "touch-action: manipulation;" in css
|
|
assert "body.notes-mobile-mode .note-card .note-checkbox,\nbody.notes-mobile-mode .note-card .note-checkbox-rm" not in css
|
|
assert "if (_selectMode) return; // let card-level handler take over\n e.preventDefault();" in notes
|
|
|
|
|
|
def test_mobile_edit_checklist_toggle_marks_form_dirty():
|
|
notes = (ROOT / "static" / "js" / "notes.js").read_text(encoding="utf-8")
|
|
|
|
assert "container.dispatchEvent(new Event('input', { bubbles: true }));" in notes
|
|
|
|
|
|
def test_completed_mobile_todo_uses_finish_action():
|
|
notes = (ROOT / "static" / "js" / "notes.js").read_text(encoding="utf-8")
|
|
|
|
assert "const _isFinishedTodo = () =>" in notes
|
|
assert "const label = _isFinishedTodo() ? 'Finish' : 'Archive';" in notes
|
|
assert "if (_isFinishedTodo()) _enterArchive();" in notes
|
|
|
|
|
|
def test_mobile_long_press_enters_select_mode_for_that_note():
|
|
notes = (ROOT / "static" / "js" / "notes.js").read_text(encoding="utf-8")
|
|
|
|
assert "function _enterSelectMode(initialId = null)" in notes
|
|
assert "_suppressNextNoteTapId = card.dataset.noteId;" in notes
|
|
assert "_enterSelectMode(card.dataset.noteId);" in notes
|
|
|
|
|
|
def test_mobile_select_mode_has_subtle_jiggle_feedback():
|
|
css = app_css()
|
|
|
|
assert "@keyframes notes-select-jiggle" in css
|
|
assert "body.notes-mobile-mode .note-card-selectmode" in css
|
|
assert "prefers-reduced-motion: reduce" in css
|
|
|
|
|
|
def test_notes_mobile_checklist_asset_versions_are_bumped():
|
|
app = (ROOT / "static" / "app.js").read_text(encoding="utf-8")
|
|
html = (ROOT / "static" / "index.html").read_text(encoding="utf-8")
|
|
|
|
assert re.search(r"notes\.js\?v=[A-Za-z0-9_-]+", app)
|
|
app_versions = re.findall(r"/static/app\.js\?v=([A-Za-z0-9_-]+)", html)
|
|
style_version = re.search(r"/static/style\.css\?v=([A-Za-z0-9_-]+)", html)
|
|
assert app_versions and len(set(app_versions)) == 1
|
|
assert style_version and style_version.group(1) == app_versions[0]
|
|
|
|
|
|
def test_drawing_edits_mark_notes_dirty_and_keep_one_gallery_image():
|
|
notes = (ROOT / "static" / "js" / "notes.js").read_text(encoding="utf-8")
|
|
upload = (ROOT / "routes" / "upload_routes.py").read_text(encoding="utf-8")
|
|
note_routes = (ROOT / "routes" / "note" / "note_routes.py").read_text(encoding="utf-8")
|
|
|
|
assert "const _markCanvasDirty = () => container.dispatchEvent(new Event('input', { bubbles: true }));" in notes
|
|
assert "_uploadCanvasAsPng(canvas, note?.gallery_id || null)" in notes
|
|
assert "fd.append('gallery_id', galleryId)" in notes
|
|
assert "if gallery_id:" in upload
|
|
assert "note.gallery_id = body.gallery_id" in note_routes
|
|
|
|
|
|
def test_calendar_email_attachments_have_a_calendar_import_action():
|
|
email = (ROOT / "static" / "js" / "emailLibrary.js").read_text(encoding="utf-8")
|
|
calendar = (ROOT / "static" / "js" / "calendar.js").read_text(encoding="utf-8")
|
|
|
|
assert "email-attachment-calendar-open" in email
|
|
assert "const _CALENDAR_RE = /\\.(calendar|ics|ical)$/i" in email
|
|
assert "fetch(`${API_BASE}/api/calendar/import`" in email
|
|
assert 'accept=".calendar,.ics,.ical"' in calendar
|
|
|
|
|
|
def test_mobile_bulk_select_long_press_is_shared_across_card_types():
|
|
helper = (ROOT / "static" / "js" / "mobileBulkSelect.js").read_text(encoding="utf-8")
|
|
css = app_css()
|
|
|
|
assert ".memory-item[data-memory-id]" in helper
|
|
assert ".skill-card[data-skill-name]" in helper
|
|
assert ".task-card[data-id]" in helper
|
|
assert "const HOLD_MS = 450" in helper
|
|
shared_buttons = (
|
|
"#memory-select-btn,", "#skills-select-btn,",
|
|
"#notes-select-btn,", "#tasks-select-btn,",
|
|
)
|
|
shared_css = css.split("/* Shared bulk-selection trigger.", 1)[1]
|
|
selectors = re.findall(r":is\(([^)]*)\)(?:\.active)?::before", shared_css)
|
|
assert len(selectors) == 2
|
|
for selector in selectors:
|
|
assert all(button in selector for button in shared_buttons)
|