feat: Escape du menu slash retire le « / » + bouton « commenter » à droite du bloc (v7.66.0)
- SM.escClose() : un seul implément, appelé par les deux chemins de fermeture du menu slash (focus dans le bloc → onKd, focus dans l'entrée du menu → listener document). Retire le « / » d'ouverture seulement, remet le caret, sync() + autoSave(). - Bouton .block-comment-btn à droite du bloc (gouttière 64px) : icône bulle de conversation + , visible au survol/focus comme le handle, masqué sur mobile (2 breakpoints) et sur page verrouillée ; onclick = E.commentBlock(idx). Remplace l'ancien .block-actions de renderBlock (opacity:0 sans règle de survol → un + invisible qui capait les clics dans la gouttière). - fmtComment() restaure la plage de la toolbar (_fmtRestore) avant d'ancrer : commentBlock() ne se replie plus sur this._sel (plage périmée éventuelle). Tests: pytest tests/ -q -n auto → 1386 passed ; ruff check app tests → OK ; e2e v766 (Esc → menu fermé + bloc vide ; bouton masqué → visible au survol, à droite du wrapper, ancre = bloc visé) + v764/v762/v7641/v763/ regression_editor_mount → 7 passed sur :8081.
This commit is contained in:
@@ -0,0 +1,41 @@
|
||||
"""7.66.0 — Escape du menu slash retire le « / » + bouton commenter à droite du bloc."""
|
||||
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).resolve().parent.parent
|
||||
EDITOR_JS = (ROOT / "static" / "js" / "page_editor_scripts.js").read_text(encoding="utf-8")
|
||||
APP_CSS = (ROOT / "static" / "css" / "app.css").read_text(encoding="utf-8")
|
||||
|
||||
|
||||
def test_slash_escape_removes_the_slash():
|
||||
# une seule implémentation, appelée par les deux chemins (focus dans le bloc
|
||||
# → onKd ; focus dans l'entrée du menu → listener document)
|
||||
assert "escClose(){" in EDITOR_JS
|
||||
assert EDITOR_JS.count("SM.escClose();") == 2
|
||||
# ne retire que le « / » d'ouverture, remet le caret et sauvegarde
|
||||
assert "n.nodeValue=v.slice(0,at)+v.slice(at+1);" in EDITOR_JS
|
||||
assert "E.sync();E.dirty=true;E.autoSave();" in EDITOR_JS
|
||||
|
||||
|
||||
def test_comment_button_on_the_right_of_the_block():
|
||||
# émis APRÈS le contenu du bloc → à droite dans le flex du wrapper
|
||||
i_tpl = EDITOR_JS.index("const cmtBtn=")
|
||||
i_content = EDITOR_JS.index('class="${cls}">${inner}</${tag}>', i_tpl)
|
||||
i_btn = EDITOR_JS.index("${cmtBtn}", i_tpl)
|
||||
assert i_content < i_btn
|
||||
# icône bulle de conversation +, ancre = commentaire du bloc
|
||||
assert 'onclick="E.commentBlock(${idx})"' in EDITOR_JS
|
||||
assert EDITOR_JS.count("<path d=\"M13.6 7.3C13.6 10.2") == 1
|
||||
assert 'stroke-width="1.3"' in EDITOR_JS
|
||||
# l'ancien .block-actions mort (opacity:0 sans survol) a disparu de renderBlock
|
||||
assert "const actions=idx>=0?" not in EDITOR_JS
|
||||
|
||||
|
||||
def test_comment_button_style_and_visibility():
|
||||
assert ".block-comment-btn {" in APP_CSS
|
||||
assert "right: -60px;" in APP_CSS # gouttière 64px, comme .block-actions
|
||||
assert ".block-wrapper:hover .block-comment-btn," in APP_CSS
|
||||
assert ".block-comment-btn:hover {" in APP_CSS
|
||||
# masqué partout où le handle l'est : mobile (2 breakpoints) + page verrouillée
|
||||
assert APP_CSS.count(".block-comment-btn { display: none; }") == 2
|
||||
assert "body.page-locked .block-comment-btn," in APP_CSS
|
||||
Reference in New Issue
Block a user