Блог

как мне протестировать BottomNavigationBarItems с помощью FlutterDriver?

FlutterDriver позволяет получать доступ к виджетам через text, byValueKey, byTooltip и byType.

Но ни один из этих методов не работает для моего приложения по следующим причинам:

• текст: Приложение локализовано, и мне нужно протестировать приложение на нескольких языках.

• byValueKey: у BottomNavigationBarItems нет свойств ключа.

• byTooltip: у BottomNavigationBarItems нет свойств всплывающей подсказки.

• byType: byType возвращает только первое совпадение типа и не содержит списка (необходим, потому что у меня есть несколько вкладок).

Большое вам спасибо!

Приветствия.

Не уверен, нашли ли вы ответ на этот вопрос, но я собираюсь опубликовать здесь решение, которое работает для меня. В принципе, BottomNavigationBar имеет key свойство, которое вам нужно использовать. Как только драйвер Flutter идентифицирует этот ключ, вы можете указать драйверу нажать на любой из его дочерних элементов, т.Е. BottomNavigationBarItem .

На моем экране есть 2, bottomNavigationBarItems как показано ниже, и я определил ключ для их родительского виджета, т.Е. BottomNavigationBar как:

 bottomNavigationBar: BottomNavigationBar(
        type: BottomNavigationBarType.shifting,
        key: Key('bottom'),
        items: [
          BottomNavigationBarItem(
            icon: Icon(Icons.ac_unit, color: Colors.green,),
            title: Text('First', style: TextStyle(color: Colors.black),)
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.cast, color: Colors.yellow,),
            title: Text('Second', style: TextStyle(color: Colors.black),)
          )
        ],
      ),
  

И я написал тест драйвера флаттера, чтобы коснуться обоих элементов, которые отлично сработали.

 test('bottomnavigationbar test', () async {
      await driver.waitFor(find.byValueKey('bottom'));
      await driver.tap(find.text('First'));
      print('clicked on first');
      await driver.tap(find.text('Second'));
      print('clicked on second too');
    });
  

Результат:

Как упоминалось @bsr и @user12563357 — вы можете использовать клавишу для текстового виджета:

 bottomNavigationBar: BottomNavigationBar(
        type: BottomNavigationBarType.shifting,
        key: Key('bottom'),
        items: [
          BottomNavigationBarItem(
            icon: Icon(Icons.ac_unit),
            title: Text('First', key: Key('first'),)
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.cast),
            title: Text('Second', key: Key('second'),)
          )
        ],
      ),
  

и найдите текст, чтобы щелкнуть по элементу панели в test:

 final firstItem = find.byValueKey('first');
await driver.tap(firstItem);
  

кстати: вы также можете найти BottomNavigationBarItem с помощью find.ancestor

 find.ancestor(of: firstItem, matching: find.byType("BottomNavigationBarItem"));
  

но вы не можете нажать на него.

У вас есть два варианта — с помощью значка или с текстом, получая локализацию из контекста.

Вы можете получить состояние любого вида StatefulWidget.

 final MyWidgetState state = tester.state(find.byType(MyWidget));
  

с помощью этого вы можете получить контекст, а с ним и текущую локализацию.

 final l10n = AppLocalizations.of(state.context);

await tester.tap(find.text(l10n.youTitle));
  

Еще один вариант — получить виджет по значку:

 await tester.tap(find.byIcon(Icons.your_icon));
  

 bottomNavigationBar: BottomNavigationBar(
        type: BottomNavigationBarType.shifting,
        key: Key(`bottom`),
        items: [
          BottomNavigationBarItem(
            icon: Icon(Icons.ac_unit, color: Colors.green,),
            title: InkWell(child:Text(`First`, style: TextStyle(color: Colors.black),key:Key(`First`)),)
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.cast, color: Colors.yellow,),
            title:  InkWell(child:Text(`Second`, style: TextStyle(color: Colors.black),key:Key(`Second`)),)
          )
        ],
      ),


test(`bottomnavigationbar test`, () async {
      await driver.waitFor(find.byValueKey(`bottom`));
      await driver.tap(find.byValueKey(`First`));
      print('clicked on first');
      await driver.tap(find.byValueKey(`Second`));
      print('clicked on second too');
    });