Flutter 驱动程序滚动下拉列表

Question

我想滚动浏览下拉列表作为颤动驱动程序测试的一部分，但我似乎无法确切地弄清楚我将如何做到这一点？

我尝试过使用ValueKey，也尝试过深入研究 Intellij 中的 Flutter Inspector，但到目前为止还没有运气。

Answer 1

我已经尝试过find.byType(Scrollable);，但似乎即使之后也不起作用widgetTester.tap()。结果我需要等待屏幕更新widgetTester.pumpAndSettle()

testWidgets("Test DropdownButton", (WidgetTester widgetTester) async {
  await widgetTester.pumpWidget(MyApp())
  final dropdownButtonFinder = find.byKey(const ValueKey('DropdownButton'));   final dropdownItemFinder = find.widgetWithText(InkWell, 'Item 50'); // find.textContaining() doesn't seem to work

  // Tap on the DropdownButton
  await widgetTester.tap(dropdownButtonFinder);
  await widgetTester.pumpAndSettle(const Duration(seconds: 2));    
  final dropdownListFinder = find.byType(Scrollable);
  expect(dropdownListFinder, findsOneWidget); // Finds Scrollable from tapping DropDownButton

  // Scroll until the item to be found appears.
  await widgetTester.scrollUntilVisible(dropdownItemFinder, 500.0,
        scrollable: dropdownListFinder);
  await widgetTester.tap(dropdownItemFinder);
  await widgetTester.pumpAndSettle(const Duration(seconds: 2));

  // Verify that the item contains the correct text.
  expect(find.textContaining('Item 50'), findsOneWidget);
});

主要代码

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  List<String> mockList() => List<String>.generate(100, (i) => 'Item $i');
  String? dropdownValue;

  @override
  Widget build(BuildContext context) {
    // debugPrint('${foo!}');
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
        key: Key('Widget1'),
      ),
      body: Center(
        child: DropdownButton(
          key: Key('DropdownButton'),
          value: dropdownValue,
          onChanged: (String? newValue) {
            setState(() {
              dropdownValue = newValue!;
            });
          },
          items: mockList()
              .map<DropdownMenuItem<String>>(
                (String value) => DropdownMenuItem<String>(
                  value: value,
                  child: Text(value),
                  key: Key('item$value'),
                ),
              )
              .toList(),
      )
    );
  }
}

运行测试