Info Bar Widget Testing

[TJMusiitwa]

Hey @bdlukaa
I was wondering if there was any example or implementation that could showcase how to write a widget test that is meant to trigger and display an infobar. This repository also does not have any info bar tests.
I have attempted and thus far all has not worked out well.

The displayInfoBar is called as a result of either a success or failed API response as such not being triggered manually by tapping on a button.

This is what I have thus far

  testWidgets('submits form and shows success InfoBar', (widgetTester) async {
    widgetTester.view.physicalSize = const Size.square(1080);
    widgetTester.view.devicePixelRatio = 1.0;
    await widgetTester.runAsync(() async {
      when(mockClient.putCustomer(any, any))
          .thenAnswer((_) async => testData);

      await pumpFluentWidgetWithProviderScope(
        child: ExampleForm(exampleData: testData),
        tester: widgetTester,
        testOverrides: [
          putCustomerDataProvider(testData)
              .overrideWith((ref) => Future.value()),
        ],
      );

      await widgetTester.pumpAndSettle();

      await widgetTester.tap(find.widgetWithText(SaveButton, 'Save'));

      await widgetTester.pumpAndSettle();

      expect(
        find.byWidgetPredicate(
      (widget) =>
          widget is InfoBar &&
          widget.severity == InfoBarSeverity.success);
        findsOneWidget,
      );
    });
    addTearDown(() => widgetTester.view.resetPhysicalSize);
  });

Important

I have to use runAsync because the displayInfoBar makes use of Future.delayed that causes some issues with pendingTimers.

This test with its expectation is meant to pass but fails.

Any thoughts or suggestions?

[bdlukaa]

Hello! We don't have any testing yet, just basic tests. #957