scrollbar_paint_test.dart 4.7 KB
Newer Older
Ian Hickson's avatar
Ian Hickson committed
1
// Copyright 2014 The Flutter Authors. All rights reserved.
2 3 4 5
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:flutter/material.dart';
6
import 'package:flutter_test/flutter_test.dart';
7 8 9

import '../rendering/mock_canvas.dart';

10 11
const Color _kAndroidThumbIdleColor = Color(0xffbcbcbc);

12 13 14
Widget _buildSingleChildScrollViewWithScrollbar({
  TextDirection textDirection = TextDirection.ltr,
  EdgeInsets padding = EdgeInsets.zero,
15
  Widget? child,
16
}) {
17 18 19 20
  return Directionality(
    textDirection: textDirection,
    child: MediaQuery(
      data: MediaQueryData(padding: padding),
21
      child: Scrollbar(
22
        child: SingleChildScrollView(child: child),
23
      ),
24 25 26 27 28 29 30 31
    ),
  );
}

void main() {
  testWidgets('Viewport basic test (LTR)', (WidgetTester tester) async {
    await tester.pumpWidget(_buildSingleChildScrollViewWithScrollbar(
      child: const SizedBox(width: 4000.0, height: 4000.0),
32
    ));
33
    expect(find.byType(Scrollbar), isNot(paints..rect()));
34
    await tester.fling(find.byType(SingleChildScrollView), const Offset(0.0, -10.0), 10.0);
35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
    expect(
      find.byType(Scrollbar),
      paints
        ..rect(
          rect: const Rect.fromLTRB(796.0, 0.0, 800.0, 600.0),
          color: const Color(0x00000000),
        )
        ..line(
          p1: const Offset(796.0, 0.0),
          p2: const Offset(796.0, 600.0),
          strokeWidth: 1.0,
          color: const Color(0x00000000),
        )
        ..rect(
          rect: const Rect.fromLTRB(796.0, 1.5, 800.0, 91.5),
50
          color: _kAndroidThumbIdleColor,
51 52
        ),
    );
53 54 55
  });

  testWidgets('Viewport basic test (RTL)', (WidgetTester tester) async {
56
    await tester.pumpWidget(_buildSingleChildScrollViewWithScrollbar(
57
      textDirection: TextDirection.rtl,
58
      child: const SizedBox(width: 4000.0, height: 4000.0),
59 60 61
    ));
    expect(find.byType(Scrollbar), isNot(paints..rect()));
    await tester.fling(find.byType(SingleChildScrollView), const Offset(0.0, -10.0), 10.0);
62 63 64 65 66 67 68 69
    expect(
      find.byType(Scrollbar),
      paints
        ..rect(
          rect: const Rect.fromLTRB(0.0, 0.0, 4.0, 600.0),
          color: const Color(0x00000000),
        )
        ..line(
70 71
          p1: const Offset(4.0, 0.0),
          p2: const Offset(4.0, 600.0),
72 73 74 75 76
          strokeWidth: 1.0,
          color: const Color(0x00000000),
        )
        ..rect(
          rect: const Rect.fromLTRB(0.0, 1.5, 4.0, 91.5),
77
          color: _kAndroidThumbIdleColor,
78 79
        ),
    );
80
  });
81

82
  testWidgets('works with MaterialApp and Scaffold', (WidgetTester tester) async {
83 84 85
    await tester.pumpWidget(MaterialApp(
      home: MediaQuery(
        data: const MediaQueryData(
86
          padding: EdgeInsets.fromLTRB(0, 20, 0, 34),
87 88 89 90 91
        ),
        child: Scaffold(
          appBar: AppBar(title: const Text('Title')),
          body: Scrollbar(
            child: ListView(
92
              children: const <Widget>[SizedBox(width: 4000, height: 4000)],
93 94 95 96 97 98 99 100 101 102 103 104 105
            ),
          ),
        ),
      ),
    ));

    final TestGesture gesture = await tester.startGesture(tester.getCenter(find.byType(ListView)));
    // On Android it should not overscroll.
    await gesture.moveBy(const Offset(0, 100));
    // Trigger fade in animation.
    await tester.pump();
    await tester.pump(const Duration(milliseconds: 500));

106 107 108 109 110 111 112 113 114 115 116 117 118 119 120
    expect(
      find.byType(Scrollbar),
      paints
        ..rect(
          rect: const Rect.fromLTRB(796.0, 0.0, 800.0, 490.0),
          color: const Color(0x00000000),
        )
        ..line(
          p1: const Offset(796.0, 0.0),
          p2: const Offset(796.0, 490.0),
          strokeWidth: 1.0,
          color: const Color(0x00000000),
        )
        ..rect(
          rect: const Rect.fromLTWH(796.0, 0.0, 4.0, (600.0 - 56 - 34 - 20) / 4000 * (600 - 56 - 34 - 20)),
121
          color: _kAndroidThumbIdleColor,
122 123
        ),
    );
124
  });
125 126 127 128 129

  testWidgets("should not paint when there isn't enough space", (WidgetTester tester) async {
    await tester.pumpWidget(MaterialApp(
      home: MediaQuery(
        data: const MediaQueryData(
130
          padding: EdgeInsets.fromLTRB(0, 20, 0, 34),
131 132 133 134 135
        ),
        child: Scaffold(
          appBar: AppBar(title: const Text('Title')),
          body: Scrollbar(
            child: ListView(
136
              children: const <Widget>[SizedBox(width: 40, height: 40)],
137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152
            ),
          ),
        ),
      ),
    ));

    final TestGesture gesture = await tester.startGesture(tester.getCenter(find.byType(ListView)));
    // On Android it should not overscroll.
    await gesture.moveBy(const Offset(0, 100));
    // Trigger fade in animation.
    await tester.pump();
    await tester.pump(const Duration(milliseconds: 500));

    expect(find.byType(Scrollbar), isNot(paints..rect()));
  });

153
}