以下 DOM 是组件主用例的静态快照,每个用例标注 data-assert="<id>",点击「运行断言」后会写入 data-status。
data-assert="<id>"
data-status
全屏展示内容,标题栏 + 关闭按钮 + 滚动内容区 + 底部操作栏。
此处可放置复杂表单、富文本编辑、多区块配置等内容。全屏模式便于处理信息密度高的任务。
内容区可滚动,底部固定操作栏始终可见。
支持长文、图片、视频等富媒体内容。关闭弹窗时可通过底部按钮提交或取消。
以下 8 项检查在「运行断言」时同时跑:默认态、变体覆盖、状态可达、键盘可达、焦点环、ARIA 属性、对比度、token 一致性。