组件测试台 UI TEST BENCH
运行中

COMPONENT TEST BENCH

把所有组件
过一遍。

一个用于测试与验收的页面:按钮、表单、弹窗、表格、进度、滑块……全部集中在一块测试台上,边看边测。

10 测试分区
0 已通过
25+ 交互用例
开始测试
T-01

按钮 Buttons

待检
五种变体
三档尺寸
禁用与加载
T-02

表单控件 Forms

待检
复选框
优先级
0 / 120
T-03

选项卡 Tabs

待检

概览:这里展示被测组件的基本信息与当前状态,包括运行版本、测试时间与环境标识。

T-04

手风琴 Accordion

待检

本页覆盖按钮、表单、选项卡、手风琴、弹窗、徽章标签、进度、表格、滑块开关与图表共十个分区,覆盖常见交互场景。

点击顶部控制台的「运行自检」按钮,系统会按 T-01 至 T-10 的顺序逐个核验各分区,并把状态章更新为「通过」。

所有示例数据均为演示内容,仅用于验证组件表现;本页同时承担测试环境与组件样板两种用途。

T-05

弹窗与提示 Modal / Toast

待检

弹窗支持遮罩点击、关闭按钮与 ESC 三种方式退出;提示右上角自动消失。

T-06

徽章与标签 Badges / Tags

待检
状态徽章
通过 12 待复查 3 失败 1 信息
可移除标签(剩余 4 个)
按钮测试 表单校验 弹窗交互 表格排序
T-07

进度与加载 Progress

待检
静态进度
动态进度 0%
T-08

数据表格 Table

待检
用例编号用例名称预期结果状态
TC-001按钮点击响应点击后触发动作通过
TC-002表单必填校验空值阻止提交进行中
TC-003弹窗 ESC 关闭按 ESC 关闭弹窗通过
TC-004标签移除点击 X 移除标签待检
TC-005滑块实时反馈数值同步变化通过
T-09

滑块与开关 Sliders / Switches

待检
滑块 72
开关
T-10

用例分布 Chart

待检

各分区测试用例覆盖度(演示数据)