Component Test
组件测试
组件测试会把一个用户界面组件放进真实渲染环境，提供可控制的输入和数据，再检查它的行为。
另一个例子
设计系统工程师打开有 200 个选项的下拉组合框。它也有错误状态。用键盘选择时，数值和无障碍状态都要更新。静态截图无法测出这些行为。
主要部分
- 01story fixture
- 02挂载组件
- 03浏览器断言
什么时候用
界面行为需要在浏览器中渲染，但不必启动完整产品流程时，可以使用这个词。
什么时候不要用
不要用组件测试代替所有测试。组件以外的连接关系仍需要集成测试或 E2E 测试。
代码里的名称
story fixture → mount → user action → assertion 上线前要检查
检查环境与预先准备的测试数据。定义看得到的预期结果、失败与边界案例。也要定义隔离方式、固定输入、排错信息与清理流程。设置执行时间预算、负责人及不稳定测试的处理规则。
预期结果：用 组件测试 (Component Test) 收集可重复验证这项行为或质量风险的证据。 用户场景：设计系统工程师打开有 200 个选项的下拉组合框。它也有错误状态。用键盘选择时，数值和无障碍状态都要更新。静态截图无法测出这些行为。 验证方式：组件测试 (Component Test)。 适用理由：界面行为需要在浏览器中渲染，但不必启动完整产品流程时，可以使用这个词。 不应使用的情况：不要用组件测试代替所有测试。组件以外的连接关系仍需要集成测试或 E2E 测试。 测试要求：说明要测的系统与环境。定义预先准备的测试数据（Fixture）、其他输入，以及看得到的预期结果。加入预期失败、边界案例、容差、隔离方式及清理流程。 测试维护：让失败原因容易查找，并控制随机或会变化的输入。指定负责人。测试速度与维护成本要符合发布前检查的需要。 验收标准：已知缺陷存在时测试会失败，修复后通过。测试能在目标环境重复执行，提供可采取行动的证据，且不泄露或改动无关数据。 证据与限制（证据边界）：它只代表该来源的官方说法。其他平台或团队可能有不同用法。 待确认：发布前必过的检查、环境、测试数据、容差、执行时间预算、负责人，以及不稳定测试的处理规则。
检查这份需求
请 AI 编程助手检查当前如何使用 组件测试 (Component Test)。 定义：组件测试会把一个用户界面组件放进真实渲染环境，提供可控制的输入和数据，再检查它的行为。 生产环境检查：检查环境与预先准备的测试数据。定义看得到的预期结果、失败与边界案例。也要定义隔离方式、固定输入、排错信息与清理流程。设置执行时间预算、负责人及不稳定测试的处理规则。 修改程序前，先列出看到的证据、缺口、严重程度，以及最小且安全的修正。