如何在 Flutter 中为 Snack Bar 编写一个简单的测试？

Question

我很惊讶以前似乎没有人问过这个问题，这意味着答案可能是显而易见的，但我有一个带有文本字段和按钮的屏幕。用户在文本字段中输入他们的电子邮件。然后按按钮查看电子邮件是否在数据库中。然后，程序会显示一个带有“成功”文本或“失败”文本（持续 2 秒）的信息栏。

这是我的代码（5行）：

await driver.enterText(field, 'wrongemail@email.com');

var btn = find.widgetWithText(RaisedButton, 'SEND MY PASSWORD');

await driver.tap(btn);

await driver.pump();

expect(find.text( 'E-mail address not found!'), findsOneWidget);

当我在模拟器中使用该应用程序时，一切都很好，但在测试中，最后一行抛出一个错误，指出它找不到匹配的小部件。我缺少什么？

Answer 1

您是否将测试小部件包装在脚手架中？仅当 Scaffold 是调用 SnackBar 的小部件的祖先时，才能显示 SnackBar。

例子：

void main() {
  testWidgets('SnackBar control test', (WidgetTester tester) async {
    const String helloSnackBar = 'Hello SnackBar';
    const Key tapTarget = Key('tap-target');
    await tester.pumpWidget(MaterialApp(
      home: Scaffold(
        body: Builder(
          builder: (BuildContext context) {
            return GestureDetector(
              onTap: () {
                Scaffold.of(context).showSnackBar(const SnackBar(
                  content: Text(helloSnackBar),
                  duration: Duration(seconds: 2),
                ));
              },
              behavior: HitTestBehavior.opaque,
              child: Container(
                height: 100.0,
                width: 100.0,
                key: tapTarget,
              ),
            );
          }
        ),
      ),
    ));
    expect(find.text(helloSnackBar), findsNothing);
    await tester.tap(find.byKey(tapTarget));
    expect(find.text(helloSnackBar), findsNothing);
    await tester.pump(); // schedule animation
    expect(find.text(helloSnackBar), findsOneWidget);
  });

来自： https: //github.com/flutter/flutter/blob/master/packages/flutter/test/material/snack_bar_test.dart