渲染快照(真实演示页)
iframe 直接加载 frameworks/RadioCard.html:组件 CSS 与内联脚本真实执行,用例由运行期标注 data-assert="<id>",断言在帧内运行后写回 data-status(帧内描边可视化)。
断言结果
总数 0
通过 0
失败 0
跳过 0
耗时 0 ms
通用测试矩阵(自动断言)
以下检查在「运行断言」时于演示页帧内同时跑:默认态、变体覆盖、状态可达、可见用例、键盘可达、焦点环、ARIA 属性、对比度、token 一致性。
- 默认态渲染:核心节点齐全
- 尺寸/类型变体:≥2 尺寸 或 ≥2 类型
- 状态覆盖:default / hover / focus / disabled / loading 至少出现 1 个(或 ≥3 个用例)
- 可见用例:≥1 个用例在默认态可见(隐藏用例记 skip)
- 键盘可达:可聚焦元素具备 tabindex 或原生 button/a
- 焦点环可视:focus-visible 描边不被覆盖(脚本检查 stylesheet)
- ARIA 属性:交互节点具备 role 或 aria-*
- 对比度:用例区文本颜色与背景对比度 ≥ 4.5:1(页头文档文字不计)
- token 一致性:用例区未出现硬编码 hex 颜色