mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
5491c8c146
This auto-formats all *.dart files in the repository outside of the `engine` subdirectory and enforces that these files stay formatted with a presubmit check. **Reviewers:** Please carefully review all the commits except for the one titled "formatted". The "formatted" commit was auto-generated by running `dev/tools/format.sh -a -f`. The other commits were hand-crafted to prepare the repo for the formatting change. I recommend reviewing the commits one-by-one via the "Commits" tab and avoiding Github's "Files changed" tab as it will likely slow down your browser because of the size of this PR. --------- Co-authored-by: Kate Lovett <katelovett@google.com> Co-authored-by: LongCatIsLooong <31859944+LongCatIsLooong@users.noreply.github.com>
1770 lines
59 KiB
Dart
1770 lines
59 KiB
Dart
// Copyright 2014 The Flutter Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
// TODO(gspencergoog): Remove this tag once this test's state leaks/test
|
|
// dependencies have been fixed.
|
|
// https://github.com/flutter/flutter/issues/85160
|
|
// Fails with "flutter test --test-randomize-ordering-seed=20230313"
|
|
@Tags(<String>['no-shuffle'])
|
|
library;
|
|
|
|
import 'dart:ui' as ui;
|
|
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/gestures.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/scheduler.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
const Duration _kScrollbarFadeDuration = Duration(milliseconds: 300);
|
|
const Duration _kScrollbarTimeToFade = Duration(milliseconds: 600);
|
|
const Color _kAndroidThumbIdleColor = Color(0xffbcbcbc);
|
|
const Rect _kAndroidTrackDimensions = Rect.fromLTRB(796.0, 0.0, 800.0, 600.0);
|
|
const Radius _kDefaultThumbRadius = Radius.circular(8.0);
|
|
const Color _kDefaultIdleThumbColor = Color(0x1a000000);
|
|
const Offset _kTrackBorderPoint1 = Offset(796.0, 0.0);
|
|
const Offset _kTrackBorderPoint2 = Offset(796.0, 600.0);
|
|
|
|
Rect getStartingThumbRect({required bool isAndroid}) {
|
|
return isAndroid
|
|
// On Android the thumb is slightly different. The thumb is only 4 pixels wide,
|
|
// and has no margin along the side of the viewport.
|
|
? const Rect.fromLTRB(796.0, 0.0, 800.0, 90.0)
|
|
// The Material Design thumb is 8 pixels wide, with a 2
|
|
// pixel margin to the right edge of the viewport.
|
|
: const Rect.fromLTRB(790.0, 0.0, 798.0, 90.0);
|
|
}
|
|
|
|
class TestCanvas implements Canvas {
|
|
final List<Invocation> invocations = <Invocation>[];
|
|
|
|
@override
|
|
void noSuchMethod(Invocation invocation) {
|
|
invocations.add(invocation);
|
|
}
|
|
}
|
|
|
|
Widget _buildBoilerplate({
|
|
TextDirection textDirection = TextDirection.ltr,
|
|
EdgeInsets padding = EdgeInsets.zero,
|
|
required Widget child,
|
|
}) {
|
|
return Directionality(
|
|
textDirection: textDirection,
|
|
child: MediaQuery(
|
|
data: MediaQueryData(padding: padding),
|
|
child: ScrollConfiguration(behavior: const NoScrollbarBehavior(), child: child),
|
|
),
|
|
);
|
|
}
|
|
|
|
class NoScrollbarBehavior extends MaterialScrollBehavior {
|
|
const NoScrollbarBehavior();
|
|
|
|
@override
|
|
Widget buildScrollbar(BuildContext context, Widget child, ScrollableDetails details) => child;
|
|
}
|
|
|
|
void main() {
|
|
testWidgets("Scrollbar doesn't show when tapping list", (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
_buildBoilerplate(
|
|
child: Center(
|
|
child: Container(
|
|
decoration: BoxDecoration(border: Border.all(color: const Color(0xFFFFFF00))),
|
|
height: 200.0,
|
|
width: 300.0,
|
|
child: Scrollbar(
|
|
child: ListView(
|
|
children: const <Widget>[
|
|
SizedBox(height: 40.0, child: Text('0')),
|
|
SizedBox(height: 40.0, child: Text('1')),
|
|
SizedBox(height: 40.0, child: Text('2')),
|
|
SizedBox(height: 40.0, child: Text('3')),
|
|
SizedBox(height: 40.0, child: Text('4')),
|
|
SizedBox(height: 40.0, child: Text('5')),
|
|
SizedBox(height: 40.0, child: Text('6')),
|
|
SizedBox(height: 40.0, child: Text('7')),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
SchedulerBinding.instance.debugAssertNoTransientCallbacks(
|
|
'Building a list with a scrollbar triggered an animation.',
|
|
);
|
|
await tester.tap(find.byType(ListView));
|
|
SchedulerBinding.instance.debugAssertNoTransientCallbacks(
|
|
'Tapping a block with a scrollbar triggered an animation.',
|
|
);
|
|
await tester.pump(const Duration(milliseconds: 200));
|
|
await tester.pump(const Duration(milliseconds: 200));
|
|
await tester.pump(const Duration(milliseconds: 200));
|
|
await tester.pump(const Duration(milliseconds: 200));
|
|
await tester.drag(find.byType(ListView), const Offset(0.0, -10.0));
|
|
expect(SchedulerBinding.instance.transientCallbackCount, greaterThan(0));
|
|
await tester.pump(const Duration(milliseconds: 200));
|
|
await tester.pump(const Duration(milliseconds: 200));
|
|
await tester.pump(const Duration(milliseconds: 200));
|
|
await tester.pump(const Duration(milliseconds: 200));
|
|
});
|
|
|
|
testWidgets('ScrollbarPainter does not divide by zero', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
_buildBoilerplate(
|
|
child: SizedBox(
|
|
height: 200.0,
|
|
width: 300.0,
|
|
child: Scrollbar(
|
|
child: ListView(children: const <Widget>[SizedBox(height: 40.0, child: Text('0'))]),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
final CustomPaint custom = tester.widget(
|
|
find.descendant(of: find.byType(Scrollbar), matching: find.byType(CustomPaint)).first,
|
|
);
|
|
final ScrollbarPainter? scrollPainter = custom.foregroundPainter as ScrollbarPainter?;
|
|
// Dragging makes the scrollbar first appear.
|
|
await tester.drag(find.text('0'), const Offset(0.0, -10.0));
|
|
await tester.pump(const Duration(milliseconds: 200));
|
|
await tester.pump(const Duration(milliseconds: 200));
|
|
|
|
final ScrollMetrics metrics = FixedScrollMetrics(
|
|
minScrollExtent: 0.0,
|
|
maxScrollExtent: 0.0,
|
|
pixels: 0.0,
|
|
viewportDimension: 100.0,
|
|
axisDirection: AxisDirection.down,
|
|
devicePixelRatio: tester.view.devicePixelRatio,
|
|
);
|
|
scrollPainter!.update(metrics, AxisDirection.down);
|
|
|
|
final TestCanvas canvas = TestCanvas();
|
|
scrollPainter.paint(canvas, const Size(10.0, 100.0));
|
|
|
|
// Scrollbar is not supposed to draw anything if there isn't enough content.
|
|
expect(canvas.invocations.isEmpty, isTrue);
|
|
});
|
|
|
|
testWidgets(
|
|
'When thumbVisibility is true, must pass a controller or find PrimaryScrollController',
|
|
(WidgetTester tester) async {
|
|
Widget viewWithScroll() {
|
|
return _buildBoilerplate(
|
|
child: Theme(
|
|
data: ThemeData(),
|
|
child: const Scrollbar(
|
|
thumbVisibility: true,
|
|
child: SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll());
|
|
final AssertionError exception = tester.takeException() as AssertionError;
|
|
expect(exception, isAssertionError);
|
|
},
|
|
);
|
|
|
|
testWidgets(
|
|
'When thumbVisibility is true, must pass a controller that is attached to a scroll view or find PrimaryScrollController',
|
|
(WidgetTester tester) async {
|
|
final ScrollController controller = ScrollController();
|
|
Widget viewWithScroll() {
|
|
return _buildBoilerplate(
|
|
child: Theme(
|
|
data: ThemeData(),
|
|
child: Scrollbar(
|
|
thumbVisibility: true,
|
|
controller: controller,
|
|
child: const SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll());
|
|
final AssertionError exception = tester.takeException() as AssertionError;
|
|
expect(exception, isAssertionError);
|
|
|
|
controller.dispose();
|
|
},
|
|
);
|
|
|
|
testWidgets('On first render with thumbVisibility: true, the thumb shows', (
|
|
WidgetTester tester,
|
|
) async {
|
|
final ScrollController controller = ScrollController();
|
|
Widget viewWithScroll() {
|
|
return _buildBoilerplate(
|
|
child: Theme(
|
|
data: ThemeData(),
|
|
child: Scrollbar(
|
|
thumbVisibility: true,
|
|
controller: controller,
|
|
child: SingleChildScrollView(
|
|
controller: controller,
|
|
child: const SizedBox(width: 4000.0, height: 4000.0),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll());
|
|
await tester.pumpAndSettle();
|
|
expect(find.byType(Scrollbar), paints..rect());
|
|
|
|
controller.dispose();
|
|
});
|
|
|
|
testWidgets(
|
|
'On first render with thumbVisibility: true, the thumb shows with PrimaryScrollController',
|
|
(WidgetTester tester) async {
|
|
final ScrollController controller = ScrollController();
|
|
Widget viewWithScroll() {
|
|
return _buildBoilerplate(
|
|
child: Theme(
|
|
data: ThemeData(),
|
|
child: PrimaryScrollController(
|
|
controller: controller,
|
|
child: Builder(
|
|
builder: (BuildContext context) {
|
|
return const Scrollbar(
|
|
thumbVisibility: true,
|
|
child: SingleChildScrollView(
|
|
primary: true,
|
|
child: SizedBox(width: 4000.0, height: 4000.0),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll());
|
|
await tester.pumpAndSettle();
|
|
expect(find.byType(Scrollbar), paints..rect());
|
|
|
|
controller.dispose();
|
|
},
|
|
);
|
|
|
|
testWidgets(
|
|
'When thumbVisibility is true, must pass a controller or find PrimaryScrollController',
|
|
(WidgetTester tester) async {
|
|
Widget viewWithScroll() {
|
|
return _buildBoilerplate(
|
|
child: Theme(
|
|
data: ThemeData(),
|
|
child: const Scrollbar(
|
|
thumbVisibility: true,
|
|
child: SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll());
|
|
final AssertionError exception = tester.takeException() as AssertionError;
|
|
expect(exception, isAssertionError);
|
|
},
|
|
);
|
|
|
|
testWidgets(
|
|
'When thumbVisibility is true, must pass a controller that is attached to a scroll view or find PrimaryScrollController',
|
|
(WidgetTester tester) async {
|
|
final ScrollController controller = ScrollController();
|
|
Widget viewWithScroll() {
|
|
return _buildBoilerplate(
|
|
child: Theme(
|
|
data: ThemeData(),
|
|
child: Scrollbar(
|
|
thumbVisibility: true,
|
|
controller: controller,
|
|
child: const SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll());
|
|
final AssertionError exception = tester.takeException() as AssertionError;
|
|
expect(exception, isAssertionError);
|
|
|
|
controller.dispose();
|
|
},
|
|
);
|
|
|
|
testWidgets('On first render with thumbVisibility: true, the thumb shows', (
|
|
WidgetTester tester,
|
|
) async {
|
|
final ScrollController controller = ScrollController();
|
|
Widget viewWithScroll() {
|
|
return _buildBoilerplate(
|
|
child: Theme(
|
|
data: ThemeData(),
|
|
child: Scrollbar(
|
|
thumbVisibility: true,
|
|
controller: controller,
|
|
child: SingleChildScrollView(
|
|
controller: controller,
|
|
child: const SizedBox(width: 4000.0, height: 4000.0),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll());
|
|
await tester.pumpAndSettle();
|
|
expect(find.byType(Scrollbar), paints..rect());
|
|
|
|
controller.dispose();
|
|
});
|
|
|
|
testWidgets(
|
|
'On first render with thumbVisibility: true, the thumb shows with PrimaryScrollController',
|
|
(WidgetTester tester) async {
|
|
final ScrollController controller = ScrollController();
|
|
Widget viewWithScroll() {
|
|
return _buildBoilerplate(
|
|
child: Theme(
|
|
data: ThemeData(),
|
|
child: PrimaryScrollController(
|
|
controller: controller,
|
|
child: Builder(
|
|
builder: (BuildContext context) {
|
|
return const Scrollbar(
|
|
thumbVisibility: true,
|
|
child: SingleChildScrollView(
|
|
primary: true,
|
|
child: SizedBox(width: 4000.0, height: 4000.0),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll());
|
|
await tester.pumpAndSettle();
|
|
expect(find.byType(Scrollbar), paints..rect());
|
|
|
|
controller.dispose();
|
|
},
|
|
);
|
|
|
|
testWidgets('On first render with thumbVisibility: false, the thumb is hidden', (
|
|
WidgetTester tester,
|
|
) async {
|
|
final ScrollController controller = ScrollController();
|
|
Widget viewWithScroll() {
|
|
return _buildBoilerplate(
|
|
child: Theme(
|
|
data: ThemeData(),
|
|
child: Scrollbar(
|
|
thumbVisibility: false,
|
|
controller: controller,
|
|
child: SingleChildScrollView(
|
|
controller: controller,
|
|
child: const SizedBox(width: 4000.0, height: 4000.0),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll());
|
|
await tester.pumpAndSettle();
|
|
expect(find.byType(Scrollbar), isNot(paints..rect()));
|
|
|
|
controller.dispose();
|
|
});
|
|
|
|
testWidgets(
|
|
'With thumbVisibility: true, fling a scroll. While it is still scrolling, set thumbVisibility: false. The thumb should not fade out until the scrolling stops.',
|
|
(WidgetTester tester) async {
|
|
final ScrollController controller = ScrollController();
|
|
bool thumbVisibility = true;
|
|
Widget viewWithScroll() {
|
|
return _buildBoilerplate(
|
|
child: StatefulBuilder(
|
|
builder: (BuildContext context, StateSetter setState) {
|
|
return Theme(
|
|
data: ThemeData(),
|
|
child: Scaffold(
|
|
floatingActionButton: FloatingActionButton(
|
|
child: const Icon(Icons.threed_rotation),
|
|
onPressed: () {
|
|
setState(() {
|
|
thumbVisibility = !thumbVisibility;
|
|
});
|
|
},
|
|
),
|
|
body: Scrollbar(
|
|
thumbVisibility: thumbVisibility,
|
|
controller: controller,
|
|
child: SingleChildScrollView(
|
|
controller: controller,
|
|
child: const SizedBox(width: 4000.0, height: 4000.0),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll());
|
|
await tester.pumpAndSettle();
|
|
await tester.fling(find.byType(SingleChildScrollView), const Offset(0.0, -10.0), 10);
|
|
expect(find.byType(Scrollbar), paints..rect());
|
|
|
|
await tester.tap(find.byType(FloatingActionButton));
|
|
await tester.pumpAndSettle();
|
|
// Scrollbar is not showing after scroll finishes
|
|
expect(find.byType(Scrollbar), isNot(paints..rect()));
|
|
|
|
controller.dispose();
|
|
},
|
|
);
|
|
|
|
testWidgets(
|
|
'With thumbVisibility: false, set thumbVisibility: true. The thumb should be always shown directly',
|
|
(WidgetTester tester) async {
|
|
final ScrollController controller = ScrollController();
|
|
bool thumbVisibility = false;
|
|
Widget viewWithScroll() {
|
|
return _buildBoilerplate(
|
|
child: StatefulBuilder(
|
|
builder: (BuildContext context, StateSetter setState) {
|
|
return Theme(
|
|
data: ThemeData(),
|
|
child: Scaffold(
|
|
floatingActionButton: FloatingActionButton(
|
|
child: const Icon(Icons.threed_rotation),
|
|
onPressed: () {
|
|
setState(() {
|
|
thumbVisibility = !thumbVisibility;
|
|
});
|
|
},
|
|
),
|
|
body: Scrollbar(
|
|
thumbVisibility: thumbVisibility,
|
|
controller: controller,
|
|
child: SingleChildScrollView(
|
|
controller: controller,
|
|
child: const SizedBox(width: 4000.0, height: 4000.0),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll());
|
|
await tester.pumpAndSettle();
|
|
expect(find.byType(Scrollbar), isNot(paints..rect()));
|
|
|
|
await tester.tap(find.byType(FloatingActionButton));
|
|
await tester.pumpAndSettle();
|
|
// Scrollbar is not showing after scroll finishes
|
|
expect(find.byType(Scrollbar), paints..rect());
|
|
|
|
controller.dispose();
|
|
},
|
|
);
|
|
|
|
testWidgets(
|
|
'With thumbVisibility: false, fling a scroll. While it is still scrolling, set thumbVisibility: true. The thumb should not fade even after the scrolling stops',
|
|
(WidgetTester tester) async {
|
|
final ScrollController controller = ScrollController();
|
|
bool thumbVisibility = false;
|
|
Widget viewWithScroll() {
|
|
return _buildBoilerplate(
|
|
child: StatefulBuilder(
|
|
builder: (BuildContext context, StateSetter setState) {
|
|
return Theme(
|
|
data: ThemeData(),
|
|
child: Scaffold(
|
|
floatingActionButton: FloatingActionButton(
|
|
child: const Icon(Icons.threed_rotation),
|
|
onPressed: () {
|
|
setState(() {
|
|
thumbVisibility = !thumbVisibility;
|
|
});
|
|
},
|
|
),
|
|
body: Scrollbar(
|
|
thumbVisibility: thumbVisibility,
|
|
controller: controller,
|
|
child: SingleChildScrollView(
|
|
controller: controller,
|
|
child: const SizedBox(width: 4000.0, height: 4000.0),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll());
|
|
await tester.pumpAndSettle();
|
|
expect(find.byType(Scrollbar), isNot(paints..rect()));
|
|
await tester.fling(find.byType(SingleChildScrollView), const Offset(0.0, -10.0), 10);
|
|
expect(find.byType(Scrollbar), paints..rect());
|
|
|
|
await tester.tap(find.byType(FloatingActionButton));
|
|
await tester.pump();
|
|
expect(find.byType(Scrollbar), paints..rect());
|
|
|
|
// Wait for the timer delay to expire.
|
|
await tester.pump(const Duration(milliseconds: 600)); // _kScrollbarTimeToFade
|
|
await tester.pumpAndSettle();
|
|
// Scrollbar thumb is showing after scroll finishes and timer ends.
|
|
expect(find.byType(Scrollbar), paints..rect());
|
|
|
|
controller.dispose();
|
|
},
|
|
);
|
|
|
|
testWidgets(
|
|
'Toggling thumbVisibility while not scrolling fades the thumb in/out. This works even when you have never scrolled at all yet',
|
|
(WidgetTester tester) async {
|
|
final ScrollController controller = ScrollController();
|
|
bool thumbVisibility = true;
|
|
Widget viewWithScroll() {
|
|
return _buildBoilerplate(
|
|
child: StatefulBuilder(
|
|
builder: (BuildContext context, StateSetter setState) {
|
|
return Theme(
|
|
data: ThemeData(),
|
|
child: Scaffold(
|
|
floatingActionButton: FloatingActionButton(
|
|
child: const Icon(Icons.threed_rotation),
|
|
onPressed: () {
|
|
setState(() {
|
|
thumbVisibility = !thumbVisibility;
|
|
});
|
|
},
|
|
),
|
|
body: Scrollbar(
|
|
thumbVisibility: thumbVisibility,
|
|
controller: controller,
|
|
child: SingleChildScrollView(
|
|
controller: controller,
|
|
child: const SizedBox(width: 4000.0, height: 4000.0),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll());
|
|
await tester.pumpAndSettle();
|
|
final Finder materialScrollbar = find.byType(Scrollbar);
|
|
expect(materialScrollbar, paints..rect());
|
|
|
|
await tester.tap(find.byType(FloatingActionButton));
|
|
await tester.pumpAndSettle();
|
|
expect(materialScrollbar, isNot(paints..rect()));
|
|
|
|
controller.dispose();
|
|
},
|
|
);
|
|
|
|
testWidgets('Scrollbar respects thickness and radius', (WidgetTester tester) async {
|
|
final ScrollController controller = ScrollController();
|
|
Widget viewWithScroll({Radius? radius}) {
|
|
return _buildBoilerplate(
|
|
child: Theme(
|
|
data: ThemeData(),
|
|
child: Scrollbar(
|
|
controller: controller,
|
|
thickness: 20,
|
|
radius: radius,
|
|
child: SingleChildScrollView(
|
|
controller: controller,
|
|
child: const SizedBox(width: 1600.0, height: 1200.0),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Scroll a bit to cause the scrollbar thumb to be shown;
|
|
// undo the scroll to put the thumb back at the top.
|
|
await tester.pumpWidget(viewWithScroll());
|
|
const double scrollAmount = 10.0;
|
|
final TestGesture scrollGesture = await tester.startGesture(
|
|
tester.getCenter(find.byType(SingleChildScrollView)),
|
|
);
|
|
await scrollGesture.moveBy(const Offset(0.0, -scrollAmount));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 500));
|
|
await scrollGesture.moveBy(const Offset(0.0, scrollAmount));
|
|
await tester.pump();
|
|
await scrollGesture.up();
|
|
await tester.pump();
|
|
|
|
// Long press on the scrollbar thumb and expect it to grow
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: const Rect.fromLTRB(780.0, 0.0, 800.0, 600.0), color: Colors.transparent)
|
|
..line(
|
|
p1: const Offset(780.0, 0.0),
|
|
p2: const Offset(780.0, 600.0),
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(rect: const Rect.fromLTRB(780.0, 0.0, 800.0, 300.0), color: _kAndroidThumbIdleColor),
|
|
);
|
|
await tester.pumpWidget(viewWithScroll(radius: const Radius.circular(10)));
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints..rrect(
|
|
rrect: RRect.fromRectAndRadius(
|
|
const Rect.fromLTRB(780, 0.0, 800.0, 300.0),
|
|
const Radius.circular(10),
|
|
),
|
|
),
|
|
);
|
|
|
|
await tester.pumpAndSettle();
|
|
|
|
controller.dispose();
|
|
});
|
|
|
|
testWidgets('Tapping the track area pages the Scroll View', (WidgetTester tester) async {
|
|
final ScrollController scrollController = ScrollController();
|
|
await tester.pumpWidget(
|
|
Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: MediaQuery(
|
|
data: const MediaQueryData(),
|
|
child: Scrollbar(
|
|
interactive: true,
|
|
thumbVisibility: true,
|
|
controller: scrollController,
|
|
child: SingleChildScrollView(
|
|
controller: scrollController,
|
|
child: const SizedBox(width: 1000.0, height: 1000.0),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
await tester.pumpAndSettle();
|
|
expect(scrollController.offset, 0.0);
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: _kAndroidTrackDimensions, color: Colors.transparent)
|
|
..line(
|
|
p1: _kTrackBorderPoint1,
|
|
p2: _kTrackBorderPoint2,
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(rect: const Rect.fromLTRB(796.0, 0.0, 800.0, 360.0), color: _kAndroidThumbIdleColor),
|
|
);
|
|
|
|
// Tap on the track area below the thumb.
|
|
await tester.tapAt(const Offset(796.0, 550.0));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(scrollController.offset, 400.0);
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: _kAndroidTrackDimensions, color: Colors.transparent)
|
|
..line(
|
|
p1: _kTrackBorderPoint1,
|
|
p2: _kTrackBorderPoint2,
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(
|
|
rect: const Rect.fromLTRB(796.0, 240.0, 800.0, 600.0),
|
|
color: _kAndroidThumbIdleColor,
|
|
),
|
|
);
|
|
|
|
// Tap on the track area above the thumb.
|
|
await tester.tapAt(const Offset(796.0, 50.0));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(scrollController.offset, 0.0);
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: _kAndroidTrackDimensions, color: Colors.transparent)
|
|
..line(
|
|
p1: _kTrackBorderPoint1,
|
|
p2: _kTrackBorderPoint2,
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(rect: const Rect.fromLTRB(796.0, 0.0, 800.0, 360.0), color: _kAndroidThumbIdleColor),
|
|
);
|
|
|
|
scrollController.dispose();
|
|
});
|
|
|
|
testWidgets('Scrollbar never goes away until finger lift', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const MaterialApp(
|
|
home: Scrollbar(
|
|
child: SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
),
|
|
);
|
|
final TestGesture gesture = await tester.startGesture(
|
|
tester.getCenter(find.byType(SingleChildScrollView)),
|
|
);
|
|
await gesture.moveBy(const Offset(0.0, -20.0));
|
|
await tester.pump();
|
|
// Scrollbar fully showing
|
|
await tester.pump(const Duration(milliseconds: 500));
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: _kAndroidTrackDimensions, color: Colors.transparent)
|
|
..line(
|
|
p1: _kTrackBorderPoint1,
|
|
p2: _kTrackBorderPoint2,
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(rect: const Rect.fromLTRB(796.0, 3.0, 800.0, 93.0), color: _kAndroidThumbIdleColor),
|
|
);
|
|
|
|
await tester.pump(const Duration(seconds: 3));
|
|
await tester.pump(const Duration(seconds: 3));
|
|
// Still there.
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: _kAndroidTrackDimensions, color: Colors.transparent)
|
|
..line(
|
|
p1: _kTrackBorderPoint1,
|
|
p2: _kTrackBorderPoint2,
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(rect: const Rect.fromLTRB(796.0, 3.0, 800.0, 93.0), color: _kAndroidThumbIdleColor),
|
|
);
|
|
|
|
await gesture.up();
|
|
await tester.pump(_kScrollbarTimeToFade);
|
|
await tester.pump(_kScrollbarFadeDuration * 0.5);
|
|
|
|
// Opacity going down now.
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: _kAndroidTrackDimensions, color: Colors.transparent)
|
|
..line(
|
|
p1: _kTrackBorderPoint1,
|
|
p2: _kTrackBorderPoint2,
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(rect: const Rect.fromLTRB(796.0, 3.0, 800.0, 93.0), color: const Color(0xc6bcbcbc)),
|
|
);
|
|
});
|
|
|
|
testWidgets('Scrollbar thumb can be dragged', (WidgetTester tester) async {
|
|
final ScrollController scrollController = ScrollController();
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(useMaterial3: false),
|
|
home: PrimaryScrollController(
|
|
controller: scrollController,
|
|
child: Scrollbar(
|
|
interactive: true,
|
|
thumbVisibility: true,
|
|
controller: scrollController,
|
|
child: const SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
expect(scrollController.offset, 0.0);
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: _kAndroidTrackDimensions, color: Colors.transparent)
|
|
..line(
|
|
p1: _kTrackBorderPoint1,
|
|
p2: _kTrackBorderPoint2,
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(rect: getStartingThumbRect(isAndroid: true), color: _kAndroidThumbIdleColor),
|
|
);
|
|
|
|
// Drag the thumb down to scroll down.
|
|
const double scrollAmount = 10.0;
|
|
final TestGesture dragScrollbarGesture = await tester.startGesture(const Offset(797.0, 45.0));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: _kAndroidTrackDimensions, color: Colors.transparent)
|
|
..line(
|
|
p1: _kTrackBorderPoint1,
|
|
p2: _kTrackBorderPoint2,
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(
|
|
rect: getStartingThumbRect(isAndroid: true),
|
|
// Drag color
|
|
color: const Color(0x99000000),
|
|
),
|
|
);
|
|
|
|
await dragScrollbarGesture.moveBy(const Offset(0.0, scrollAmount));
|
|
await tester.pumpAndSettle();
|
|
await dragScrollbarGesture.up();
|
|
await tester.pumpAndSettle();
|
|
|
|
// The view has scrolled more than it would have by a swipe pointer of the
|
|
// same distance.
|
|
expect(scrollController.offset, greaterThan(scrollAmount * 2));
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: _kAndroidTrackDimensions, color: Colors.transparent)
|
|
..line(
|
|
p1: _kTrackBorderPoint1,
|
|
p2: _kTrackBorderPoint2,
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(
|
|
rect: const Rect.fromLTRB(796.0, 10.0, 800.0, 100.0),
|
|
color: _kAndroidThumbIdleColor,
|
|
),
|
|
);
|
|
|
|
scrollController.dispose();
|
|
});
|
|
|
|
testWidgets(
|
|
'Scrollbar thumb color completes a hover animation',
|
|
(WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(
|
|
useMaterial3: false,
|
|
scrollbarTheme: ScrollbarThemeData(thumbVisibility: MaterialStateProperty.all(true)),
|
|
),
|
|
home: const SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints..rrect(
|
|
rrect: RRect.fromRectAndRadius(
|
|
getStartingThumbRect(isAndroid: false),
|
|
_kDefaultThumbRadius,
|
|
),
|
|
color: _kDefaultIdleThumbColor,
|
|
),
|
|
);
|
|
|
|
final TestGesture gesture = await tester.createGesture(kind: ui.PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
await gesture.moveTo(const Offset(794.0, 5.0));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints..rrect(
|
|
rrect: RRect.fromRectAndRadius(
|
|
getStartingThumbRect(isAndroid: false),
|
|
_kDefaultThumbRadius,
|
|
),
|
|
// Hover color
|
|
color: const Color(0x80000000),
|
|
),
|
|
);
|
|
},
|
|
variant: const TargetPlatformVariant(<TargetPlatform>{
|
|
TargetPlatform.linux,
|
|
TargetPlatform.macOS,
|
|
TargetPlatform.windows,
|
|
}),
|
|
);
|
|
|
|
testWidgets(
|
|
'Hover animation is not triggered by tap gestures',
|
|
(WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(
|
|
useMaterial3: false,
|
|
scrollbarTheme: ScrollbarThemeData(
|
|
thumbVisibility: MaterialStateProperty.all(true),
|
|
trackVisibility: MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
|
if (states.contains(MaterialState.hovered)) {
|
|
return true;
|
|
}
|
|
return false;
|
|
}),
|
|
),
|
|
),
|
|
home: const SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints..rrect(
|
|
rrect: RRect.fromRectAndRadius(
|
|
getStartingThumbRect(isAndroid: false),
|
|
_kDefaultThumbRadius,
|
|
),
|
|
color: _kDefaultIdleThumbColor,
|
|
),
|
|
);
|
|
await tester.tapAt(const Offset(794.0, 5.0));
|
|
await tester.pumpAndSettle();
|
|
|
|
// Tapping triggers a hover enter event. In this case, the Scrollbar should
|
|
// be unchanged since it ignores hover events that aren't from a mouse.
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints..rrect(
|
|
rrect: RRect.fromRectAndRadius(
|
|
getStartingThumbRect(isAndroid: false),
|
|
_kDefaultThumbRadius,
|
|
),
|
|
color: _kDefaultIdleThumbColor,
|
|
),
|
|
);
|
|
|
|
// Now trigger hover with a mouse.
|
|
final TestGesture gesture = await tester.createGesture(kind: ui.PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
await gesture.moveTo(const Offset(794.0, 5.0));
|
|
await tester.pump();
|
|
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(
|
|
rect: const Rect.fromLTRB(784.0, 0.0, 800.0, 600.0),
|
|
color: const Color(0x08000000),
|
|
)
|
|
..line(
|
|
p1: const Offset(784.0, 0.0),
|
|
p2: const Offset(784.0, 600.0),
|
|
strokeWidth: 1.0,
|
|
color: _kDefaultIdleThumbColor,
|
|
)
|
|
..rrect(
|
|
rrect: RRect.fromRectAndRadius(
|
|
// Scrollbar thumb is larger
|
|
const Rect.fromLTRB(786.0, 0.0, 798.0, 90.0),
|
|
_kDefaultThumbRadius,
|
|
),
|
|
// Hover color
|
|
color: const Color(0x80000000),
|
|
),
|
|
);
|
|
},
|
|
variant: const TargetPlatformVariant(<TargetPlatform>{TargetPlatform.linux}),
|
|
);
|
|
|
|
testWidgets(
|
|
'ScrollbarThemeData.thickness replaces hoverThickness',
|
|
(WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(
|
|
useMaterial3: false,
|
|
scrollbarTheme: ScrollbarThemeData(
|
|
thumbVisibility: MaterialStateProperty.resolveWith(
|
|
(Set<MaterialState> states) => true,
|
|
),
|
|
trackVisibility: MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
|
return states.contains(MaterialState.hovered);
|
|
}),
|
|
thickness: MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
|
if (states.contains(MaterialState.hovered)) {
|
|
return 40.0;
|
|
}
|
|
// Default thickness
|
|
return 8.0;
|
|
}),
|
|
),
|
|
),
|
|
home: const SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints..rrect(
|
|
rrect: RRect.fromRectAndRadius(
|
|
getStartingThumbRect(isAndroid: false),
|
|
_kDefaultThumbRadius,
|
|
),
|
|
color: _kDefaultIdleThumbColor,
|
|
),
|
|
);
|
|
|
|
final TestGesture gesture = await tester.createGesture(kind: ui.PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
await gesture.moveTo(const Offset(794.0, 5.0));
|
|
await tester.pump();
|
|
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(
|
|
rect: const Rect.fromLTRB(756.0, 0.0, 800.0, 600.0),
|
|
color: const Color(0x08000000),
|
|
)
|
|
..line(
|
|
p1: const Offset(756.0, 0.0),
|
|
p2: const Offset(756.0, 600.0),
|
|
strokeWidth: 1.0,
|
|
color: _kDefaultIdleThumbColor,
|
|
)
|
|
..rrect(
|
|
rrect: RRect.fromRectAndRadius(
|
|
// Scrollbar thumb is larger
|
|
const Rect.fromLTRB(758.0, 0.0, 798.0, 90.0),
|
|
_kDefaultThumbRadius,
|
|
),
|
|
// Hover color
|
|
color: const Color(0x80000000),
|
|
),
|
|
);
|
|
},
|
|
variant: const TargetPlatformVariant(<TargetPlatform>{
|
|
TargetPlatform.linux,
|
|
TargetPlatform.macOS,
|
|
TargetPlatform.windows,
|
|
}),
|
|
);
|
|
|
|
testWidgets(
|
|
'ScrollbarThemeData.trackVisibility',
|
|
(WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(
|
|
useMaterial3: false,
|
|
scrollbarTheme: ScrollbarThemeData(
|
|
thumbVisibility: MaterialStateProperty.all(true),
|
|
trackVisibility: MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
|
if (states.contains(MaterialState.hovered)) {
|
|
return true;
|
|
}
|
|
return false;
|
|
}),
|
|
),
|
|
),
|
|
home: const SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints..rrect(
|
|
rrect: RRect.fromRectAndRadius(
|
|
getStartingThumbRect(isAndroid: false),
|
|
_kDefaultThumbRadius,
|
|
),
|
|
color: _kDefaultIdleThumbColor,
|
|
),
|
|
);
|
|
|
|
final TestGesture gesture = await tester.createGesture(kind: ui.PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
await gesture.moveTo(const Offset(794.0, 5.0));
|
|
await tester.pump();
|
|
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(
|
|
rect: const Rect.fromLTRB(784.0, 0.0, 800.0, 600.0),
|
|
color: const Color(0x08000000),
|
|
)
|
|
..line(
|
|
p1: const Offset(784.0, 0.0),
|
|
p2: const Offset(784.0, 600.0),
|
|
strokeWidth: 1.0,
|
|
color: _kDefaultIdleThumbColor,
|
|
)
|
|
..rrect(
|
|
rrect: RRect.fromRectAndRadius(
|
|
// Scrollbar thumb is larger
|
|
const Rect.fromLTRB(786.0, 0.0, 798.0, 90.0),
|
|
_kDefaultThumbRadius,
|
|
),
|
|
// Hover color
|
|
color: const Color(0x80000000),
|
|
),
|
|
);
|
|
},
|
|
variant: const TargetPlatformVariant(<TargetPlatform>{
|
|
TargetPlatform.linux,
|
|
TargetPlatform.macOS,
|
|
TargetPlatform.windows,
|
|
}),
|
|
);
|
|
|
|
testWidgets(
|
|
'Scrollbar trackVisibility on hovered',
|
|
(WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(
|
|
useMaterial3: false,
|
|
scrollbarTheme: ScrollbarThemeData(
|
|
thumbVisibility: MaterialStateProperty.all(true),
|
|
trackVisibility: MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
|
if (states.contains(MaterialState.hovered)) {
|
|
return true;
|
|
}
|
|
return false;
|
|
}),
|
|
),
|
|
),
|
|
home: const SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints..rrect(
|
|
rrect: RRect.fromRectAndRadius(
|
|
getStartingThumbRect(isAndroid: false),
|
|
_kDefaultThumbRadius,
|
|
),
|
|
color: _kDefaultIdleThumbColor,
|
|
),
|
|
);
|
|
|
|
final TestGesture gesture = await tester.createGesture(kind: ui.PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
await gesture.moveTo(const Offset(794.0, 5.0));
|
|
await tester.pump();
|
|
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(
|
|
rect: const Rect.fromLTRB(784.0, 0.0, 800.0, 600.0),
|
|
color: const Color(0x08000000),
|
|
)
|
|
..line(
|
|
p1: const Offset(784.0, 0.0),
|
|
p2: const Offset(784.0, 600.0),
|
|
strokeWidth: 1.0,
|
|
color: _kDefaultIdleThumbColor,
|
|
)
|
|
..rrect(
|
|
rrect: RRect.fromRectAndRadius(
|
|
// Scrollbar thumb is larger
|
|
const Rect.fromLTRB(786.0, 0.0, 798.0, 90.0),
|
|
_kDefaultThumbRadius,
|
|
),
|
|
// Hover color
|
|
color: const Color(0x80000000),
|
|
),
|
|
);
|
|
},
|
|
variant: const TargetPlatformVariant(<TargetPlatform>{
|
|
TargetPlatform.linux,
|
|
TargetPlatform.macOS,
|
|
TargetPlatform.windows,
|
|
}),
|
|
);
|
|
|
|
testWidgets('Adaptive scrollbar', (WidgetTester tester) async {
|
|
Widget viewWithScroll(TargetPlatform platform) {
|
|
return _buildBoilerplate(
|
|
child: Theme(
|
|
data: ThemeData(platform: platform),
|
|
child: const Scrollbar(
|
|
child: SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll(TargetPlatform.android));
|
|
await tester.drag(find.byType(SingleChildScrollView), const Offset(0.0, -10.0));
|
|
await tester.pump();
|
|
// Scrollbar fully showing
|
|
await tester.pump(const Duration(milliseconds: 500));
|
|
expect(find.byType(Scrollbar), paints..rect());
|
|
|
|
await tester.pumpWidget(viewWithScroll(TargetPlatform.iOS));
|
|
final TestGesture gesture = await tester.startGesture(
|
|
tester.getCenter(find.byType(SingleChildScrollView)),
|
|
);
|
|
await gesture.moveBy(const Offset(0.0, -10.0));
|
|
await tester.drag(find.byType(SingleChildScrollView), const Offset(0.0, -10.0));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 200));
|
|
expect(find.byType(Scrollbar), paints..rrect());
|
|
expect(find.byType(CupertinoScrollbar), paints..rrect());
|
|
await gesture.up();
|
|
await tester.pumpAndSettle();
|
|
});
|
|
|
|
testWidgets(
|
|
'Scrollbar passes controller to CupertinoScrollbar',
|
|
(WidgetTester tester) async {
|
|
final ScrollController controller = ScrollController();
|
|
Widget viewWithScroll(TargetPlatform? platform) {
|
|
return _buildBoilerplate(
|
|
child: Theme(
|
|
data: ThemeData(platform: platform),
|
|
child: Scrollbar(
|
|
controller: controller,
|
|
child: SingleChildScrollView(
|
|
controller: controller,
|
|
child: const SizedBox(width: 4000.0, height: 4000.0),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(viewWithScroll(debugDefaultTargetPlatformOverride));
|
|
final TestGesture gesture = await tester.startGesture(
|
|
tester.getCenter(find.byType(SingleChildScrollView)),
|
|
);
|
|
await gesture.moveBy(const Offset(0.0, -10.0));
|
|
await tester.drag(find.byType(SingleChildScrollView), const Offset(0.0, -10.0));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 200));
|
|
expect(find.byType(CupertinoScrollbar), paints..rrect());
|
|
final CupertinoScrollbar scrollbar = tester.widget<CupertinoScrollbar>(
|
|
find.byType(CupertinoScrollbar),
|
|
);
|
|
expect(scrollbar.controller, isNotNull);
|
|
|
|
controller.dispose();
|
|
},
|
|
variant: const TargetPlatformVariant(<TargetPlatform>{TargetPlatform.iOS}),
|
|
);
|
|
|
|
testWidgets(
|
|
"Scrollbar doesn't show when scroll the inner scrollable widget",
|
|
(WidgetTester tester) async {
|
|
final GlobalKey key1 = GlobalKey();
|
|
final GlobalKey key2 = GlobalKey();
|
|
final GlobalKey outerKey = GlobalKey();
|
|
final GlobalKey innerKey = GlobalKey();
|
|
await tester.pumpWidget(
|
|
Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: MediaQuery(
|
|
data: const MediaQueryData(),
|
|
child: ScrollConfiguration(
|
|
behavior: const NoScrollbarBehavior(),
|
|
child: Scrollbar(
|
|
key: key2,
|
|
child: SingleChildScrollView(
|
|
key: outerKey,
|
|
child: SizedBox(
|
|
height: 1000.0,
|
|
width: double.infinity,
|
|
child: Column(
|
|
children: <Widget>[
|
|
Scrollbar(
|
|
key: key1,
|
|
child: SizedBox(
|
|
height: 300.0,
|
|
width: double.infinity,
|
|
child: SingleChildScrollView(
|
|
key: innerKey,
|
|
child: const SizedBox(
|
|
key: Key('Inner scrollable'),
|
|
height: 1000.0,
|
|
width: double.infinity,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Drag the inner scrollable widget.
|
|
await tester.drag(find.byKey(innerKey), const Offset(0.0, -25.0));
|
|
await tester.pump();
|
|
// Scrollbar fully showing.
|
|
await tester.pump(const Duration(milliseconds: 500));
|
|
|
|
expect(
|
|
tester.renderObject(find.byKey(key2)),
|
|
paintsExactlyCountTimes(#drawRect, 2), // Each bar will call [drawRect] twice.
|
|
);
|
|
|
|
expect(tester.renderObject(find.byKey(key1)), paintsExactlyCountTimes(#drawRect, 2));
|
|
},
|
|
variant: TargetPlatformVariant.all(),
|
|
);
|
|
|
|
testWidgets(
|
|
'Scrollbar dragging can be disabled',
|
|
(WidgetTester tester) async {
|
|
final ScrollController scrollController = ScrollController();
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(useMaterial3: false),
|
|
home: PrimaryScrollController(
|
|
controller: scrollController,
|
|
child: Scrollbar(
|
|
interactive: false,
|
|
thumbVisibility: true,
|
|
controller: scrollController,
|
|
child: const SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
expect(scrollController.offset, 0.0);
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: const Rect.fromLTRB(788.0, 0.0, 800.0, 600.0), color: Colors.transparent)
|
|
..line(
|
|
p1: const Offset(788.0, 0.0),
|
|
p2: const Offset(788.0, 600.0),
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rrect(
|
|
rrect: RRect.fromRectAndRadius(
|
|
getStartingThumbRect(isAndroid: false),
|
|
_kDefaultThumbRadius,
|
|
),
|
|
color: _kDefaultIdleThumbColor,
|
|
),
|
|
);
|
|
|
|
// Try to drag the thumb down.
|
|
const double scrollAmount = 10.0;
|
|
final TestGesture dragScrollbarThumbGesture = await tester.startGesture(
|
|
const Offset(797.0, 45.0),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
await dragScrollbarThumbGesture.moveBy(const Offset(0.0, scrollAmount));
|
|
await tester.pumpAndSettle();
|
|
await dragScrollbarThumbGesture.up();
|
|
await tester.pumpAndSettle();
|
|
// Dragging on the thumb does not change the offset.
|
|
expect(scrollController.offset, 0.0);
|
|
|
|
// Drag in the track area to validate pass through to scrollable.
|
|
final TestGesture dragPassThroughTrack = await tester.startGesture(
|
|
const Offset(797.0, 250.0),
|
|
);
|
|
await dragPassThroughTrack.moveBy(const Offset(0.0, -scrollAmount));
|
|
await tester.pumpAndSettle();
|
|
await dragPassThroughTrack.up();
|
|
await tester.pumpAndSettle();
|
|
// The scroll view received the drag.
|
|
expect(scrollController.offset, scrollAmount);
|
|
|
|
// Tap on the track to validate the scroll view will not page.
|
|
await tester.tapAt(const Offset(797.0, 200.0));
|
|
await tester.pumpAndSettle();
|
|
// The offset should not have changed.
|
|
expect(scrollController.offset, scrollAmount);
|
|
|
|
scrollController.dispose();
|
|
},
|
|
variant: const TargetPlatformVariant(<TargetPlatform>{TargetPlatform.fuchsia}),
|
|
);
|
|
|
|
testWidgets('Scrollbar dragging is disabled by default on Android', (WidgetTester tester) async {
|
|
int tapCount = 0;
|
|
final ScrollController scrollController = ScrollController();
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
home: PrimaryScrollController(
|
|
controller: scrollController,
|
|
child: Scrollbar(
|
|
thumbVisibility: true,
|
|
controller: scrollController,
|
|
child: SingleChildScrollView(
|
|
dragStartBehavior: DragStartBehavior.down,
|
|
child: GestureDetector(
|
|
behavior: HitTestBehavior.opaque,
|
|
onTap: () {
|
|
tapCount += 1;
|
|
},
|
|
child: const SizedBox(width: 4000.0, height: 4000.0),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
expect(scrollController.offset, 0.0);
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: _kAndroidTrackDimensions, color: Colors.transparent)
|
|
..line(
|
|
p1: _kTrackBorderPoint1,
|
|
p2: _kTrackBorderPoint2,
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(rect: getStartingThumbRect(isAndroid: true), color: _kAndroidThumbIdleColor),
|
|
);
|
|
|
|
// Try to drag the thumb down.
|
|
const double scrollAmount = 50.0;
|
|
await tester.dragFrom(
|
|
const Offset(797.0, 45.0),
|
|
const Offset(0.0, scrollAmount),
|
|
touchSlopY: 0.0,
|
|
);
|
|
await tester.pumpAndSettle();
|
|
// Dragging on the thumb does not change the offset.
|
|
expect(scrollController.offset, 0.0);
|
|
expect(tapCount, 0);
|
|
|
|
// Try to drag up in the thumb area to validate pass through to scrollable.
|
|
await tester.dragFrom(const Offset(797.0, 45.0), const Offset(0.0, -scrollAmount));
|
|
await tester.pumpAndSettle();
|
|
// The scroll view received the drag.
|
|
expect(scrollController.offset, scrollAmount);
|
|
expect(tapCount, 0);
|
|
|
|
// Drag in the track area to validate pass through to scrollable.
|
|
await tester.dragFrom(
|
|
const Offset(797.0, 45.0),
|
|
const Offset(0.0, -scrollAmount),
|
|
touchSlopY: 0.0,
|
|
);
|
|
await tester.pumpAndSettle();
|
|
// The scroll view received the drag.
|
|
expect(scrollController.offset, scrollAmount * 2);
|
|
expect(tapCount, 0);
|
|
|
|
// Tap on the thumb to validate the scroll view receives a click.
|
|
await tester.tapAt(const Offset(797.0, 45.0));
|
|
await tester.pumpAndSettle();
|
|
expect(tapCount, 1);
|
|
|
|
// Tap on the track to validate the scroll view will not page and receives a click.
|
|
await tester.tapAt(const Offset(797.0, 400.0));
|
|
await tester.pumpAndSettle();
|
|
// The offset should not have changed.
|
|
expect(scrollController.offset, scrollAmount * 2);
|
|
expect(tapCount, 2);
|
|
|
|
scrollController.dispose();
|
|
});
|
|
|
|
testWidgets('Simultaneous dragging and pointer scrolling does not cause a crash', (
|
|
WidgetTester tester,
|
|
) async {
|
|
// Regression test for https://github.com/flutter/flutter/issues/70105
|
|
final ScrollController scrollController = ScrollController();
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(useMaterial3: false),
|
|
home: PrimaryScrollController(
|
|
controller: scrollController,
|
|
child: Scrollbar(
|
|
interactive: true,
|
|
thumbVisibility: true,
|
|
controller: scrollController,
|
|
child: const SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
expect(scrollController.offset, 0.0);
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: _kAndroidTrackDimensions, color: Colors.transparent)
|
|
..line(
|
|
p1: _kTrackBorderPoint1,
|
|
p2: _kTrackBorderPoint2,
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(rect: getStartingThumbRect(isAndroid: true), color: _kAndroidThumbIdleColor),
|
|
);
|
|
|
|
// Drag the thumb down to scroll down.
|
|
const double scrollAmount = 10.0;
|
|
final TestGesture dragScrollbarGesture = await tester.startGesture(const Offset(797.0, 45.0));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: _kAndroidTrackDimensions, color: Colors.transparent)
|
|
..line(
|
|
p1: _kTrackBorderPoint1,
|
|
p2: _kTrackBorderPoint2,
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(
|
|
rect: getStartingThumbRect(isAndroid: true),
|
|
// Drag color
|
|
color: const Color(0x99000000),
|
|
),
|
|
);
|
|
|
|
await dragScrollbarGesture.moveBy(const Offset(0.0, scrollAmount));
|
|
await tester.pumpAndSettle();
|
|
expect(scrollController.offset, greaterThan(10.0));
|
|
final double previousOffset = scrollController.offset;
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: const Rect.fromLTRB(796.0, 0.0, 800.0, 600.0), color: Colors.transparent)
|
|
..line(
|
|
p1: const Offset(796.0, 0.0),
|
|
p2: const Offset(796.0, 600.0),
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(
|
|
rect: const Rect.fromLTRB(796.0, 10.0, 800.0, 100.0),
|
|
color: const Color(0x99000000),
|
|
),
|
|
);
|
|
|
|
// Execute a pointer scroll while dragging (drag gesture has not come up yet)
|
|
final TestPointer pointer = TestPointer(1, ui.PointerDeviceKind.mouse);
|
|
pointer.hover(const Offset(798.0, 15.0));
|
|
await tester.sendEventToBinding(pointer.scroll(const Offset(0.0, 20.0)));
|
|
await tester.pumpAndSettle();
|
|
|
|
if (!kIsWeb) {
|
|
// Scrolling while holding the drag on the scrollbar and still hovered over
|
|
// the scrollbar should not have changed the scroll offset.
|
|
expect(pointer.location, const Offset(798.0, 15.0));
|
|
expect(scrollController.offset, previousOffset);
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: const Rect.fromLTRB(796.0, 0.0, 800.0, 600.0), color: Colors.transparent)
|
|
..line(
|
|
p1: const Offset(796.0, 0.0),
|
|
p2: const Offset(796.0, 600.0),
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(
|
|
rect: const Rect.fromLTRB(796.0, 10.0, 800.0, 100.0),
|
|
color: const Color(0x99000000),
|
|
),
|
|
);
|
|
} else {
|
|
expect(pointer.location, const Offset(798.0, 15.0));
|
|
expect(scrollController.offset, previousOffset + 20.0);
|
|
}
|
|
|
|
// Drag is still being held, move pointer to be hovering over another area
|
|
// of the scrollable (not over the scrollbar) and execute another pointer scroll
|
|
pointer.hover(tester.getCenter(find.byType(SingleChildScrollView)));
|
|
await tester.sendEventToBinding(pointer.scroll(const Offset(0.0, -90.0)));
|
|
await tester.pumpAndSettle();
|
|
// Scrolling while holding the drag on the scrollbar changed the offset
|
|
expect(pointer.location, const Offset(400.0, 300.0));
|
|
expect(scrollController.offset, 0.0);
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: const Rect.fromLTRB(796.0, 0.0, 800.0, 600.0), color: Colors.transparent)
|
|
..line(
|
|
p1: const Offset(796.0, 0.0),
|
|
p2: const Offset(796.0, 600.0),
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(rect: const Rect.fromLTRB(796.0, 0.0, 800.0, 90.0), color: const Color(0x99000000)),
|
|
);
|
|
|
|
await dragScrollbarGesture.up();
|
|
await tester.pumpAndSettle();
|
|
expect(scrollController.offset, 0.0);
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: const Rect.fromLTRB(796.0, 0.0, 800.0, 600.0), color: Colors.transparent)
|
|
..line(
|
|
p1: const Offset(796.0, 0.0),
|
|
p2: const Offset(796.0, 600.0),
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(rect: const Rect.fromLTRB(796.0, 0.0, 800.0, 90.0), color: const Color(0xffbcbcbc)),
|
|
);
|
|
|
|
scrollController.dispose();
|
|
});
|
|
|
|
testWidgets(
|
|
'Scrollbar.thumbVisibility triggers assertion when multiple ScrollPositions are attached.',
|
|
(WidgetTester tester) async {
|
|
Widget getTabContent({ScrollController? scrollController}) {
|
|
return Scrollbar(
|
|
thumbVisibility: true,
|
|
controller: scrollController,
|
|
child: ListView.builder(
|
|
controller: scrollController,
|
|
itemCount: 200,
|
|
itemBuilder: (BuildContext context, int index) => const Text('Test'),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildApp({required String id, ScrollController? scrollController}) {
|
|
return MaterialApp(
|
|
key: ValueKey<String>(id),
|
|
home: DefaultTabController(
|
|
length: 2,
|
|
child: Scaffold(
|
|
body: TabBarView(
|
|
children: <Widget>[
|
|
getTabContent(scrollController: scrollController),
|
|
getTabContent(scrollController: scrollController),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Asserts when using the PrimaryScrollController.
|
|
await tester.pumpWidget(buildApp(id: 'PrimaryScrollController'));
|
|
|
|
// Swipe to the second tab, resulting in two attached ScrollPositions during
|
|
// the transition.
|
|
await tester.drag(find.text('Test').first, const Offset(-100.0, 0.0));
|
|
await tester.pump();
|
|
|
|
FlutterError error = tester.takeException() as FlutterError;
|
|
expect(
|
|
error.message,
|
|
'''
|
|
The PrimaryScrollController is attached to more than one ScrollPosition.
|
|
The Scrollbar requires a single ScrollPosition in order to be painted.
|
|
When Scrollbar.thumbVisibility is true, the associated ScrollController must only have one ScrollPosition attached.
|
|
If a ScrollController has not been provided, the PrimaryScrollController is used by default on mobile platforms for ScrollViews with an Axis.vertical scroll direction.
|
|
More than one ScrollView may have tried to use the PrimaryScrollController of the current context. ScrollView.primary can override this behavior.''',
|
|
);
|
|
|
|
// Asserts when using the ScrollController provided by the user.
|
|
final ScrollController scrollController = ScrollController();
|
|
await tester.pumpWidget(
|
|
buildApp(id: 'Provided ScrollController', scrollController: scrollController),
|
|
);
|
|
|
|
// Swipe to the second tab, resulting in two attached ScrollPositions during
|
|
// the transition.
|
|
await tester.drag(find.text('Test').first, const Offset(-100.0, 0.0));
|
|
await tester.pump();
|
|
error = tester.takeException() as FlutterError;
|
|
expect(error.message, '''
|
|
The provided ScrollController is attached to more than one ScrollPosition.
|
|
The Scrollbar requires a single ScrollPosition in order to be painted.
|
|
When Scrollbar.thumbVisibility is true, the associated ScrollController must only have one ScrollPosition attached.
|
|
The provided ScrollController cannot be shared by multiple ScrollView widgets.''');
|
|
|
|
scrollController.dispose();
|
|
},
|
|
);
|
|
|
|
testWidgets('Scrollbar scrollOrientation works correctly', (WidgetTester tester) async {
|
|
final ScrollController scrollController = ScrollController();
|
|
|
|
Widget buildScrollWithOrientation(ScrollbarOrientation orientation) {
|
|
return _buildBoilerplate(
|
|
child: Theme(
|
|
data: ThemeData(platform: TargetPlatform.android),
|
|
child: PrimaryScrollController(
|
|
controller: scrollController,
|
|
child: Scrollbar(
|
|
interactive: true,
|
|
thumbVisibility: true,
|
|
scrollbarOrientation: orientation,
|
|
controller: scrollController,
|
|
child: const SingleChildScrollView(child: SizedBox(width: 4000.0, height: 4000.0)),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(buildScrollWithOrientation(ScrollbarOrientation.left));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(
|
|
find.byType(Scrollbar),
|
|
paints
|
|
..rect(rect: const Rect.fromLTRB(0.0, 0.0, 4.0, 600.0), color: Colors.transparent)
|
|
..line(
|
|
p1: const Offset(4.0, 0.0),
|
|
p2: const Offset(4.0, 600.0),
|
|
strokeWidth: 1.0,
|
|
color: Colors.transparent,
|
|
)
|
|
..rect(rect: const Rect.fromLTRB(0.0, 0.0, 4.0, 90.0), color: _kAndroidThumbIdleColor),
|
|
);
|
|
|
|
scrollController.dispose();
|
|
});
|
|
}
|