1311 lines
50 KiB
Dart
1311 lines
50 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.
|
|
|
|
import 'dart:math' as math;
|
|
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
import 'two_dimensional_utils.dart';
|
|
|
|
Finder findKey(int i) => find.byKey(ValueKey<int>(i), skipOffstage: false);
|
|
|
|
Widget buildSingleChildScrollView(Axis scrollDirection, {bool reverse = false}) {
|
|
return Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Center(
|
|
child: SizedBox(
|
|
width: 600.0,
|
|
height: 400.0,
|
|
child: SingleChildScrollView(
|
|
scrollDirection: scrollDirection,
|
|
reverse: reverse,
|
|
child: ListBody(
|
|
mainAxis: scrollDirection,
|
|
children: const <Widget>[
|
|
SizedBox(key: ValueKey<int>(0), width: 200.0, height: 200.0),
|
|
SizedBox(key: ValueKey<int>(1), width: 200.0, height: 200.0),
|
|
SizedBox(key: ValueKey<int>(2), width: 200.0, height: 200.0),
|
|
SizedBox(key: ValueKey<int>(3), width: 200.0, height: 200.0),
|
|
SizedBox(key: ValueKey<int>(4), width: 200.0, height: 200.0),
|
|
SizedBox(key: ValueKey<int>(5), width: 200.0, height: 200.0),
|
|
SizedBox(key: ValueKey<int>(6), width: 200.0, height: 200.0),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildListView(Axis scrollDirection, {bool reverse = false, bool shrinkWrap = false}) {
|
|
return Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Center(
|
|
child: SizedBox(
|
|
width: 600.0,
|
|
height: 400.0,
|
|
child: ListView(
|
|
scrollDirection: scrollDirection,
|
|
reverse: reverse,
|
|
addSemanticIndexes: false,
|
|
shrinkWrap: shrinkWrap,
|
|
children: const <Widget>[
|
|
SizedBox(key: ValueKey<int>(0), width: 200.0, height: 200.0),
|
|
SizedBox(key: ValueKey<int>(1), width: 200.0, height: 200.0),
|
|
SizedBox(key: ValueKey<int>(2), width: 200.0, height: 200.0),
|
|
SizedBox(key: ValueKey<int>(3), width: 200.0, height: 200.0),
|
|
SizedBox(key: ValueKey<int>(4), width: 200.0, height: 200.0),
|
|
SizedBox(key: ValueKey<int>(5), width: 200.0, height: 200.0),
|
|
SizedBox(key: ValueKey<int>(6), width: 200.0, height: 200.0),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void main() {
|
|
group('SingleChildScrollView', () {
|
|
testWidgets('SingleChildScrollView ensureVisible Axis.vertical', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
|
|
await tester.pumpWidget(buildSingleChildScrollView(Axis.vertical));
|
|
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(3)).dy, equals(100.0));
|
|
|
|
Scrollable.ensureVisible(findContext(6));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(6)).dy, equals(300.0));
|
|
|
|
Scrollable.ensureVisible(findContext(4), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(4)).dy, equals(500.0));
|
|
|
|
Scrollable.ensureVisible(findContext(0), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(0)).dy, equals(100.0));
|
|
|
|
Scrollable.ensureVisible(findContext(3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getTopLeft(findKey(3)).dy, equals(100.0));
|
|
});
|
|
|
|
testWidgets('SingleChildScrollView ensureVisible Axis.horizontal', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
|
|
await tester.pumpWidget(buildSingleChildScrollView(Axis.horizontal));
|
|
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(3)).dx, equals(100.0));
|
|
|
|
Scrollable.ensureVisible(findContext(6));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(6)).dx, equals(500.0));
|
|
|
|
Scrollable.ensureVisible(findContext(4), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(4)).dx, equals(700.0));
|
|
|
|
Scrollable.ensureVisible(findContext(0), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(0)).dx, equals(100.0));
|
|
|
|
Scrollable.ensureVisible(findContext(3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getTopLeft(findKey(3)).dx, equals(100.0));
|
|
});
|
|
|
|
testWidgets('SingleChildScrollView ensureVisible Axis.vertical reverse', (
|
|
WidgetTester tester,
|
|
) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
|
|
await tester.pumpWidget(buildSingleChildScrollView(Axis.vertical, reverse: true));
|
|
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(3)).dy, equals(500.0));
|
|
|
|
Scrollable.ensureVisible(findContext(0));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(0)).dy, equals(300.0));
|
|
|
|
Scrollable.ensureVisible(findContext(2), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(2)).dy, equals(100.0));
|
|
|
|
Scrollable.ensureVisible(findContext(6), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(6)).dy, equals(500.0));
|
|
|
|
Scrollable.ensureVisible(findContext(3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getBottomRight(findKey(3)).dy, equals(500.0));
|
|
|
|
// Regression test for https://github.com/flutter/flutter/issues/128749
|
|
// Reset to zero position.
|
|
tester.state<ScrollableState>(find.byType(Scrollable)).position.jumpTo(0.0);
|
|
await tester.pump();
|
|
// 4 is not currently visible as the SingleChildScrollView is contained
|
|
// within a centered SizedBox.
|
|
expect(tester.getBottomLeft(findKey(4)).dy, equals(100.0));
|
|
expect(tester.getBottomLeft(findKey(6)).dy, equals(500.0));
|
|
Scrollable.ensureVisible(
|
|
findContext(6),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
Scrollable.ensureVisible(
|
|
findContext(5),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
// 5 and 6 are already visible beyond the top edge, so no change.
|
|
expect(tester.getBottomLeft(findKey(4)).dy, equals(100.0));
|
|
expect(tester.getBottomLeft(findKey(6)).dy, equals(500.0));
|
|
Scrollable.ensureVisible(
|
|
findContext(4),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
// Since it is reversed, 4 should have come into view at the top
|
|
// edge of the scrollable, matching the alignment expectation.
|
|
expect(tester.getBottomLeft(findKey(4)).dy, equals(300.0));
|
|
expect(tester.getBottomLeft(findKey(6)).dy, equals(700.0));
|
|
|
|
// Bring 6 back into view at the trailing edge, checking the other
|
|
// alignment.
|
|
Scrollable.ensureVisible(
|
|
findContext(6),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtEnd,
|
|
);
|
|
await tester.pump();
|
|
expect(tester.getBottomLeft(findKey(4)).dy, equals(100.0));
|
|
expect(tester.getBottomLeft(findKey(6)).dy, equals(500.0));
|
|
});
|
|
|
|
testWidgets('SingleChildScrollView ensureVisible Axis.horizontal reverse', (
|
|
WidgetTester tester,
|
|
) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
|
|
await tester.pumpWidget(buildSingleChildScrollView(Axis.horizontal, reverse: true));
|
|
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(3)).dx, equals(700.0));
|
|
|
|
Scrollable.ensureVisible(findContext(0));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(0)).dx, equals(300.0));
|
|
|
|
Scrollable.ensureVisible(findContext(2), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(2)).dx, equals(100.0));
|
|
|
|
Scrollable.ensureVisible(findContext(6), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(6)).dx, equals(700.0));
|
|
|
|
Scrollable.ensureVisible(findContext(3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getBottomRight(findKey(3)).dx, equals(700.0));
|
|
|
|
// Regression test for https://github.com/flutter/flutter/issues/128749
|
|
// Reset to zero position.
|
|
tester.state<ScrollableState>(find.byType(Scrollable)).position.jumpTo(0.0);
|
|
await tester.pump();
|
|
// 4 is not currently visible as the SingleChildScrollView is contained
|
|
// within a centered SizedBox.
|
|
expect(tester.getBottomLeft(findKey(3)).dx, equals(-100.0));
|
|
expect(tester.getBottomLeft(findKey(6)).dx, equals(500.0));
|
|
Scrollable.ensureVisible(
|
|
findContext(6),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
Scrollable.ensureVisible(
|
|
findContext(5),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
Scrollable.ensureVisible(
|
|
findContext(4),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
// 4, 5 and 6 are already visible beyond the left edge, so no change.
|
|
expect(tester.getBottomLeft(findKey(3)).dx, equals(-100.0));
|
|
expect(tester.getBottomLeft(findKey(6)).dx, equals(500.0));
|
|
Scrollable.ensureVisible(
|
|
findContext(3),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
// Since it is reversed, 3 should have come into view at the leading
|
|
// edge of the scrollable, matching the alignment expectation.
|
|
expect(tester.getBottomLeft(findKey(3)).dx, equals(100.0));
|
|
expect(tester.getBottomLeft(findKey(6)).dx, equals(700.0));
|
|
|
|
// Bring 6 back into view at the trailing edge, checking the other
|
|
// alignment.
|
|
Scrollable.ensureVisible(
|
|
findContext(6),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtEnd,
|
|
);
|
|
await tester.pump();
|
|
expect(tester.getBottomLeft(findKey(3)).dx, equals(-100.0));
|
|
expect(tester.getBottomLeft(findKey(6)).dx, equals(500.0));
|
|
});
|
|
|
|
testWidgets('SingleChildScrollView ensureVisible rotated child', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: SizedBox(
|
|
width: 600.0,
|
|
height: 400.0,
|
|
child: SingleChildScrollView(
|
|
child: ListBody(
|
|
children: <Widget>[
|
|
const SizedBox(height: 200.0),
|
|
const SizedBox(height: 200.0),
|
|
const SizedBox(height: 200.0),
|
|
SizedBox(
|
|
height: 200.0,
|
|
child: Center(
|
|
child: Transform(
|
|
transform: Matrix4.rotationZ(math.pi),
|
|
child: Container(
|
|
key: const ValueKey<int>(0),
|
|
width: 100.0,
|
|
height: 100.0,
|
|
color: const Color(0xFFFFFFFF),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 200.0),
|
|
const SizedBox(height: 200.0),
|
|
const SizedBox(height: 200.0),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
Scrollable.ensureVisible(findContext(0));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(0)).dy, moreOrLessEquals(100.0, epsilon: 0.1));
|
|
|
|
Scrollable.ensureVisible(findContext(0), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(0)).dy, moreOrLessEquals(500.0, epsilon: 0.1));
|
|
});
|
|
|
|
testWidgets('Nested SingleChildScrollView ensureVisible behavior test', (
|
|
WidgetTester tester,
|
|
) async {
|
|
// Regressing test for https://github.com/flutter/flutter/issues/65100
|
|
Finder findKey(String coordinate) => find.byKey(ValueKey<String>(coordinate));
|
|
BuildContext findContext(String coordinate) => tester.element(findKey(coordinate));
|
|
final rows = List<Row>.generate(
|
|
7,
|
|
(int y) => Row(
|
|
children: List<SizedBox>.generate(
|
|
7,
|
|
(int x) => SizedBox(key: ValueKey<String>('$x, $y'), width: 200.0, height: 200.0),
|
|
),
|
|
),
|
|
);
|
|
|
|
await tester.pumpWidget(
|
|
Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Center(
|
|
child: SizedBox(
|
|
width: 600.0,
|
|
height: 400.0,
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.horizontal,
|
|
child: SingleChildScrollView(child: Column(children: rows)),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Items: 7 * 7 Container(width: 200.0, height: 200.0)
|
|
// viewport: Size(width: 600.0, height: 400.0)
|
|
//
|
|
// 0 600
|
|
// +----------------------+
|
|
// |0,0 |1,0 |2,0 |
|
|
// | | | |
|
|
// +----------------------+
|
|
// |0,1 |1,1 |2,1 |
|
|
// | | | |
|
|
// 400 +----------------------+
|
|
|
|
Scrollable.ensureVisible(findContext('0, 0'));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey('0, 0')), const Offset(100.0, 100.0));
|
|
|
|
Scrollable.ensureVisible(findContext('3, 0'));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey('3, 0')), const Offset(100.0, 100.0));
|
|
|
|
Scrollable.ensureVisible(findContext('3, 0'), alignment: 0.5);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey('3, 0')), const Offset(300.0, 100.0));
|
|
|
|
Scrollable.ensureVisible(findContext('6, 0'));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey('6, 0')), const Offset(500.0, 100.0));
|
|
|
|
Scrollable.ensureVisible(findContext('0, 2'));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey('0, 2')), const Offset(100.0, 100.0));
|
|
|
|
Scrollable.ensureVisible(findContext('3, 2'));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey('3, 2')), const Offset(100.0, 100.0));
|
|
|
|
// It should be at the center of the screen.
|
|
Scrollable.ensureVisible(findContext('3, 2'), alignment: 0.5);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey('3, 2')), const Offset(300.0, 200.0));
|
|
});
|
|
});
|
|
|
|
group('ListView', () {
|
|
testWidgets('ListView ensureVisible Axis.vertical', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
Future<void> prepare(double offset) async {
|
|
tester.state<ScrollableState>(find.byType(Scrollable)).position.jumpTo(offset);
|
|
await tester.pump();
|
|
}
|
|
|
|
await tester.pumpWidget(buildListView(Axis.vertical));
|
|
|
|
await prepare(480.0);
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(3)).dy, equals(100.0));
|
|
|
|
await prepare(1083.0);
|
|
Scrollable.ensureVisible(findContext(6));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(6)).dy, equals(300.0));
|
|
|
|
await prepare(735.0);
|
|
Scrollable.ensureVisible(findContext(4), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(4)).dy, equals(500.0));
|
|
|
|
await prepare(123.0);
|
|
Scrollable.ensureVisible(findContext(0), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(0)).dy, equals(100.0));
|
|
|
|
await prepare(523.0);
|
|
Scrollable.ensureVisible(findContext(3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getTopLeft(findKey(3)).dy, equals(100.0));
|
|
});
|
|
|
|
testWidgets('ListView ensureVisible Axis.horizontal', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
Future<void> prepare(double offset) async {
|
|
tester.state<ScrollableState>(find.byType(Scrollable)).position.jumpTo(offset);
|
|
await tester.pump();
|
|
}
|
|
|
|
await tester.pumpWidget(buildListView(Axis.horizontal));
|
|
|
|
await prepare(23.0);
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(3)).dx, equals(100.0));
|
|
|
|
await prepare(843.0);
|
|
Scrollable.ensureVisible(findContext(6));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(6)).dx, equals(500.0));
|
|
|
|
await prepare(415.0);
|
|
Scrollable.ensureVisible(findContext(4), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(4)).dx, equals(700.0));
|
|
|
|
await prepare(46.0);
|
|
Scrollable.ensureVisible(findContext(0), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(0)).dx, equals(100.0));
|
|
|
|
await prepare(211.0);
|
|
Scrollable.ensureVisible(findContext(3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getTopLeft(findKey(3)).dx, equals(100.0));
|
|
});
|
|
|
|
testWidgets('ListView ensureVisible Axis.vertical reverse', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
Future<void> prepare(double offset) async {
|
|
tester.state<ScrollableState>(find.byType(Scrollable)).position.jumpTo(offset);
|
|
await tester.pump();
|
|
}
|
|
|
|
await tester.pumpWidget(buildListView(Axis.vertical, reverse: true));
|
|
|
|
await prepare(211.0);
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(3)).dy, equals(500.0));
|
|
|
|
await prepare(23.0);
|
|
Scrollable.ensureVisible(findContext(0));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(0)).dy, equals(500.0));
|
|
|
|
await prepare(230.0);
|
|
Scrollable.ensureVisible(findContext(2), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(2)).dy, equals(100.0));
|
|
|
|
await prepare(1083.0);
|
|
Scrollable.ensureVisible(findContext(6), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(6)).dy, equals(300.0));
|
|
|
|
await prepare(345.0);
|
|
Scrollable.ensureVisible(findContext(3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getBottomRight(findKey(3)).dy, equals(500.0));
|
|
|
|
// Regression test for https://github.com/flutter/flutter/issues/128749
|
|
// Reset to zero position.
|
|
await prepare(0.0);
|
|
// 2 is not currently visible as the ListView is contained
|
|
// within a centered SizedBox.
|
|
expect(tester.getBottomLeft(findKey(2)).dy, equals(100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dy, equals(500.0));
|
|
Scrollable.ensureVisible(
|
|
findContext(0),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
Scrollable.ensureVisible(
|
|
findContext(1),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
// 0 and 1 are already visible beyond the top edge, so no change.
|
|
expect(tester.getBottomLeft(findKey(2)).dy, equals(100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dy, equals(500.0));
|
|
Scrollable.ensureVisible(
|
|
findContext(2),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
// Since it is reversed, 2 should have come into view at the top
|
|
// edge of the scrollable, matching the alignment expectation.
|
|
expect(tester.getBottomLeft(findKey(2)).dy, equals(300.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dy, equals(700.0));
|
|
|
|
// Bring 0 back into view at the trailing edge, checking the other
|
|
// alignment.
|
|
Scrollable.ensureVisible(
|
|
findContext(0),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtEnd,
|
|
);
|
|
await tester.pump();
|
|
expect(tester.getBottomLeft(findKey(2)).dy, equals(100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dy, equals(500.0));
|
|
});
|
|
|
|
testWidgets('ListView ensureVisible Axis.horizontal reverse', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
Future<void> prepare(double offset) async {
|
|
tester.state<ScrollableState>(find.byType(Scrollable)).position.jumpTo(offset);
|
|
await tester.pump();
|
|
}
|
|
|
|
await tester.pumpWidget(buildListView(Axis.horizontal, reverse: true));
|
|
|
|
await prepare(211.0);
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(3)).dx, equals(700.0));
|
|
|
|
await prepare(23.0);
|
|
Scrollable.ensureVisible(findContext(0));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(0)).dx, equals(700.0));
|
|
|
|
await prepare(230.0);
|
|
Scrollable.ensureVisible(findContext(2), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(2)).dx, equals(100.0));
|
|
|
|
await prepare(1083.0);
|
|
Scrollable.ensureVisible(findContext(6), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(6)).dx, equals(300.0));
|
|
|
|
await prepare(345.0);
|
|
Scrollable.ensureVisible(findContext(3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getBottomRight(findKey(3)).dx, equals(700.0));
|
|
|
|
// Regression test for https://github.com/flutter/flutter/issues/128749
|
|
// Reset to zero position.
|
|
await prepare(0.0);
|
|
// 3 is not currently visible as the ListView is contained
|
|
// within a centered SizedBox.
|
|
expect(tester.getBottomLeft(findKey(3)).dx, equals(-100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dx, equals(500.0));
|
|
Scrollable.ensureVisible(
|
|
findContext(0),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
Scrollable.ensureVisible(
|
|
findContext(1),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
Scrollable.ensureVisible(
|
|
findContext(2),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
// 0, 1 and 2 are already visible beyond the left edge, so no change.
|
|
expect(tester.getBottomLeft(findKey(3)).dx, equals(-100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dx, equals(500.0));
|
|
Scrollable.ensureVisible(
|
|
findContext(3),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
// Since it is reversed, 3 should have come into view at the leading
|
|
// edge of the scrollable, matching the alignment expectation.
|
|
expect(tester.getBottomLeft(findKey(3)).dx, equals(100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dx, equals(700.0));
|
|
|
|
// Bring 0 back into view at the trailing edge, checking the other
|
|
// alignment.
|
|
Scrollable.ensureVisible(
|
|
findContext(0),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtEnd,
|
|
);
|
|
await tester.pump();
|
|
expect(tester.getBottomLeft(findKey(3)).dx, equals(-100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dx, equals(500.0));
|
|
});
|
|
|
|
testWidgets('ListView ensureVisible negative child', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
Future<void> prepare(double offset) async {
|
|
tester.state<ScrollableState>(find.byType(Scrollable)).position.jumpTo(offset);
|
|
await tester.pump();
|
|
}
|
|
|
|
double getOffset() {
|
|
return tester.state<ScrollableState>(find.byType(Scrollable)).position.pixels;
|
|
}
|
|
|
|
Widget buildSliver(int i) {
|
|
return SliverToBoxAdapter(
|
|
key: ValueKey<int>(i),
|
|
child: const SizedBox(width: 200.0, height: 200.0),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(
|
|
Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Center(
|
|
child: SizedBox(
|
|
width: 600.0,
|
|
height: 400.0,
|
|
child: Scrollable(
|
|
viewportBuilder: (BuildContext context, ViewportOffset offset) {
|
|
return Viewport(
|
|
offset: offset,
|
|
center: const ValueKey<int>(4),
|
|
slivers: <Widget>[
|
|
buildSliver(0),
|
|
buildSliver(1),
|
|
buildSliver(2),
|
|
buildSliver(3),
|
|
buildSliver(4),
|
|
buildSliver(5),
|
|
buildSliver(6),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
await prepare(-125.0);
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(getOffset(), equals(-200.0));
|
|
|
|
await prepare(-225.0);
|
|
Scrollable.ensureVisible(findContext(2));
|
|
await tester.pump();
|
|
expect(getOffset(), equals(-400.0));
|
|
});
|
|
|
|
testWidgets('ListView ensureVisible rotated child', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
Future<void> prepare(double offset) async {
|
|
tester.state<ScrollableState>(find.byType(Scrollable)).position.jumpTo(offset);
|
|
await tester.pump();
|
|
}
|
|
|
|
await tester.pumpWidget(
|
|
Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Center(
|
|
child: SizedBox(
|
|
width: 600.0,
|
|
height: 400.0,
|
|
child: ListView(
|
|
children: <Widget>[
|
|
const SizedBox(height: 200.0),
|
|
const SizedBox(height: 200.0),
|
|
const SizedBox(height: 200.0),
|
|
SizedBox(
|
|
height: 200.0,
|
|
child: Center(
|
|
child: Transform(
|
|
transform: Matrix4.rotationZ(math.pi),
|
|
child: Container(
|
|
key: const ValueKey<int>(0),
|
|
width: 100.0,
|
|
height: 100.0,
|
|
color: const Color(0xFFFFFFFF),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 200.0),
|
|
const SizedBox(height: 200.0),
|
|
const SizedBox(height: 200.0),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
await prepare(321.0);
|
|
Scrollable.ensureVisible(findContext(0));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(0)).dy, moreOrLessEquals(100.0, epsilon: 0.1));
|
|
|
|
Scrollable.ensureVisible(findContext(0), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(0)).dy, moreOrLessEquals(500.0, epsilon: 0.1));
|
|
});
|
|
});
|
|
|
|
group('ListView shrinkWrap', () {
|
|
testWidgets('ListView ensureVisible Axis.vertical', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
Future<void> prepare(double offset) async {
|
|
tester.state<ScrollableState>(find.byType(Scrollable)).position.jumpTo(offset);
|
|
await tester.pump();
|
|
}
|
|
|
|
await tester.pumpWidget(buildListView(Axis.vertical, shrinkWrap: true));
|
|
|
|
await prepare(480.0);
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(3)).dy, equals(100.0));
|
|
|
|
await prepare(1083.0);
|
|
Scrollable.ensureVisible(findContext(6));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(6)).dy, equals(300.0));
|
|
|
|
await prepare(735.0);
|
|
Scrollable.ensureVisible(findContext(4), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(4)).dy, equals(500.0));
|
|
|
|
await prepare(123.0);
|
|
Scrollable.ensureVisible(findContext(0), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(0)).dy, equals(100.0));
|
|
|
|
await prepare(523.0);
|
|
Scrollable.ensureVisible(findContext(3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getTopLeft(findKey(3)).dy, equals(100.0));
|
|
});
|
|
|
|
testWidgets('ListView ensureVisible Axis.horizontal', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
Future<void> prepare(double offset) async {
|
|
tester.state<ScrollableState>(find.byType(Scrollable)).position.jumpTo(offset);
|
|
await tester.pump();
|
|
}
|
|
|
|
await tester.pumpWidget(buildListView(Axis.horizontal, shrinkWrap: true));
|
|
|
|
await prepare(23.0);
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(3)).dx, equals(100.0));
|
|
|
|
await prepare(843.0);
|
|
Scrollable.ensureVisible(findContext(6));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(6)).dx, equals(500.0));
|
|
|
|
await prepare(415.0);
|
|
Scrollable.ensureVisible(findContext(4), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(4)).dx, equals(700.0));
|
|
|
|
await prepare(46.0);
|
|
Scrollable.ensureVisible(findContext(0), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(0)).dx, equals(100.0));
|
|
|
|
await prepare(211.0);
|
|
Scrollable.ensureVisible(findContext(3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getTopLeft(findKey(3)).dx, equals(100.0));
|
|
});
|
|
|
|
testWidgets('ListView ensureVisible Axis.vertical reverse', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
Future<void> prepare(double offset) async {
|
|
tester.state<ScrollableState>(find.byType(Scrollable)).position.jumpTo(offset);
|
|
await tester.pump();
|
|
}
|
|
|
|
await tester.pumpWidget(buildListView(Axis.vertical, reverse: true, shrinkWrap: true));
|
|
|
|
await prepare(211.0);
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(3)).dy, equals(500.0));
|
|
|
|
await prepare(23.0);
|
|
Scrollable.ensureVisible(findContext(0));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(0)).dy, equals(500.0));
|
|
|
|
await prepare(230.0);
|
|
Scrollable.ensureVisible(findContext(2), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(2)).dy, equals(100.0));
|
|
|
|
await prepare(1083.0);
|
|
Scrollable.ensureVisible(findContext(6), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(6)).dy, equals(300.0));
|
|
|
|
await prepare(345.0);
|
|
Scrollable.ensureVisible(findContext(3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getBottomRight(findKey(3)).dy, equals(500.0));
|
|
|
|
// Regression test for https://github.com/flutter/flutter/issues/128749
|
|
// Reset to zero position.
|
|
await prepare(0.0);
|
|
// 2 is not currently visible as the ListView is contained
|
|
// within a centered SizedBox.
|
|
expect(tester.getBottomLeft(findKey(2)).dy, equals(100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dy, equals(500.0));
|
|
Scrollable.ensureVisible(
|
|
findContext(0),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
Scrollable.ensureVisible(
|
|
findContext(1),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
// 0 and 1 are already visible beyond the top edge, so no change.
|
|
expect(tester.getBottomLeft(findKey(2)).dy, equals(100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dy, equals(500.0));
|
|
Scrollable.ensureVisible(
|
|
findContext(2),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
// Since it is reversed, 2 should have come into view at the top
|
|
// edge of the scrollable, matching the alignment expectation.
|
|
expect(tester.getBottomLeft(findKey(2)).dy, equals(300.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dy, equals(700.0));
|
|
|
|
// Bring 0 back into view at the trailing edge, checking the other
|
|
// alignment.
|
|
Scrollable.ensureVisible(
|
|
findContext(0),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtEnd,
|
|
);
|
|
await tester.pump();
|
|
expect(tester.getBottomLeft(findKey(2)).dy, equals(100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dy, equals(500.0));
|
|
});
|
|
|
|
testWidgets('ListView ensureVisible Axis.horizontal reverse', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
Future<void> prepare(double offset) async {
|
|
tester.state<ScrollableState>(find.byType(Scrollable)).position.jumpTo(offset);
|
|
await tester.pump();
|
|
}
|
|
|
|
await tester.pumpWidget(buildListView(Axis.horizontal, reverse: true, shrinkWrap: true));
|
|
|
|
await prepare(211.0);
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(3)).dx, equals(700.0));
|
|
|
|
await prepare(23.0);
|
|
Scrollable.ensureVisible(findContext(0));
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(0)).dx, equals(700.0));
|
|
|
|
await prepare(230.0);
|
|
Scrollable.ensureVisible(findContext(2), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(2)).dx, equals(100.0));
|
|
|
|
await prepare(1083.0);
|
|
Scrollable.ensureVisible(findContext(6), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(6)).dx, equals(300.0));
|
|
|
|
await prepare(345.0);
|
|
Scrollable.ensureVisible(findContext(3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getBottomRight(findKey(3)).dx, equals(700.0));
|
|
|
|
// Regression test for https://github.com/flutter/flutter/issues/128749
|
|
// Reset to zero position.
|
|
await prepare(0.0);
|
|
// 3 is not currently visible as the ListView is contained
|
|
// within a centered SizedBox.
|
|
expect(tester.getBottomLeft(findKey(3)).dx, equals(-100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dx, equals(500.0));
|
|
Scrollable.ensureVisible(
|
|
findContext(0),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
Scrollable.ensureVisible(
|
|
findContext(1),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
Scrollable.ensureVisible(
|
|
findContext(2),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
// 0, 1 and 2 are already visible beyond the left edge, so no change.
|
|
expect(tester.getBottomLeft(findKey(3)).dx, equals(-100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dx, equals(500.0));
|
|
Scrollable.ensureVisible(
|
|
findContext(3),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtStart,
|
|
);
|
|
await tester.pump();
|
|
// Since it is reversed, 3 should have come into view at the leading
|
|
// edge of the scrollable, matching the alignment expectation.
|
|
expect(tester.getBottomLeft(findKey(3)).dx, equals(100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dx, equals(700.0));
|
|
|
|
// Bring 0 back into view at the trailing edge, checking the other
|
|
// alignment.
|
|
Scrollable.ensureVisible(
|
|
findContext(0),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtEnd,
|
|
);
|
|
await tester.pump();
|
|
expect(tester.getBottomLeft(findKey(3)).dx, equals(-100.0));
|
|
expect(tester.getBottomLeft(findKey(0)).dx, equals(500.0));
|
|
});
|
|
});
|
|
|
|
group('Scrollable with center', () {
|
|
testWidgets('ensureVisible', (WidgetTester tester) async {
|
|
BuildContext findContext(int i) => tester.element(findKey(i));
|
|
Future<void> prepare(double offset) async {
|
|
tester.state<ScrollableState>(find.byType(Scrollable)).position.jumpTo(offset);
|
|
await tester.pump();
|
|
}
|
|
|
|
await tester.pumpWidget(
|
|
Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Center(
|
|
child: SizedBox(
|
|
width: 600.0,
|
|
height: 400.0,
|
|
child: Scrollable(
|
|
viewportBuilder: (BuildContext context, ViewportOffset offset) {
|
|
return Viewport(
|
|
offset: offset,
|
|
center: const ValueKey<String>('center'),
|
|
slivers: const <Widget>[
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(key: ValueKey<int>(-6), width: 200.0, height: 200.0),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(key: ValueKey<int>(-5), width: 200.0, height: 200.0),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(key: ValueKey<int>(-4), width: 200.0, height: 200.0),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(key: ValueKey<int>(-3), width: 200.0, height: 200.0),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(key: ValueKey<int>(-2), width: 200.0, height: 200.0),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(key: ValueKey<int>(-1), width: 200.0, height: 200.0),
|
|
),
|
|
SliverToBoxAdapter(
|
|
key: ValueKey<String>('center'),
|
|
child: SizedBox(key: ValueKey<int>(0), width: 200.0, height: 200.0),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(key: ValueKey<int>(1), width: 200.0, height: 200.0),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(key: ValueKey<int>(2), width: 200.0, height: 200.0),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(key: ValueKey<int>(3), width: 200.0, height: 200.0),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(key: ValueKey<int>(4), width: 200.0, height: 200.0),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(key: ValueKey<int>(5), width: 200.0, height: 200.0),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(key: ValueKey<int>(6), width: 200.0, height: 200.0),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
await prepare(480.0);
|
|
Scrollable.ensureVisible(findContext(3));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(3)).dy, equals(100.0));
|
|
|
|
await prepare(1083.0);
|
|
Scrollable.ensureVisible(findContext(6));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(6)).dy, equals(300.0));
|
|
|
|
await prepare(735.0);
|
|
Scrollable.ensureVisible(findContext(4), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(4)).dy, equals(500.0));
|
|
|
|
await prepare(123.0);
|
|
Scrollable.ensureVisible(findContext(0), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(0)).dy, equals(500.0));
|
|
|
|
await prepare(523.0);
|
|
Scrollable.ensureVisible(findContext(3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getTopLeft(findKey(3)).dy, equals(100.0));
|
|
|
|
await prepare(-480.0);
|
|
Scrollable.ensureVisible(findContext(-3));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(-3)).dy, equals(100.0));
|
|
|
|
await prepare(-1083.0);
|
|
Scrollable.ensureVisible(findContext(-6));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(-6)).dy, equals(100.0));
|
|
|
|
await prepare(-735.0);
|
|
Scrollable.ensureVisible(findContext(-4), alignment: 1.0);
|
|
await tester.pump();
|
|
expect(tester.getBottomRight(findKey(-4)).dy, equals(500.0));
|
|
|
|
await prepare(-523.0);
|
|
Scrollable.ensureVisible(findContext(-3), duration: const Duration(seconds: 1));
|
|
await tester.pump();
|
|
await tester.pump(const Duration(milliseconds: 1020));
|
|
expect(tester.getTopLeft(findKey(-3)).dy, equals(100.0));
|
|
});
|
|
});
|
|
|
|
group('TwoDimensionalViewport ensureVisible', () {
|
|
Finder findKey(ChildVicinity vicinity) {
|
|
return find.byKey(ValueKey<ChildVicinity>(vicinity));
|
|
}
|
|
|
|
BuildContext findContext(WidgetTester tester, ChildVicinity vicinity) {
|
|
return tester.element(findKey(vicinity));
|
|
}
|
|
|
|
testWidgets('Axis.vertical', (WidgetTester tester) async {
|
|
await tester.pumpWidget(simpleBuilderTest(useCacheExtent: true));
|
|
|
|
Scrollable.ensureVisible(findContext(tester, const ChildVicinity(xIndex: 0, yIndex: 0)));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(const ChildVicinity(xIndex: 0, yIndex: 0))).dy, equals(0.0));
|
|
// (0, 3) is in the cache extent, and will be brought into view next
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 0, yIndex: 3))).dy,
|
|
equals(600.0),
|
|
);
|
|
Scrollable.ensureVisible(findContext(tester, const ChildVicinity(xIndex: 0, yIndex: 3)));
|
|
await tester.pump();
|
|
// Now in view at top edge of viewport
|
|
expect(tester.getTopLeft(findKey(const ChildVicinity(xIndex: 0, yIndex: 3))).dy, equals(0.0));
|
|
|
|
// If already visible, no change
|
|
Scrollable.ensureVisible(findContext(tester, const ChildVicinity(xIndex: 0, yIndex: 3)));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(const ChildVicinity(xIndex: 0, yIndex: 3))).dy, equals(0.0));
|
|
});
|
|
|
|
testWidgets('Axis.horizontal', (WidgetTester tester) async {
|
|
await tester.pumpWidget(simpleBuilderTest(useCacheExtent: true));
|
|
|
|
Scrollable.ensureVisible(findContext(tester, const ChildVicinity(xIndex: 1, yIndex: 0)));
|
|
await tester.pump();
|
|
expect(tester.getTopLeft(findKey(const ChildVicinity(xIndex: 1, yIndex: 0))).dx, equals(0.0));
|
|
// (5, 0) is now in the cache extent, and will be brought into view next
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 5, yIndex: 0))).dx,
|
|
equals(800.0),
|
|
);
|
|
Scrollable.ensureVisible(
|
|
findContext(tester, const ChildVicinity(xIndex: 5, yIndex: 0)),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtEnd,
|
|
);
|
|
await tester.pump();
|
|
// Now in view at trailing edge of viewport
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 5, yIndex: 0))).dx,
|
|
equals(600.0),
|
|
);
|
|
|
|
// If already in position, no change
|
|
Scrollable.ensureVisible(
|
|
findContext(tester, const ChildVicinity(xIndex: 5, yIndex: 0)),
|
|
alignmentPolicy: ScrollPositionAlignmentPolicy.keepVisibleAtEnd,
|
|
);
|
|
await tester.pump();
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 5, yIndex: 0))).dx,
|
|
equals(600.0),
|
|
);
|
|
});
|
|
|
|
testWidgets('both axes', (WidgetTester tester) async {
|
|
await tester.pumpWidget(simpleBuilderTest(useCacheExtent: true));
|
|
|
|
Scrollable.ensureVisible(findContext(tester, const ChildVicinity(xIndex: 1, yIndex: 1)));
|
|
await tester.pump();
|
|
expect(
|
|
tester.getRect(findKey(const ChildVicinity(xIndex: 1, yIndex: 1))),
|
|
const Rect.fromLTRB(0.0, 0.0, 200.0, 200.0),
|
|
);
|
|
// (5, 4) is in the cache extent, and will be brought into view next
|
|
expect(
|
|
tester.getRect(findKey(const ChildVicinity(xIndex: 5, yIndex: 4))),
|
|
const Rect.fromLTRB(800.0, 600.0, 1000.0, 800.0),
|
|
);
|
|
Scrollable.ensureVisible(
|
|
findContext(tester, const ChildVicinity(xIndex: 5, yIndex: 4)),
|
|
alignment: 1.0, // Same as ScrollAlignmentPolicy.keepVisibleAtEnd
|
|
);
|
|
await tester.pump();
|
|
// Now in view at bottom trailing corner of viewport
|
|
expect(
|
|
tester.getRect(findKey(const ChildVicinity(xIndex: 5, yIndex: 4))),
|
|
const Rect.fromLTRB(600.0, 400.0, 800.0, 600.0),
|
|
);
|
|
|
|
// If already visible, no change
|
|
Scrollable.ensureVisible(
|
|
findContext(tester, const ChildVicinity(xIndex: 5, yIndex: 4)),
|
|
alignment: 1.0,
|
|
);
|
|
await tester.pump();
|
|
expect(
|
|
tester.getRect(findKey(const ChildVicinity(xIndex: 5, yIndex: 4))),
|
|
const Rect.fromLTRB(600.0, 400.0, 800.0, 600.0),
|
|
);
|
|
});
|
|
|
|
testWidgets('Axis.vertical reverse', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
simpleBuilderTest(
|
|
verticalDetails: const ScrollableDetails.vertical(reverse: true),
|
|
useCacheExtent: true,
|
|
),
|
|
);
|
|
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 0, yIndex: 0))).dy,
|
|
equals(400.0),
|
|
);
|
|
Scrollable.ensureVisible(findContext(tester, const ChildVicinity(xIndex: 0, yIndex: 0)));
|
|
await tester.pump();
|
|
// Already visible so no change.
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 0, yIndex: 0))).dy,
|
|
equals(400.0),
|
|
);
|
|
// (0, 3) is in the cache extent, and will be brought into view next
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 0, yIndex: 3))).dy,
|
|
equals(-200.0),
|
|
);
|
|
Scrollable.ensureVisible(findContext(tester, const ChildVicinity(xIndex: 0, yIndex: 3)));
|
|
await tester.pump();
|
|
// Now in view at bottom edge of viewport since we are reversed
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 0, yIndex: 3))).dy,
|
|
equals(400.0),
|
|
);
|
|
|
|
// If already visible, no change
|
|
Scrollable.ensureVisible(findContext(tester, const ChildVicinity(xIndex: 0, yIndex: 3)));
|
|
await tester.pump();
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 0, yIndex: 3))).dy,
|
|
equals(400.0),
|
|
);
|
|
});
|
|
|
|
testWidgets('Axis.horizontal reverse', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
simpleBuilderTest(
|
|
horizontalDetails: const ScrollableDetails.horizontal(reverse: true),
|
|
useCacheExtent: true,
|
|
),
|
|
);
|
|
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 0, yIndex: 0))).dx,
|
|
equals(600.0),
|
|
);
|
|
Scrollable.ensureVisible(findContext(tester, const ChildVicinity(xIndex: 0, yIndex: 0)));
|
|
await tester.pump();
|
|
// Already visible so no change.
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 0, yIndex: 0))).dx,
|
|
equals(600.0),
|
|
);
|
|
// (4, 0) is in the cache extent, and will be brought into view next
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 4, yIndex: 0))).dx,
|
|
equals(-200.0),
|
|
);
|
|
Scrollable.ensureVisible(findContext(tester, const ChildVicinity(xIndex: 4, yIndex: 0)));
|
|
await tester.pump();
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 4, yIndex: 0))).dx,
|
|
equals(200.0),
|
|
);
|
|
|
|
// If already visible, no change
|
|
Scrollable.ensureVisible(findContext(tester, const ChildVicinity(xIndex: 4, yIndex: 0)));
|
|
await tester.pump();
|
|
expect(
|
|
tester.getTopLeft(findKey(const ChildVicinity(xIndex: 4, yIndex: 0))).dx,
|
|
equals(200.0),
|
|
);
|
|
});
|
|
|
|
testWidgets('both axes reverse', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
simpleBuilderTest(
|
|
verticalDetails: const ScrollableDetails.vertical(reverse: true),
|
|
horizontalDetails: const ScrollableDetails.horizontal(reverse: true),
|
|
useCacheExtent: true,
|
|
),
|
|
);
|
|
|
|
Scrollable.ensureVisible(findContext(tester, const ChildVicinity(xIndex: 1, yIndex: 1)));
|
|
await tester.pump();
|
|
expect(
|
|
tester.getRect(findKey(const ChildVicinity(xIndex: 1, yIndex: 1))),
|
|
const Rect.fromLTRB(600.0, 400.0, 800.0, 600.0),
|
|
);
|
|
// (5, 4) is in the cache extent, and will be brought into view next
|
|
expect(
|
|
tester.getRect(findKey(const ChildVicinity(xIndex: 5, yIndex: 4))),
|
|
const Rect.fromLTRB(-200.0, -200.0, 0.0, 0.0),
|
|
);
|
|
Scrollable.ensureVisible(
|
|
findContext(tester, const ChildVicinity(xIndex: 5, yIndex: 4)),
|
|
alignment: 1.0, // Same as ScrollAlignmentPolicy.keepVisibleAtEnd
|
|
);
|
|
await tester.pump();
|
|
// Now in view at trailing corner of viewport
|
|
expect(
|
|
tester.getRect(findKey(const ChildVicinity(xIndex: 5, yIndex: 4))),
|
|
const Rect.fromLTRB(0.0, 0.0, 200.0, 200.0),
|
|
);
|
|
|
|
// If already visible, no change
|
|
Scrollable.ensureVisible(
|
|
findContext(tester, const ChildVicinity(xIndex: 5, yIndex: 4)),
|
|
alignment: 1.0,
|
|
);
|
|
await tester.pump();
|
|
expect(
|
|
tester.getRect(findKey(const ChildVicinity(xIndex: 5, yIndex: 4))),
|
|
const Rect.fromLTRB(0.0, 0.0, 200.0, 200.0),
|
|
);
|
|
});
|
|
});
|
|
}
|