flutter測試如何模擬處理widget？

Question

此方法將調用無狀態小部件內的 init function。 但是如何模擬處理 function 的調用呢？

    var widget = StatelessWidgetExample();
    await tester.pumpWidget(widget);

我還嘗試模擬從樹中移除。

    await tester.pumpWidget(widget);
    await tester.pumpWidget(Container());

但它沒有用

Answer 1

是不是這樣

    var key2 = Key('a');
    var testStateful = _TestStateful(
      key: key2,
      child: TestInitDispose(),
    );

    await tester.pumpWidget(testStateful);
    /// will call init

    var state = tester.firstState<__TestStatefulState>(find.byKey(key2));
    state.remove();

    await tester.pump();
    /// will call dispose
  });

...

class _TestStateful extends StatefulWidget {
  final Widget child;
  const _TestStateful({Key? key, required this.child}) : super(key: key);

  @override
  __TestStatefulState createState() => __TestStatefulState();
}

class __TestStatefulState extends State<_TestStateful> {
  bool showChild = true;
  void remove() {
    setState(() {
      showChild = false;
    });
  }

  @override
  Widget build(BuildContext context) {
    return showChild ? widget.child : Container();
  }
}

Answer 2

您可以使用 StreamBuilder 並將 YourWidget 替換為另一個小部件，然后調用 YourWidget 的 dispose 方法。

void main() {
  late StreamController<Widget> widgetStreamController;

  setUp(() async {
    widgetStreamController = StreamController<Widget>();
  });

  tearDown(() async {
    await widgetStreamController.close();
  });

  Widget buildApp() {
    return MaterialApp(
      home: StreamBuilder<Widget>(
        stream: widgetStreamController.stream,
        builder: (context, snapshot) {
          return snapshot.data ?? Container();
        },
      ),
    );
  }

  testWidgets('dispose widget', (tester) async {
    await tester.pumpWidget(buildApp());
    await tester.pumpAndSettle();

    widgetStreamController.add(YourWidget());
    await tester.pumpAndSettle();

    // todo: check here if YourWidget is displayed

    widgetStreamController.add(AnotherWidget());
    await tester.pumpAndSettle();

    // todo: check here if dispose was called 
  });
}

Answer 3

這對我有用，而且相對簡單。

var widget = StatelessWidgetExample();

await tester.pumpWidget(widget);
await tester.pumpAndSettle();
await tester.pumpWidget(Container());
await tester.pumpAndSettle();