时间戳

首页 > 解决方案 > 如何为有状态小部件编写测试？

firebase - 如何为有状态小部件编写测试？

问题描述

我有一个有状态的小部件，其状态取决于异步 firebase 数据库读取调用。在获取数据时，我会显示一个等待循环指示器。一旦数据获取完成，我将显示实际的 ListView 小部件。

我想写一个小部件测试来测试这个功能。如何在我的测试中设置 isReadComplete = true 的值？或者如何从我的测试中显式调用 success_callback()？

bool isReadComplete;

App(){
   isReadComplete = false;

   firestore.collection('collection').document('doc').get().then((doc) {
      success_callback(doc.data);
    }).catchError((error) => {});
}


void success_callback(var data){
   setState((){
      isReadComplete = true;
   })
}

@override
  Widget build(BuildContext context) {
    if (!isReadComplete) {
      return new CircularIndicator();
    } else {
      List<Widget> widgetList = [];      
      return Scaffold(
          body: ListView(
        padding: EdgeInsets.all(8.0),
        children: widgetList,
      ));
    }
  }

// Test for CircularProgressIndicator

testWidgets("Check CircularProgressIndicator", (WidgetTester tester) async {

      await tester.pumpWidget(new MaterialApp(home: App));

      // This works fine since isReadComplete = false
      expect(find.byType(CircularProgressIndicator), findsOneWidget);
    });

// Test for ListView

testWidgets("Check ListView", (WidgetTester tester) async {

      await tester.pumpWidget(new MaterialApp(home: App));

      // How do I do this? 
      // How to call success_callback()?
      // How to set isReadComplete = true?
      expect(find.byType(ListView), findsOneWidget);
    });

标签： firebasefluttergoogle-cloud-firestorewidgetflutter-test

解决方案

之后pumpWidget()，如果 Future 在设定的时间内完成，您需要pump()使用 Duration 集进行调用以侦听。另一种方法pump()是pumpAndSettle()-pump至少调用一次，并且可以pump在给定的持续时间内重复调用。

await tester.pumpWidget(new MaterialApp(home: App));
await tester.pumpAndSettle();

推荐阅读