"""552-3 부품 「파일 놓기 칸」 지킴 시험 — 끌어 옴(.is-over) · 고르기 단추(단추 부품 28) · 진행 · 오류 · 막힘."""

from test_552_3_card import _text, check_part


def test_drop():
    check_part(
        "drop",
        "ui_template_drop.ts",
        ["ui_template_drop.css"],
        ["createDrop"],
        ["ui-drop", "ui-drop__text", "ui-drop__hint", "ui-drop__error", "is-over"],
    )
    ts, css = _text("ui_template_drop.ts"), _text("ui_template_drop.css")
    assert 'label: "파일 고르기"' in ts and "size: 28" in ts
    assert 'input.value = ""' in ts  # 같은 파일 다시 고름
    assert "createProgressBar({ thick: 6 })" in ts
    assert '.ui-drop:is(.is-over, [data-state="hover"])' in css
    assert '.ui-drop:is(.is-error, [data-state="error"])' in css
    assert "min-height: 48px" in css