mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
130808cb68
This PR introduces a TestWidgetsApp utility class that provides a minimal WidgetsApp wrapper for widget tests, replacing direct usage of Directionality widgets. part of: #177415 ## Changes - test_widgets_app.dart - A reusable TestWidgetsApp widget that wraps WidgetsApp with a builder pattern, providing Directionality, MediaQuery, and other app-level widgets that WidgetsApp provides. - gesture_detector_test.dart - Replaced 9 Directionality usages - mouse_region_test.dart - Replaced 13 Directionality usages - opacity_test.dart - Replaced 2 Directionality usages - slivers_evil_test.dart - Replaced 3 Directionality usages and removed redundant MediaQuery wrappers ## Note - This PR updates golden test baselines for opacity_test.dart. ## Pre-launch Checklist - [x] I read the [Contributor Guide] and followed the process outlined there for submitting PRs. - [x] I read the [Tree Hygiene] wiki page, which explains my responsibilities. - [x] I read and followed the [Flutter Style Guide], including [Features we expect every widget to implement]. - [x] I signed the [CLA]. - [x] I listed at least one issue that this PR fixes in the description above. - [x] 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]. - [x] I followed the [breaking change policy] and added [Data Driven Fixes] where supported. - [ ] All existing and new tests are passing.
291 lines
12 KiB
Dart
291 lines
12 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 'package:flutter/rendering.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
import 'widgets_app_tester.dart';
|
|
|
|
class TestSliverPersistentHeaderDelegate extends SliverPersistentHeaderDelegate {
|
|
TestSliverPersistentHeaderDelegate(this._maxExtent);
|
|
|
|
final double _maxExtent;
|
|
|
|
@override
|
|
double get maxExtent => _maxExtent;
|
|
|
|
@override
|
|
double get minExtent => 16.0;
|
|
|
|
@override
|
|
Widget build(BuildContext context, double shrinkOffset, bool overlapsContent) {
|
|
return Column(
|
|
children: <Widget>[
|
|
Container(height: minExtent),
|
|
Expanded(child: Container()),
|
|
],
|
|
);
|
|
}
|
|
|
|
@override
|
|
bool shouldRebuild(TestSliverPersistentHeaderDelegate oldDelegate) => false;
|
|
}
|
|
|
|
class TestBehavior extends ScrollBehavior {
|
|
const TestBehavior();
|
|
|
|
@override
|
|
Widget buildOverscrollIndicator(BuildContext context, Widget child, ScrollableDetails details) {
|
|
return GlowingOverscrollIndicator(
|
|
axisDirection: details.direction,
|
|
color: const Color(0xFFFFFFFF),
|
|
child: child,
|
|
);
|
|
}
|
|
}
|
|
|
|
class TestScrollPhysics extends ClampingScrollPhysics {
|
|
const TestScrollPhysics({super.parent});
|
|
|
|
@override
|
|
TestScrollPhysics applyTo(ScrollPhysics? ancestor) {
|
|
return TestScrollPhysics(parent: parent?.applyTo(ancestor) ?? ancestor);
|
|
}
|
|
|
|
@override
|
|
Tolerance toleranceFor(ScrollMetrics metrics) => const Tolerance(velocity: 20.0, distance: 1.0);
|
|
}
|
|
|
|
void main() {
|
|
testWidgets('Evil test of sliver features - 1', (WidgetTester tester) async {
|
|
final GlobalKey centerKey = GlobalKey();
|
|
final controller = ScrollController();
|
|
addTearDown(controller.dispose);
|
|
await tester.pumpWidget(
|
|
TestWidgetsApp(
|
|
home: ScrollConfiguration(
|
|
behavior: const TestBehavior(),
|
|
child: RawScrollbar(
|
|
controller: controller,
|
|
child: Scrollable(
|
|
controller: controller,
|
|
physics: const TestScrollPhysics(),
|
|
viewportBuilder: (BuildContext context, ViewportOffset offset) {
|
|
return Viewport(
|
|
anchor: 0.25,
|
|
offset: offset,
|
|
center: centerKey,
|
|
slivers: <Widget>[
|
|
SliverToBoxAdapter(child: Container(height: 5.0)),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverPersistentHeader(
|
|
delegate: TestSliverPersistentHeaderDelegate(150.0),
|
|
pinned: true,
|
|
),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverPadding(
|
|
padding: const EdgeInsets.all(50.0),
|
|
sliver: SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverPersistentHeader(
|
|
delegate: TestSliverPersistentHeaderDelegate(150.0),
|
|
floating: true,
|
|
),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverToBoxAdapter(
|
|
key: centerKey,
|
|
child: Container(height: 520.0),
|
|
), // ------------------------ CENTER ------------------------
|
|
SliverPersistentHeader(
|
|
delegate: TestSliverPersistentHeaderDelegate(150.0),
|
|
pinned: true,
|
|
),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverPadding(
|
|
padding: const EdgeInsets.all(50.0),
|
|
sliver: SliverPersistentHeader(
|
|
delegate: TestSliverPersistentHeaderDelegate(250.0),
|
|
pinned: true,
|
|
),
|
|
),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverPersistentHeader(
|
|
delegate: TestSliverPersistentHeaderDelegate(250.0),
|
|
pinned: true,
|
|
),
|
|
SliverToBoxAdapter(child: Container(height: 5.0)),
|
|
SliverPersistentHeader(
|
|
delegate: TestSliverPersistentHeaderDelegate(250.0),
|
|
pinned: true,
|
|
),
|
|
SliverToBoxAdapter(child: Container(height: 5.0)),
|
|
SliverPersistentHeader(
|
|
delegate: TestSliverPersistentHeaderDelegate(250.0),
|
|
pinned: true,
|
|
),
|
|
SliverPersistentHeader(
|
|
delegate: TestSliverPersistentHeaderDelegate(250.0),
|
|
pinned: true,
|
|
),
|
|
SliverToBoxAdapter(child: Container(height: 5.0)),
|
|
SliverPersistentHeader(
|
|
delegate: TestSliverPersistentHeaderDelegate(250.0),
|
|
pinned: true,
|
|
),
|
|
SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0)),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverPersistentHeader(
|
|
delegate: TestSliverPersistentHeaderDelegate(150.0),
|
|
floating: true,
|
|
),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverPersistentHeader(
|
|
delegate: TestSliverPersistentHeaderDelegate(150.0),
|
|
floating: true,
|
|
),
|
|
SliverToBoxAdapter(child: Container(height: 5.0)),
|
|
SliverList.list(
|
|
children: <Widget>[
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
Container(height: 50.0),
|
|
],
|
|
),
|
|
SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0)),
|
|
SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0)),
|
|
SliverPersistentHeader(delegate: TestSliverPersistentHeaderDelegate(250.0)),
|
|
SliverPadding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 50.0),
|
|
sliver: SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverToBoxAdapter(child: Container(height: 520.0)),
|
|
SliverToBoxAdapter(child: Container(height: 5.0)),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
final ScrollPosition position = tester.state<ScrollableState>(find.byType(Scrollable)).position;
|
|
|
|
position.animateTo(10000.0, curve: Curves.linear, duration: const Duration(minutes: 1));
|
|
await tester.pump(const Duration(milliseconds: 10));
|
|
await tester.pump(const Duration(milliseconds: 10));
|
|
await tester.pump(const Duration(milliseconds: 50));
|
|
await tester.pumpAndSettle(const Duration(milliseconds: 122));
|
|
|
|
position.animateTo(-10000.0, curve: Curves.linear, duration: const Duration(minutes: 1));
|
|
await tester.pump(const Duration(milliseconds: 10));
|
|
await tester.pump(const Duration(milliseconds: 10));
|
|
await tester.pump(const Duration(milliseconds: 50));
|
|
await tester.pumpAndSettle(const Duration(milliseconds: 122));
|
|
|
|
position.animateTo(10000.0, curve: Curves.linear, duration: const Duration(minutes: 1));
|
|
await tester.pump(const Duration(milliseconds: 10));
|
|
await tester.pump(const Duration(milliseconds: 10));
|
|
await tester.pump(const Duration(milliseconds: 50));
|
|
await tester.pumpAndSettle(const Duration(milliseconds: 122));
|
|
|
|
position.animateTo(-10000.0, curve: Curves.linear, duration: const Duration(seconds: 1));
|
|
await tester.pump(const Duration(milliseconds: 10));
|
|
await tester.pump(const Duration(milliseconds: 10));
|
|
await tester.pump(const Duration(milliseconds: 50));
|
|
await tester.pumpAndSettle(const Duration(milliseconds: 122));
|
|
|
|
position.animateTo(10000.0, curve: Curves.linear, duration: const Duration(seconds: 1));
|
|
await tester.pump(const Duration(milliseconds: 10));
|
|
await tester.pump(const Duration(milliseconds: 10));
|
|
await tester.pump(const Duration(milliseconds: 50));
|
|
await tester.pumpAndSettle(const Duration(milliseconds: 122));
|
|
});
|
|
|
|
testWidgets('Removing offscreen items above and rescrolling does not crash', (
|
|
WidgetTester tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
TestWidgetsApp(
|
|
home: CustomScrollView(
|
|
cacheExtent: 0.0,
|
|
slivers: <Widget>[
|
|
SliverFixedExtentList(
|
|
itemExtent: 100.0,
|
|
delegate: SliverChildBuilderDelegate((BuildContext context, int index) {
|
|
return ColoredBox(color: const Color(0xFF0000FF), child: Text(index.toString()));
|
|
}, childCount: 30),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
await tester.drag(find.text('5'), const Offset(0.0, -500.0));
|
|
await tester.pump();
|
|
|
|
Finder findItem(String text) {
|
|
return find.descendant(
|
|
of: find.byType(SliverFixedExtentList),
|
|
matching: find.widgetWithText(ColoredBox, text),
|
|
);
|
|
}
|
|
|
|
// Screen is 600px high. Moved bottom item 500px up. It's now at the top.
|
|
expect(findItem('5'), findsOneWidget);
|
|
expect(tester.getTopLeft(findItem('5')).dy, 0.0);
|
|
expect(tester.getBottomLeft(findItem('10')).dy, 600.0);
|
|
|
|
// Stop returning the first 3 items.
|
|
await tester.pumpWidget(
|
|
TestWidgetsApp(
|
|
home: CustomScrollView(
|
|
cacheExtent: 0.0,
|
|
slivers: <Widget>[
|
|
SliverFixedExtentList(
|
|
itemExtent: 100.0,
|
|
delegate: SliverChildBuilderDelegate((BuildContext context, int index) {
|
|
if (index > 3) {
|
|
return ColoredBox(color: const Color(0xFF0000FF), child: Text(index.toString()));
|
|
}
|
|
return null;
|
|
}, childCount: 30),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
await tester.drag(find.text('5'), const Offset(0.0, 400.0));
|
|
await tester.pump();
|
|
|
|
// Move up by 4 items, meaning item 1 would have been at the top but
|
|
// 0 through 3 no longer exist, so item 4, 3 items down, is the first one.
|
|
// Item 4 is also shifted to the top.
|
|
expect(tester.getTopLeft(findItem('4')).dy, 0.0);
|
|
|
|
// Because the screen is still 600px, item 9 is now visible at the bottom instead
|
|
// of what's supposed to be item 6 had we not re-shifted.
|
|
expect(tester.getBottomLeft(findItem('9')).dy, 600.0);
|
|
});
|
|
}
|