小部件测试在抽屉内找不到小部件

Question

我正在尝试创建一个小部件测试，该测试创建一个抽屉，然后在抽屉中找到小部件。 当我运行以下 Widget 测试时，响应是：

预期：小部件树中恰好有一个匹配节点 实际：_KeyFinder:<zero widgets with key [<'test'>]> 这意味着没有找到，但预期有一个

任何人都知道为什么小部件测试没有在抽屉内找到文本小部件？

如果我使用文本小部件将主体添加到脚手架，则可以按预期找到。 所以它似乎只与抽屉有关。

    testWidgets('shows drawer', (WidgetTester tester) async {
      await tester.pumpWidget(
        const MaterialApp(
          home: Scaffold(
            drawer: Drawer(
                child: Text(
              'test',
              key: Key('test'),
            )),
          ),
        ),
      );
      await tester.pumpAndSettle();
      expect(
        find.byKey(const Key('test'), skipOffstage: false),
        findsOneWidget,
      );
    });

Answer 1

首先，您的抽屉在您期待文本时未打开，因此您将无法找到文本。 为此，您需要使用脚手架钥匙打开抽屉。

final _scaffoldKey = GlobalKey<ScaffoldState>();
testWidgets('shows drawer', (WidgetTester tester) async {
  await tester.pumpWidget(
  MaterialApp(
    home: Scaffold(
      key: _scaffoldKey,
      drawer: Drawer(
          child: Text(
        'test',
         key: Key('test'),
       )),
     ),
   ),
 );
  _scaffoldKey.currentState!.openDrawer();
  await tester.pumpAndSettle();
  expect(
    find.byKey(const Key('test'), skipOffstage: false),
    findsOneWidget,
  );
});