- 새 부품 파일: ui_template_table · setting_row · drop · createRowMenu(context_menu) · 모달 폭 단 · askConfirm · askText(window.prompt 대신) · confirmPanel - 단추 = 552-2 단추 부품(⋯ 아이콘 단추 28 · 띠 알림 닫기 20 · 놓기 칸 [파일 고르기] 28) - 대시보드 PageKit 의 dataTable · tableShell · tableRow · rowMenu · settingRow · settingCard · valueText = 부품을 다시 내보냄(한 벌 · 부름 꼴 그대로) · B01 옛 CSS 걷음 - showConfirmDialog 는 모달 부품으로 옮기고 본체가 다시 내보냄 · 모달 가림막 옛 보라 → --color-scrim - 시험: test_552_3_* 다섯 더함 · 옮긴 함수 자리를 읽던 test_290_1 · test_505_2 고침 · 부품 CSS import 를 못 읽던 시험 도우미 넷(130 · 153 · 280_5 · 311)이 .css 를 건너뜀 - 전후 촬영: B01 여덟 화면 자리 같음 · ⋯ 아이콘만 1 px 왼쪽(단추 부품 가운데 맞춤) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
33 lines
1.3 KiB
Python
33 lines
1.3 KiB
Python
"""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 # 한 벌
|