单元测试的可视化

Question

我最近尝试了 TDD 方法，我非常喜欢它。您可以为指定的单元编写一些测试，模拟不同的行为、数据和模拟对象，使您可以只检查一小段代码，而无需运行整个应用程序。但是我有一些关于单元可视化的问题。

假设我们有一个简单的聊天应用程序，其中包含主页、大厅和聊天小部件组件（第 1 页）。

当您在处理聊天小部件组件时（例如），您可以为它编写单元测试，而不关心其他组件。但是，如果想查看小部件渲染结果怎么办？每次更改代码时，运行整个应用程序、转到大厅页面、切换到聊天小部件选项卡都很烦人。

是否有运行渲染单元测试的实践？是否依赖于技术栈？

我的前端堆栈：React、Redux、Jest + React 测试库。

Answer 1

如果测试显示您呈现的内容，则它不是单元测试。单元测试的结果必须是二进制的（失败或成功）。如果您必须查看测试输出以确定它是否成功，则它不是单元测试。

您正在寻找的不是单元测试，而是 UI 测试。对于 Web 上下文 selenium 浮现在脑海中。它用于定义场景来戳你的 UI 并断言结果。您还可以使用它来自动化处理

“运行整个应用程序，转到大厅页面，每次更改代码时切换到聊天小部件选项卡”。