单元测试的可视化
Visualization of unit tests
我最近尝试了 TDD 方法，我非常喜欢它。您可以为指定的单元编写一些测试，模拟不同的行为、数据和模拟对象，这样您就可以只检查一小段代码，而无需 运行 整个应用程序。但是我对单元可视化有一些疑问。
假设我们有一个简单的聊天应用程序，其中包含主页、大厅和聊天小部件组件（第 1 页）。
当您在处理聊天小部件组件时（例如），您可以为其编写单元测试而不必关心其他组件。但是，如果想查看小部件渲染结果怎么办？ 运行 整个应用程序太烦人了，每次我更改代码时都转到大厅页面，切换到聊天小部件选项卡。
是否有运行渲染单元测试的实践？是否依赖于技术栈？
我的前端堆栈：React、Redux、Jest + React 测试库。
如果测试显示您呈现的内容，则它不是单元测试。单元测试的结果必须是二进制的（失败或成功）。如果您必须查看测试输出以确定它是否成功，则它不是单元测试。
您要查找的不是单元测试，而是 UI 测试。对于 Web 上下文，我会想到硒。它用于定义场景来戳你的 UI 并断言结果。您还可以使用它来自动化
"run entire application, go to lobby page, switch to chat widget tab every time I changed my code".
我最近尝试了 TDD 方法，我非常喜欢它。您可以为指定的单元编写一些测试，模拟不同的行为、数据和模拟对象，这样您就可以只检查一小段代码，而无需 运行 整个应用程序。但是我对单元可视化有一些疑问。
假设我们有一个简单的聊天应用程序，其中包含主页、大厅和聊天小部件组件（第 1 页）。
当您在处理聊天小部件组件时（例如），您可以为其编写单元测试而不必关心其他组件。但是，如果想查看小部件渲染结果怎么办？ 运行 整个应用程序太烦人了，每次我更改代码时都转到大厅页面，切换到聊天小部件选项卡。
是否有运行渲染单元测试的实践？是否依赖于技术栈？
我的前端堆栈：React、Redux、Jest + React 测试库。
如果测试显示您呈现的内容，则它不是单元测试。单元测试的结果必须是二进制的（失败或成功）。如果您必须查看测试输出以确定它是否成功，则它不是单元测试。
您要查找的不是单元测试，而是 UI 测试。对于 Web 上下文，我会想到硒。它用于定义场景来戳你的 UI 并断言结果。您还可以使用它来自动化
"run entire application, go to lobby page, switch to chat widget tab every time I changed my code".