什么是Flutter中的jest快照测试等效？

一尘不染

什么是Flutter中的jest快照测试等效？

flutter

使用Jest，它是JS的测试库，可以按照以下方式进行“快照”：

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

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

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

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

阅读 328

2020-08-13

共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

2020-08-13