| // 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'; |
| |
| Finder findKey(int i) => find.byKey(ValueKey<int>(i)); |
| |
| 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)); |
| }); |
| |
| 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)); |
| }); |
| |
| 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 List<Row> 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)); |
| }); |
| |
| 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)); |
| }); |
| |
| 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)); |
| }); |
| |
| 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)); |
| }); |
| }); |
| |
| 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)); |
| }); |
| }); |
| } |
