How to open a drawer in flutter test










0















I am trying to test a custom drawer but find it hard opening it in the test, tried the following to begin with and even this test doesn't pass. The error is: Bad state: no element.



void main() 
testWidgets('my drawer test', (WidgetTester tester) async
final displayName = "displayName";
var drawKey = UniqueKey();
await tester.pumpWidget(MaterialApp(
home: Scaffold(
drawer: Drawer(key: drawKey, child: Text(displayName),),
)));
await tester.tap(find.byKey(drawKey));
expect(find.text(displayName), findsOneWidget);
);










share|improve this question


























    0















    I am trying to test a custom drawer but find it hard opening it in the test, tried the following to begin with and even this test doesn't pass. The error is: Bad state: no element.



    void main() 
    testWidgets('my drawer test', (WidgetTester tester) async
    final displayName = "displayName";
    var drawKey = UniqueKey();
    await tester.pumpWidget(MaterialApp(
    home: Scaffold(
    drawer: Drawer(key: drawKey, child: Text(displayName),),
    )));
    await tester.tap(find.byKey(drawKey));
    expect(find.text(displayName), findsOneWidget);
    );










    share|improve this question
























      0












      0








      0








      I am trying to test a custom drawer but find it hard opening it in the test, tried the following to begin with and even this test doesn't pass. The error is: Bad state: no element.



      void main() 
      testWidgets('my drawer test', (WidgetTester tester) async
      final displayName = "displayName";
      var drawKey = UniqueKey();
      await tester.pumpWidget(MaterialApp(
      home: Scaffold(
      drawer: Drawer(key: drawKey, child: Text(displayName),),
      )));
      await tester.tap(find.byKey(drawKey));
      expect(find.text(displayName), findsOneWidget);
      );










      share|improve this question














      I am trying to test a custom drawer but find it hard opening it in the test, tried the following to begin with and even this test doesn't pass. The error is: Bad state: no element.



      void main() 
      testWidgets('my drawer test', (WidgetTester tester) async
      final displayName = "displayName";
      var drawKey = UniqueKey();
      await tester.pumpWidget(MaterialApp(
      home: Scaffold(
      drawer: Drawer(key: drawKey, child: Text(displayName),),
      )));
      await tester.tap(find.byKey(drawKey));
      expect(find.text(displayName), findsOneWidget);
      );







      flutter flutter-test






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 14 '18 at 11:23









      stt106stt106

      1,2611225




      1,2611225






















          1 Answer
          1






          active

          oldest

          votes


















          3














          You're calling tap() on the Drawer, but it isn't in view as it's hidden on the left. Because of this, the Finder doesn't find any elements and the tap() is unsuccessful. And even if the Finder found the Drawer, tapping on the Drawer itself doesn't open it anyway.



          One way, and in my opinion, the simplest way of doing it is to provide a GlobalKey for the Scaffold and call openDrawer() on the current State of it. You could also tap on the hamburger icon or swipe from the left - but calling openDrawer() is more deterministic:



          void main() 
          testWidgets('my drawer test', (WidgetTester tester) async
          final scaffoldKey = GlobalKey<ScaffoldState>();
          const displayName = "displayName";

          await tester.pumpWidget(
          MaterialApp(
          home: Scaffold(
          key: scaffoldKey,
          drawer: const Text(displayName),
          ),
          ),
          );

          scaffoldKey.currentState.openDrawer();
          await tester.pump();

          expect(find.text(displayName), findsOneWidget);
          );






          share|improve this answer























          • super! thanks a lot

            – stt106
            Nov 14 '18 at 11:46










          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53299088%2fhow-to-open-a-drawer-in-flutter-test%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          3














          You're calling tap() on the Drawer, but it isn't in view as it's hidden on the left. Because of this, the Finder doesn't find any elements and the tap() is unsuccessful. And even if the Finder found the Drawer, tapping on the Drawer itself doesn't open it anyway.



          One way, and in my opinion, the simplest way of doing it is to provide a GlobalKey for the Scaffold and call openDrawer() on the current State of it. You could also tap on the hamburger icon or swipe from the left - but calling openDrawer() is more deterministic:



          void main() 
          testWidgets('my drawer test', (WidgetTester tester) async
          final scaffoldKey = GlobalKey<ScaffoldState>();
          const displayName = "displayName";

          await tester.pumpWidget(
          MaterialApp(
          home: Scaffold(
          key: scaffoldKey,
          drawer: const Text(displayName),
          ),
          ),
          );

          scaffoldKey.currentState.openDrawer();
          await tester.pump();

          expect(find.text(displayName), findsOneWidget);
          );






          share|improve this answer























          • super! thanks a lot

            – stt106
            Nov 14 '18 at 11:46















          3














          You're calling tap() on the Drawer, but it isn't in view as it's hidden on the left. Because of this, the Finder doesn't find any elements and the tap() is unsuccessful. And even if the Finder found the Drawer, tapping on the Drawer itself doesn't open it anyway.



          One way, and in my opinion, the simplest way of doing it is to provide a GlobalKey for the Scaffold and call openDrawer() on the current State of it. You could also tap on the hamburger icon or swipe from the left - but calling openDrawer() is more deterministic:



          void main() 
          testWidgets('my drawer test', (WidgetTester tester) async
          final scaffoldKey = GlobalKey<ScaffoldState>();
          const displayName = "displayName";

          await tester.pumpWidget(
          MaterialApp(
          home: Scaffold(
          key: scaffoldKey,
          drawer: const Text(displayName),
          ),
          ),
          );

          scaffoldKey.currentState.openDrawer();
          await tester.pump();

          expect(find.text(displayName), findsOneWidget);
          );






          share|improve this answer























          • super! thanks a lot

            – stt106
            Nov 14 '18 at 11:46













          3












          3








          3







          You're calling tap() on the Drawer, but it isn't in view as it's hidden on the left. Because of this, the Finder doesn't find any elements and the tap() is unsuccessful. And even if the Finder found the Drawer, tapping on the Drawer itself doesn't open it anyway.



          One way, and in my opinion, the simplest way of doing it is to provide a GlobalKey for the Scaffold and call openDrawer() on the current State of it. You could also tap on the hamburger icon or swipe from the left - but calling openDrawer() is more deterministic:



          void main() 
          testWidgets('my drawer test', (WidgetTester tester) async
          final scaffoldKey = GlobalKey<ScaffoldState>();
          const displayName = "displayName";

          await tester.pumpWidget(
          MaterialApp(
          home: Scaffold(
          key: scaffoldKey,
          drawer: const Text(displayName),
          ),
          ),
          );

          scaffoldKey.currentState.openDrawer();
          await tester.pump();

          expect(find.text(displayName), findsOneWidget);
          );






          share|improve this answer













          You're calling tap() on the Drawer, but it isn't in view as it's hidden on the left. Because of this, the Finder doesn't find any elements and the tap() is unsuccessful. And even if the Finder found the Drawer, tapping on the Drawer itself doesn't open it anyway.



          One way, and in my opinion, the simplest way of doing it is to provide a GlobalKey for the Scaffold and call openDrawer() on the current State of it. You could also tap on the hamburger icon or swipe from the left - but calling openDrawer() is more deterministic:



          void main() 
          testWidgets('my drawer test', (WidgetTester tester) async
          final scaffoldKey = GlobalKey<ScaffoldState>();
          const displayName = "displayName";

          await tester.pumpWidget(
          MaterialApp(
          home: Scaffold(
          key: scaffoldKey,
          drawer: const Text(displayName),
          ),
          ),
          );

          scaffoldKey.currentState.openDrawer();
          await tester.pump();

          expect(find.text(displayName), findsOneWidget);
          );







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 14 '18 at 11:43









          Iiro KrankkaIiro Krankka

          1,58121832




          1,58121832












          • super! thanks a lot

            – stt106
            Nov 14 '18 at 11:46

















          • super! thanks a lot

            – stt106
            Nov 14 '18 at 11:46
















          super! thanks a lot

          – stt106
          Nov 14 '18 at 11:46





          super! thanks a lot

          – stt106
          Nov 14 '18 at 11:46



















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53299088%2fhow-to-open-a-drawer-in-flutter-test%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Use pre created SQLite database for Android project in kotlin

          Darth Vader #20

          Ondo