如何在颤动小部件测试中测试鼠标滚动事件？

Question

我已将 PageView 小部件封装在 Listener 小部件中。如果pointerSignal 是PointerScrollEvent，我检查onPointerSignal 属性以检测用户是否使用鼠标滚轮在小部件上滚动。然后它没有做奇怪的行为，而是产生了我 animateToPage 并将 PageView 的 physics 属性设置为 NeverScrollableScrollPhysics() 所以它不会干扰 animateToPage 转换。

这真的很酷！它通过移动鼠标滚轮以流畅的动画从一个页面跳转到另一个页面。

但是通过小部件测试来测试行为时会很有趣。有人知道如何发出/发送PointerScrollEvent 吗？我尝试了以下方法但没有成功。

void main() {
  testWidgets(
    'when mouse wheel moved forward then next page is shown',
    (WidgetTester tester) async {
      await tester.pumpWidget(
        Test(
          child: PointerAwarePageView(
            children: [
              Text('1'),
              Text('2'),
            ],
          ),
        ),
      );

      expect(find.text('1'), findsOneWidget);

      tester.dispatchEvent(
        PointerScrollEvent(scrollDelta: Offset(0.0, 1.0)),
        HitTestResult(),
      );
      await tester.pump(Duration(seconds: 3));

      expect(find.text('2'), findsOneWidget);
    },
  );
}

Answer 1

最后，我找到了一种方法。这个颤振测试启发了我： https://github.com/flutter/flutter/blob/master/packages/flutter/test/widgets/scrollable_test.dart#L316

我们需要创建一个带有鼠标设备类型的TestPointer 并执行滚动。然后通过WidgetTester发送事件。

我将在这里写下我的工作结果测试：

void main() {
  testWidgets(
    'when mouse wheel is scrolled then next page is shown',
    (WidgetTester tester) async {
      await tester.pumpWidget(
        Test(
          child: PointerAwarePageView(
            children: [
              Text('1'),
              Text('2'),
            ],
          ),
        ),
      );

      expect(find.text('1'), findsOneWidget);

      final Offset scrollEventLocation = tester.getCenter(find.byType(PointerAwarePageView));
      final TestPointer testPointer = TestPointer(1, PointerDeviceKind.mouse);
      testPointer.hover(scrollEventLocation);
      final HitTestResult result = tester.hitTestOnBinding(scrollEventLocation);
      await tester.sendEventToBinding(testPointer.scroll(const Offset(0.0, 1.0)), result);
      await tester.pumpAndSettle();

      expect(find.text('2'), findsOneWidget);
    },
  );
}