FlutterDriver - how to close showDialog

Question

I am working with FlutterDriver, I have an IconButton defined and a key set as shown:

Center(
  child: IconButton(
    key: Key('moredots'),
    icon: Icon(Icons.more_vert),
    onPressed: () {
      showDialog(
        context: context,
        builder: (_) => tableConfig,        
      );
    },
  ),
)

The dialog is successfully shown with the following code:

await driver.tap(find.byValueKey('moredots'));

What I can't figure out is how to dismiss the dialog. I've tried:

Tapping the same value as shown above
Adding a key in Scaffold, finding the key and tapping
Adding keys in other UI elements in the hierarchy, finding and tapping

The error message I receive is:

FlutterDriver: tap message is taking a long time to complete...

score 2 · Answer 1 · edited Oct 27 '22 at 13:22

2

I figured out that showDialog() presents a ModalBarrier to stop user input while the dialog is shown.

The trick to close the showDialog is to find by type passing in the ModalBarrier as shown here:

await driver.tap(find.byType(ModalBarrier));

edited Oct 27 '22 at 13:22

Burhanuddin Rashid

5,260
6
34
51

answered Nov 06 '19 at 03:42

John Muchow

4,798
8
40
40

Doesn't work for me with Flutter 1.17.5. Which version are you using? – tomrozb Aug 13 '20 at 16:52

score 0 · Answer 2 · answered Nov 05 '19 at 18:03

0

Add

Navigator.of(context).pop(false);

after

await driver.tap(find.byValueKey('moredots'));

answered Nov 05 '19 at 18:03

pauloamaral93

29
2

what does `.pop(false)` do? – alter123 Nov 05 '19 at 18:09
1

You don't need the false, but its the return value when dialogue is closed. – pauloamaral93 Nov 05 '19 at 18:12
1

Thanks for the input, however, this answer will not work, integration tests with FlutterDriver cannot have Flutter UI code. – John Muchow Nov 05 '19 at 20:10

FlutterDriver - how to close showDialog

2 Answers2

Linked