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.这将捕获窗口小部件的屏幕截图,并将其与先前保存的捕获进行比较.

在第一次运行或您想要更新您的goldens时,您必须将标志传递给flutter test:

flutter test --update-goldens