如何在 Flutter 小部件中测试回调 function

Question

我有一个自定义的 Flutter 小部件 RadioSelect，它接受一组选项，并在按下其中一个选项时返回一个回调 function。 调用回调时将选定的选项作为唯一参数传递。 我正在尝试编写一个测试来验证是否调用了回调并检查返回的参数是否正确，但我不确定如何构造它。 检查是否调用了独立回调 function 的明智方法是什么？

  await tester.pumpWidget(
    StatefulBuilder(
      builder: (BuildContext context, StateSetter setState) {
        return MaterialApp(
          home:  RadioSelect(
                                ["option1","option2", "option3"], 
                                // callback function passed here
                                ),
            );
      },
    ),
  );

expect(find.text('option1'), findsOneWidget);

await tester.press(find.text('option2'));

await tester.pump();

// test for callback here

Answer 1

您还可以使用Completer器

testWidgets('callback', (WidgetTester tester) async {
  final completer = Completer<void>();

  await tester.pumpWidget(
    MaterialApp(
      home: FlatButton(
        child: Text('press me'),
        onPressed: completer.complete,
      ),
    ),
  );

  await tester.tap(find.byType(FlatButton));

  expect(completer.isCompleted, isTrue);
});

来源： https://luksza.org/2020/testing-flutter-callbacks/

Answer 2

在 Callback function 的正文中，您可以打印收到的 arguments，然后期待它是否打印正确。

这是另一个进行类似测试的示例：

测试小工具的孩子：

...
...

Checkbox(
     key: Key('StatusCheckBox'),
     value: isCompleted,
     onChanged: (_) => toggleCompletionStatus(),
 ),

...
...

我将print('Call')作为toggleCompletionStatus()的主体传递

可以这样测试：

expectLater(
        () => tester.tap(find.byKey(Key('StatusCheckBox'))), prints('Call\n'));