Flutter Integration test failed when using tester.enterText more than 2 times

Question

If I run this code snippet:

await tester.enterText(
        find.byKey(Key('titleControlKey')), 'Sample Account 1');
await tester.enterText(find.byKey(Key('usernameControlKey')), 'username1');

or this one:

await tester.enterText(
        find.byKey(Key('titleControlKey')), 'Sample Account 1');
await tester.enterText(find.byKey(Key('passwordControlKey')), 'password1');

It both works.

But if I run the three:

await tester.enterText(
        find.byKey(Key('titleControlKey')), 'Sample Account 1');
await tester.enterText(find.byKey(Key('usernameControlKey')), 'username1');
await tester.enterText(find.byKey(Key('passwordControlKey')), 'password1');

The test will fail and produce this error:

══╡ EXCEPTION CAUGHT BY FLUTTER TEST FRAMEWORK ╞════════════════════════════════════════════════════
The following StateError was thrown running a test:
Bad state: No element

When the exception was thrown, this was the stack:
#0      Iterable.single (dart:core/iterable.dart:654:25)
#1      WidgetController.state (package:flutter_test/src/controller.dart:156:42)
#2      WidgetTester.showKeyboard.<anonymous closure> (package:flutter_test/src/widget_tester.dart:1042:42)
#3      WidgetTester.showKeyboard.<anonymous closure> (package:flutter_test/src/widget_tester.dart:1041:39)
#6      TestAsyncUtils.guard (package:flutter_test/src/test_async_utils.dart:71:41)
#7      WidgetTester.showKeyboard (package:flutter_test/src/widget_tester.dart:1041:27)
#8      WidgetTester.enterText.<anonymous closure> (package:flutter_test/src/widget_tester.dart:1077:13)
#9      WidgetTester.enterText.<anonymous closure> (package:flutter_test/src/widget_tester.dart:1076:39)
#12     TestAsyncUtils.guard (package:flutter_test/src/test_async_utils.dart:71:41)
#13     WidgetTester.enterText (package:flutter_test/src/widget_tester.dart:1076:27)
#14     AddAccountScreenRobot.enterAccountDetails (file:///C:/Users/Noyruto/sources/repos/account_saver/integration_test/robots/add_account_screen_robot.dart:25:18)
<asynchronous suspension>
<asynchronous suspension>
(elided 5 frames from dart:async and package:stack_trace)

could you also provide the widget that you are writing tests for? — reza, Feb 06 '22 at 10:59

score 0 · Answer 1 · answered Feb 06 '22 at 11:01

0

There must have some settling time between two tester.enterText to work properly. Add these according to your need.

        await tester.pump();
        await tester.pumpAndSettle();
        await tester.pump(Duration(seconds: 3));

Example

await tester.enterText(
    find.byKey(Key('titleControlKey')), 'Sample Account 1');
await tester.pumpAndSettle();
await tester.enterText(find.byKey(Key('usernameControlKey')),'username1');
await tester.pumpAndSettle();
await tester.enterText(find.byKey(Key('passwordControlKey')), 'password1');
await tester.pump(Duration(seconds: 3));

answered Feb 06 '22 at 11:01

Fahmida

1,050
8
19

I tried that also, both pump and pumpAndSettle and the result still error. – noyruto88 Feb 06 '22 at 11:16
Can you try it adding more duration like 5 seconds or 10 seconds? – Fahmida Feb 06 '22 at 11:24
I tried 10 seconds, still no luck. – noyruto88 Feb 06 '22 at 11:28

score 0 · Answer 2 · answered Feb 06 '22 at 13:03

I just solved my own problem. Because the TextFields are inside ListView widget and when the screen key shows up, other TextField widget is not visible. So what I did was scroll down the form using tester.fling() to make the password TextField visible.

await tester.enterText(
        find.byKey(Key('titleControlKey')), 'Sample Account 1');
await tester.pumpAndSettle();
await tester.enterText(find.byKey(Key('usernameControlKey')), 'username1');
await tester.pumpAndSettle();
await tester.fling(listFinder, const Offset(0, -500), 10000);
await tester.pumpAndSettle();
await tester.enterText(find.byKey(Key('passwordControlKey')), 'password1');
await tester.pump(Duration(seconds: 2));

Flutter Integration test failed when using tester.enterText more than 2 times

2 Answers2