mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
9d96df2364
WIP Commits separated as follows: - Update lints in analysis_options files - Run `dart fix --apply` - Clean up leftover analysis issues - Run `dart format .` in the right places. Local analysis and testing passes. Checking CI now. Part of https://github.com/flutter/flutter/issues/178827 - Adoption of flutter_lints in examples/api coming in a separate change (cc @loic-sharma) ## Pre-launch Checklist - [ ] I read the [Contributor Guide] and followed the process outlined there for submitting PRs. - [ ] I read the [Tree Hygiene] wiki page, which explains my responsibilities. - [ ] I read and followed the [Flutter Style Guide], including [Features we expect every widget to implement]. - [ ] I signed the [CLA]. - [ ] I listed at least one issue that this PR fixes in the description above. - [ ] I updated/added relevant documentation (doc comments with `///`). - [ ] I added new tests to check the change I am making, or this PR is [test-exempt]. - [ ] I followed the [breaking change policy] and added [Data Driven Fixes] where supported. - [ ] All existing and new tests are passing. If you need help, consider asking for advice on the #hackers-new channel on [Discord]. **Note**: The Flutter team is currently trialing the use of [Gemini Code Assist for GitHub](https://developers.google.com/gemini-code-assist/docs/review-github-code). Comments from the `gemini-code-assist` bot should not be taken as authoritative feedback from the Flutter team. If you find its comments useful you can update your code accordingly, but if you are unsure or disagree with the feedback, please feel free to wait for a Flutter team member's review for guidance on which automated comments should be addressed. <!-- Links --> [Contributor Guide]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#overview [Tree Hygiene]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md [test-exempt]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#tests [Flutter Style Guide]: https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md [Features we expect every widget to implement]: https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md#features-we-expect-every-widget-to-implement [CLA]: https://cla.developers.google.com/ [flutter/tests]: https://github.com/flutter/tests [breaking change policy]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#handling-breaking-changes [Discord]: https://github.com/flutter/flutter/blob/main/docs/contributing/Chat.md [Data Driven Fixes]: https://github.com/flutter/flutter/blob/main/docs/contributing/Data-driven-Fixes.md
1312 lines
50 KiB
Dart
1312 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),
|
|
);
|
|
});
|
|
});
|
|
}
|