"""7.60.0 — bouton + à gauche du handle : ajoute un bloc sous le courant."""

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_button_rendered_left_of_the_handle():
    # le + est émis AVANT le handle dans le wrapper du bloc
    i_btn = EDITOR_JS.index("class=\"block-insert-btn\"")
    i_handle = EDITOR_JS.index("<div class=\"block-handle\">", i_btn)
    assert i_btn < i_handle
    # clic → insertion sous le bloc courant (mécanisme déjà existant)
    assert 'class="block-insert-btn" title="Add block below" aria-label="Add block below" onclick="E.addAfter(${idx})"' in EDITOR_JS
    # réservé aux blocs de premier niveau (idx valide), comme .block-actions
    assert "const insertBtn=idx>=0?" in EDITOR_JS
    assert "addAfter(idx,type){return this.addAt(idx+1,type);}" in EDITOR_JS


def test_button_style_and_visibility():
    assert ".block-insert-btn {" in APP_CSS
    assert "left: -64px;" in APP_CSS            # gouttière .blocks-container (64px)
    assert ".block-wrapper:hover .block-insert-btn," in APP_CSS
    assert ".block-insert-btn:hover {" in APP_CSS
    # suit le handle quand la gouttière passe à 32px, masqué partout où il l'est
    assert ".block-insert-btn { left: -56px; }" in APP_CSS
    assert APP_CSS.count(".block-insert-btn { display: none; }") == 2