"""552-3 부품 「모달 · 확인창」 지킴 시험 — 폭 단 · 확인 · 위험 확인 · 글 묻기(prompt 대신) · 옛 부름 꼴 · 가림막 색."""

from test_552_3_card import _text, check_part


def test_modal():
    check_part(
        "modal",
        "ui_template_modal.ts",
        ["ui_template_modal.css"],
        ["openModal", "buildModal", "confirmPanel", "askConfirm", "askText", "showConfirmDialog"],
        [
            "ui-modal",
            "ui-modal__top",
            "ui-modal__body",
            "ui-modal--wide",
            "ui-confirm",
            "ui-confirm__input",
        ],
    )
    ts, css = _text("ui_template_modal.ts"), _text("ui_template_modal.css")
    assert 'width?: "24rem" | "40rem" | "960px"' in ts
    for w in ("24rem", "40rem", "960px"):
        assert f'.ui-modal[data-width="{w}"]' in css
    assert 'variant: opts.danger ? "danger" : "filled"' in ts
    assert "r.ok ? r.text : null" in ts  # 취소 = null(prompt 와 같음)
    assert "background-color: var(--color-scrim);" in css and "rgba(" not in css
    elements = _text("ui_template_elements.ts")
    assert (
        'export { askConfirm, askText, showConfirmDialog } from "./ui_template_modal";' in elements
    )
    assert "export function showConfirmDialog" not in elements  # 한 벌