flutter - 是否可以截取一个小部件测试？

Question

我是 Flutter 的新手，我觉得如果我能看到 widgetTest 正在“渲染”什么，作为一种调试方法，事情可能会容易一些。我目前还不完全理解 widgetTest 的机制，但我想知道是否可以在 widgetTest 中间捕获实际的输出渲染。

我说的是 widgetTest 而不是集成测试。

Answer 1

我认为包golden_toolkit可能是您正在寻找的。而不是使用widgetTest你将使用testGoldens. 如果您想使用提供的方法确保 UI 中的非回归，您甚至可以比较屏幕截图screenMatchesGolden。

添加你的pubspec.yaml：

#This is a development environment dependency only
dev-dependencies:
  golden_toolkit: ^0.9.0

代码示例：

testGoldens('MyWidget test', (tester) async {
  await tester.pumpWidget(MyWidget());
  await screenMatchesGolden(tester, 'my_widget-example');
});

然后运行以下命令来生成或重新生成您的参考图像：

flutter test --update-goldens

您可以查看有关testGoldens 此处的文档。