dart - Flutter 中的 jest 快照测试相当于什么？

Question

使用 Jest，一个 JS 测试库，可以有一个“快照”，如下所示:

test('foo', () => {
    expect(42).toMatchSnapshot("my_snapshot");
})

基本上，在第一次运行时，这会将测试值保存到文件中。在以后的运行中，它会将传递的值与文件中的值进行比较。因此，如果传递的值与该文件中的值不同，则测试失败。

这非常有用，因为它可以轻松创建测试。

有没有办法使用 Flutter 提供的测试框架来做到这一点？

Answer 1

只有小部件才有可能，使用 testWidgets:

testWidgets('golden', (tester) async {
  await tester.pumpWidget(Container(
    color: Colors.red,
  ));

  await expectLater(
      find.byType(Container), matchesGoldenFile("red_container.png"));
});

首先，您必须泵送您要测试的小部件(此处为红色容器)。

然后你可以使用 matchesGoldenFile 结合 expectLater。这将截取小部件的屏幕截图并将其与之前保存的截图进行比较。

在第一次运行或想要更新黄金时，你必须将一个标志传递给 flutter test:

flutter test --update-goldens