Update flexible_space_bar_test.dart tests for Material 3 (#156226)
Updated unit tests for `FlexibleSpaceBar` to have M2 and M3 versions. More info in #139076
This commit is contained in:
Taha Tesser
GitHub
parent
e5cbed969c
commit
44f7c6913f
@ -7,6 +7,7 @@
|
||||
@Tags(<String>['reduced-test-set'])
|
||||
library;
|
||||
|
||||
import 'package:flutter/foundation.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/rendering.dart';
|
||||
import 'package:flutter_test/flutter_test.dart';
|
||||
@ -56,7 +57,82 @@ void main() {
|
||||
}
|
||||
});
|
||||
|
||||
testWidgets('FlexibleSpaceBarSettings provides settings to a FlexibleSpaceBar', (WidgetTester tester) async {
|
||||
testWidgets('Material3 - FlexibleSpaceBarSettings provides settings to a FlexibleSpaceBar', (WidgetTester tester) async {
|
||||
const double minExtent = 100.0;
|
||||
const double initExtent = 200.0;
|
||||
const double maxExtent = 300.0;
|
||||
const double alpha = 0.5;
|
||||
|
||||
final FlexibleSpaceBarSettings customSettings = FlexibleSpaceBar.createSettings(
|
||||
currentExtent: initExtent,
|
||||
minExtent: minExtent,
|
||||
maxExtent: maxExtent,
|
||||
toolbarOpacity: alpha,
|
||||
child: AppBar(
|
||||
flexibleSpace: const FlexibleSpaceBar(
|
||||
title: Text('title'),
|
||||
background: Text('X2'),
|
||||
collapseMode: CollapseMode.pin,
|
||||
),
|
||||
),
|
||||
) as FlexibleSpaceBarSettings;
|
||||
|
||||
const Key dragTarget = Key('orange box');
|
||||
|
||||
await tester.pumpWidget(
|
||||
MaterialApp(
|
||||
home: Scaffold(
|
||||
body: CustomScrollView(
|
||||
key: dragTarget,
|
||||
primary: true,
|
||||
slivers: <Widget>[
|
||||
SliverPersistentHeader(
|
||||
floating: true,
|
||||
pinned: true,
|
||||
delegate: TestDelegate(settings: customSettings),
|
||||
),
|
||||
SliverToBoxAdapter(
|
||||
child: Container(
|
||||
height: 1200.0,
|
||||
color: Colors.orange[400],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
final RenderBox clipRect = tester.renderObject(find.byType(ClipRect).at(1));
|
||||
final Transform transform = tester.firstWidget(
|
||||
find.descendant(
|
||||
of: find.byType(FlexibleSpaceBar),
|
||||
matching: find.byType(Transform),
|
||||
),
|
||||
);
|
||||
|
||||
// The current (200) is half way between the min (100) and max (300) and the
|
||||
// lerp values used to calculate the scale are 1 and 1.5, so we check for 1.25.
|
||||
expect(transform.transform.getMaxScaleOnAxis(), 1.25);
|
||||
|
||||
// The space bar rect always starts fully expanded.
|
||||
expect(clipRect.size.height, maxExtent);
|
||||
|
||||
final Element actionTextBox = tester.element(find.text('title'));
|
||||
final Text textWidget = actionTextBox.widget as Text;
|
||||
final DefaultTextStyle defaultTextStyle = DefaultTextStyle.of(actionTextBox);
|
||||
|
||||
final TextStyle effectiveStyle = defaultTextStyle.style.merge(textWidget.style);
|
||||
expect(effectiveStyle.color?.alpha, 128); // Which is alpha of .5
|
||||
|
||||
// We drag up to fully collapse the space bar.
|
||||
await tester.drag(find.byKey(dragTarget), const Offset(0, -400.0));
|
||||
await tester.pumpAndSettle();
|
||||
|
||||
expect(clipRect.size.height, minExtent);
|
||||
});
|
||||
|
||||
testWidgets('Material2 - FlexibleSpaceBarSettings provides settings to a FlexibleSpaceBar', (WidgetTester tester) async {
|
||||
const double minExtent = 100.0;
|
||||
const double initExtent = 200.0;
|
||||
const double maxExtent = 300.0;
|
||||
@ -167,7 +243,271 @@ void main() {
|
||||
expect(backgroundOpacity.opacity, 1.0);
|
||||
});
|
||||
|
||||
testWidgets('Collapsed FlexibleSpaceBar has correct semantics', (WidgetTester tester) async {
|
||||
testWidgets('Material3 - Collapsed FlexibleSpaceBar has correct semantics', (WidgetTester tester) async {
|
||||
final SemanticsTester semantics = SemanticsTester(tester);
|
||||
const double expandedHeight = 200;
|
||||
await tester.pumpWidget(
|
||||
MaterialApp(
|
||||
home: Scaffold(
|
||||
body: CustomScrollView(
|
||||
slivers: <Widget>[
|
||||
const SliverAppBar(
|
||||
pinned: true,
|
||||
expandedHeight: expandedHeight,
|
||||
title: Text('Title'),
|
||||
flexibleSpace: FlexibleSpaceBar(
|
||||
background: Text('Expanded title'),
|
||||
),
|
||||
),
|
||||
SliverList(
|
||||
delegate: SliverChildListDelegate(
|
||||
<Widget>[
|
||||
for (int i = 0; i < 50; i++)
|
||||
SizedBox(
|
||||
height: 200,
|
||||
child: Center(child: Text('Item $i')),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
TestSemantics expectedSemantics = TestSemantics.root(
|
||||
children: <TestSemantics>[
|
||||
TestSemantics.rootChild(
|
||||
id: 1,
|
||||
rect: TestSemantics.fullScreen,
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 2,
|
||||
rect: TestSemantics.fullScreen,
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 3,
|
||||
rect: TestSemantics.fullScreen,
|
||||
flags: <SemanticsFlag>[SemanticsFlag.scopesRoute],
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 4,
|
||||
rect: TestSemantics.fullScreen,
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 9,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, expandedHeight),
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 12,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 200.0),
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 13,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 110.0, 28.0),
|
||||
flags: <SemanticsFlag>[
|
||||
SemanticsFlag.isHeader,
|
||||
SemanticsFlag.namesRoute,
|
||||
],
|
||||
label: 'Title',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
],
|
||||
),
|
||||
TestSemantics(
|
||||
id: 10,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 200.0),
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 11,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, expandedHeight),
|
||||
label: 'Expanded title',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
TestSemantics(
|
||||
id: 14,
|
||||
flags: <SemanticsFlag>[SemanticsFlag.hasImplicitScrolling],
|
||||
rect: TestSemantics.fullScreen,
|
||||
actions: <SemanticsAction>[SemanticsAction.scrollUp],
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 5,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 200.0),
|
||||
label: 'Item 0',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
TestSemantics(
|
||||
id: 6,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 200.0),
|
||||
label: 'Item 1',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
TestSemantics(
|
||||
id: 7,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 200.0),
|
||||
flags: <SemanticsFlag>[SemanticsFlag.isHidden],
|
||||
label: 'Item 2',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
TestSemantics(
|
||||
id: 8,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 50.0),
|
||||
flags: <SemanticsFlag>[SemanticsFlag.isHidden],
|
||||
label: 'Item 3',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
);
|
||||
|
||||
expect(semantics, hasSemantics(expectedSemantics, ignoreTransform: true));
|
||||
|
||||
// We drag up to fully collapse the space bar.
|
||||
await tester.drag(find.text('Item 1'), const Offset(0, -600.0));
|
||||
await tester.pumpAndSettle();
|
||||
|
||||
expectedSemantics = TestSemantics.root(
|
||||
children: <TestSemantics>[
|
||||
TestSemantics.rootChild(
|
||||
id: 1,
|
||||
rect: TestSemantics.fullScreen,
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 2,
|
||||
rect: TestSemantics.fullScreen,
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 3,
|
||||
rect: TestSemantics.fullScreen,
|
||||
flags: <SemanticsFlag>[SemanticsFlag.scopesRoute],
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 4,
|
||||
rect: TestSemantics.fullScreen,
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 9,
|
||||
// The app bar is collapsed.
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 56.0),
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 12,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 56.0),
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 13,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 110.0, 28.0),
|
||||
flags: <SemanticsFlag>[
|
||||
SemanticsFlag.isHeader,
|
||||
SemanticsFlag.namesRoute,
|
||||
],
|
||||
label: 'Title',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
],
|
||||
),
|
||||
// The flexible space bar still persists in the
|
||||
// semantic tree even if it is collapsed.
|
||||
TestSemantics(
|
||||
id: 10,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 56.0),
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 11,
|
||||
rect: const Rect.fromLTRB(0.0, 36.0, 800.0, 92.0),
|
||||
label: 'Expanded title',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
TestSemantics(
|
||||
id: 14,
|
||||
flags: <SemanticsFlag>[SemanticsFlag.hasImplicitScrolling],
|
||||
rect: TestSemantics.fullScreen,
|
||||
actions: <SemanticsAction>[SemanticsAction.scrollUp, SemanticsAction.scrollDown],
|
||||
children: <TestSemantics>[
|
||||
TestSemantics(
|
||||
id: 5,
|
||||
rect: const Rect.fromLTRB(0.0, 150.0, 800.0, 200.0),
|
||||
flags: <SemanticsFlag>[SemanticsFlag.isHidden],
|
||||
label: 'Item 0',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
TestSemantics(
|
||||
id: 6,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 200.0),
|
||||
flags: <SemanticsFlag>[SemanticsFlag.isHidden],
|
||||
label: 'Item 1',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
TestSemantics(
|
||||
id: 7,
|
||||
rect: const Rect.fromLTRB(0.0, 56.0, 800.0, 200.0),
|
||||
label: 'Item 2',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
TestSemantics(
|
||||
id: 8,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 200.0),
|
||||
label: 'Item 3',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
TestSemantics(
|
||||
id: 15,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 200.0),
|
||||
label: 'Item 4',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
TestSemantics(
|
||||
id: 16,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 200.0),
|
||||
flags: <SemanticsFlag>[SemanticsFlag.isHidden],
|
||||
label: 'Item 5',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
TestSemantics(
|
||||
id: 17,
|
||||
rect: const Rect.fromLTRB(0.0, 0.0, 800.0, 50.0),
|
||||
flags: <SemanticsFlag>[SemanticsFlag.isHidden],
|
||||
label: 'Item 6',
|
||||
textDirection: TextDirection.ltr,
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
);
|
||||
|
||||
expect(semantics, hasSemantics(expectedSemantics, ignoreTransform: true));
|
||||
|
||||
semantics.dispose();
|
||||
}, skip: kIsWeb && !isCanvasKit); // https://github.com/flutter/flutter/issues/99933
|
||||
|
||||
testWidgets('Material2 - Collapsed FlexibleSpaceBar has correct semantics', (WidgetTester tester) async {
|
||||
final SemanticsTester semantics = SemanticsTester(tester);
|
||||
const double expandedHeight = 200;
|
||||
await tester.pumpWidget(
|
||||
@ -433,7 +773,54 @@ void main() {
|
||||
});
|
||||
|
||||
// This is a regression test for https://github.com/flutter/flutter/issues/14227
|
||||
testWidgets('FlexibleSpaceBar sets width constraints for the title', (WidgetTester tester) async {
|
||||
testWidgets('Material3 - FlexibleSpaceBar sets width constraints for the title', (WidgetTester tester) async {
|
||||
const double titleFontSize = 20.0;
|
||||
const double height = 300.0;
|
||||
late double width;
|
||||
await tester.pumpWidget(
|
||||
MaterialApp(
|
||||
home: Scaffold(
|
||||
body: Builder(
|
||||
builder: (BuildContext context) {
|
||||
width = MediaQuery.sizeOf(context).width;
|
||||
return CustomScrollView(
|
||||
slivers: <Widget>[
|
||||
SliverAppBar(
|
||||
expandedHeight: height,
|
||||
pinned: true,
|
||||
stretch: true,
|
||||
flexibleSpace: FlexibleSpaceBar(
|
||||
titlePadding: EdgeInsets.zero,
|
||||
title: Text(
|
||||
'X' * 2000,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(fontSize: titleFontSize, height: 1.0),
|
||||
),
|
||||
centerTitle: false,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
final double textWidth = width;
|
||||
// The title is scaled and transformed to be 1.5 times bigger, when the
|
||||
// FlexibleSpaceBar is fully expanded, thus we expect the width to be
|
||||
// 1.5 times smaller than the full width. The height of the text is the same
|
||||
// as the font size, with 10 dps bottom margin.
|
||||
expect(
|
||||
tester.getRect(find.byType(Text)),
|
||||
rectMoreOrLessEquals(Rect.fromLTRB(0, height - titleFontSize - 10, textWidth, height), epsilon: 0.0001),
|
||||
);
|
||||
});
|
||||
|
||||
// This is a regression test for https://github.com/flutter/flutter/issues/14227
|
||||
testWidgets('Material2 - FlexibleSpaceBar sets width constraints for the title', (WidgetTester tester) async {
|
||||
const double titleFontSize = 20.0;
|
||||
const double height = 300.0;
|
||||
late double width;
|
||||
@ -480,7 +867,75 @@ void main() {
|
||||
);
|
||||
});
|
||||
|
||||
testWidgets('FlexibleSpaceBar sets constraints for the title - override expandedTitleScale', (WidgetTester tester) async {
|
||||
testWidgets('Material3 - FlexibleSpaceBar sets constraints for the title - override expandedTitleScale', (WidgetTester tester) async {
|
||||
const double titleFontSize = 20.0;
|
||||
const double height = 300.0;
|
||||
const double expandedTitleScale = 3.0;
|
||||
await tester.pumpWidget(
|
||||
MaterialApp(
|
||||
home: Scaffold(
|
||||
body: CustomScrollView(
|
||||
slivers: <Widget>[
|
||||
SliverAppBar(
|
||||
expandedHeight: height,
|
||||
pinned: true,
|
||||
stretch: true,
|
||||
flexibleSpace: FlexibleSpaceBar(
|
||||
expandedTitleScale: expandedTitleScale,
|
||||
titlePadding: EdgeInsets.zero,
|
||||
title: Text(
|
||||
'X' * 41,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(fontSize: titleFontSize, height: 1.0),
|
||||
),
|
||||
centerTitle: false,
|
||||
),
|
||||
),
|
||||
SliverList(
|
||||
delegate: SliverChildListDelegate(
|
||||
<Widget>[
|
||||
for (int i = 0; i < 3; i++)
|
||||
SizedBox(
|
||||
height: 200.0,
|
||||
child: Center(child: Text('Item $i')),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
// We drag up to fully collapse the space bar.
|
||||
await tester.drag(find.text('Item 0'), const Offset(0, -600.0));
|
||||
await tester.pumpAndSettle();
|
||||
|
||||
final Finder title = find.byType(Text).first;
|
||||
final double collapsedWidth = tester.getRect(title).width;
|
||||
|
||||
// We drag down to fully expand the space bar.
|
||||
await tester.drag(find.text('Item 2'), const Offset(0, 600.0));
|
||||
await tester.pumpAndSettle();
|
||||
|
||||
// The title is shifted by this margin to maintain the position of the
|
||||
// bottom edge.
|
||||
const double bottomMargin = titleFontSize * (expandedTitleScale - 1);
|
||||
|
||||
final double textWidth = collapsedWidth;
|
||||
// The title is scaled and transformed to be 3 times bigger, when the
|
||||
// FlexibleSpaceBar is fully expanded, thus we expect the width to be
|
||||
// 3 times smaller than the full width. The height of the text is the same
|
||||
// as the font size, with 40 dps bottom margin to maintain its bottom position.
|
||||
expect(
|
||||
tester.getRect(title),
|
||||
rectMoreOrLessEquals(Rect.fromLTRB(0, height - titleFontSize - bottomMargin, textWidth, height), epsilon: 0.0001),
|
||||
);
|
||||
});
|
||||
|
||||
testWidgets('Material2 - FlexibleSpaceBar sets constraints for the title - override expandedTitleScale', (WidgetTester tester) async {
|
||||
const double titleFontSize = 20.0;
|
||||
const double height = 300.0;
|
||||
const double expandedTitleScale = 3.0;
|
||||
@ -549,7 +1004,66 @@ void main() {
|
||||
);
|
||||
});
|
||||
|
||||
testWidgets('FlexibleSpaceBar scaled title', (WidgetTester tester) async {
|
||||
testWidgets('Material3 - FlexibleSpaceBar scaled title', (WidgetTester tester) async {
|
||||
const double titleFontSize = 20.0;
|
||||
const double height = 300.0;
|
||||
await tester.pumpWidget(
|
||||
MaterialApp(
|
||||
home: Scaffold(
|
||||
body: CustomScrollView(
|
||||
slivers: <Widget>[
|
||||
const SliverAppBar(
|
||||
expandedHeight: height,
|
||||
pinned: true,
|
||||
stretch: true,
|
||||
flexibleSpace: RepaintBoundary(
|
||||
child: FlexibleSpaceBar(
|
||||
title: Text(
|
||||
'X',
|
||||
style: TextStyle(fontSize: titleFontSize,),
|
||||
),
|
||||
centerTitle: false,
|
||||
),
|
||||
),
|
||||
),
|
||||
SliverList(
|
||||
delegate: SliverChildListDelegate(
|
||||
<Widget>[
|
||||
for (int i = 0; i < 3; i += 1)
|
||||
SizedBox(
|
||||
height: 200.0,
|
||||
child: Center(child: Text('Item $i')),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
// We drag up to fully collapse the space bar.
|
||||
await tester.drag(find.text('Item 0'), const Offset(0, -600.0));
|
||||
await tester.pumpAndSettle();
|
||||
|
||||
final Finder flexibleSpaceBar = find.ancestor(of: find.byType(FlexibleSpaceBar), matching: find.byType(RepaintBoundary).first);
|
||||
await expectLater(
|
||||
flexibleSpaceBar,
|
||||
matchesGoldenFile('flexible_space_bar.m3.expanded_title_scale_default.collapsed.png')
|
||||
);
|
||||
|
||||
// We drag down to fully expand the space bar.
|
||||
await tester.drag(find.text('Item 2'), const Offset(0, 600.0));
|
||||
await tester.pumpAndSettle();
|
||||
|
||||
await expectLater(
|
||||
flexibleSpaceBar,
|
||||
matchesGoldenFile('flexible_space_bar.m3.expanded_title_scale_default.expanded.png')
|
||||
);
|
||||
});
|
||||
|
||||
testWidgets('Material2 - FlexibleSpaceBar scaled title', (WidgetTester tester) async {
|
||||
const double titleFontSize = 20.0;
|
||||
const double height = 300.0;
|
||||
await tester.pumpWidget(
|
||||
@ -596,7 +1110,7 @@ void main() {
|
||||
final Finder flexibleSpaceBar = find.ancestor(of: find.byType(FlexibleSpaceBar), matching: find.byType(RepaintBoundary).first);
|
||||
await expectLater(
|
||||
flexibleSpaceBar,
|
||||
matchesGoldenFile('flexible_space_bar.expanded_title_scale_default.collapsed.png')
|
||||
matchesGoldenFile('flexible_space_bar.m2.expanded_title_scale_default.collapsed.png')
|
||||
);
|
||||
|
||||
// We drag down to fully expand the space bar.
|
||||
@ -605,11 +1119,73 @@ void main() {
|
||||
|
||||
await expectLater(
|
||||
flexibleSpaceBar,
|
||||
matchesGoldenFile('flexible_space_bar.expanded_title_scale_default.expanded.png')
|
||||
matchesGoldenFile('flexible_space_bar.m2.expanded_title_scale_default.expanded.png')
|
||||
);
|
||||
});
|
||||
|
||||
testWidgets('FlexibleSpaceBar scaled title - override expandedTitleScale', (WidgetTester tester) async {
|
||||
testWidgets('Material3 - FlexibleSpaceBar scaled title - override expandedTitleScale', (WidgetTester tester) async {
|
||||
const double titleFontSize = 20.0;
|
||||
const double height = 300.0;
|
||||
const double expandedTitleScale = 3.0;
|
||||
await tester.pumpWidget(
|
||||
MaterialApp(
|
||||
home: Scaffold(
|
||||
body: CustomScrollView(
|
||||
slivers: <Widget>[
|
||||
const SliverAppBar(
|
||||
expandedHeight: height,
|
||||
pinned: true,
|
||||
stretch: true,
|
||||
flexibleSpace: RepaintBoundary(
|
||||
child: FlexibleSpaceBar(
|
||||
title: Text(
|
||||
'X',
|
||||
style: TextStyle(fontSize: titleFontSize,),
|
||||
),
|
||||
centerTitle: false,
|
||||
expandedTitleScale: expandedTitleScale,
|
||||
),
|
||||
),
|
||||
),
|
||||
SliverList(
|
||||
delegate: SliverChildListDelegate(
|
||||
<Widget>[
|
||||
for (int i = 0; i < 3; i += 1)
|
||||
SizedBox(
|
||||
height: 200.0,
|
||||
child: Center(child: Text('Item $i')),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
// We drag up to fully collapse the space bar.
|
||||
await tester.drag(find.text('Item 0'), const Offset(0, -600.0));
|
||||
await tester.pumpAndSettle();
|
||||
|
||||
final Finder flexibleSpaceBar = find.ancestor(of: find.byType(FlexibleSpaceBar), matching: find.byType(RepaintBoundary).first);
|
||||
// This should match the default behavior
|
||||
await expectLater(
|
||||
flexibleSpaceBar,
|
||||
matchesGoldenFile('flexible_space_bar.m3.expanded_title_scale_default.collapsed.png')
|
||||
);
|
||||
|
||||
// We drag down to fully expand the space bar.
|
||||
await tester.drag(find.text('Item 2'), const Offset(0, 600.0));
|
||||
await tester.pumpAndSettle();
|
||||
|
||||
await expectLater(
|
||||
flexibleSpaceBar,
|
||||
matchesGoldenFile('flexible_space_bar.m3.expanded_title_scale_override.expanded.png')
|
||||
);
|
||||
});
|
||||
|
||||
testWidgets('Material2 - FlexibleSpaceBar scaled title - override expandedTitleScale', (WidgetTester tester) async {
|
||||
const double titleFontSize = 20.0;
|
||||
const double height = 300.0;
|
||||
const double expandedTitleScale = 3.0;
|
||||
@ -659,7 +1235,7 @@ void main() {
|
||||
// This should match the default behavior
|
||||
await expectLater(
|
||||
flexibleSpaceBar,
|
||||
matchesGoldenFile('flexible_space_bar.expanded_title_scale_default.collapsed.png')
|
||||
matchesGoldenFile('flexible_space_bar.m2.expanded_title_scale_default.collapsed.png')
|
||||
);
|
||||
|
||||
// We drag down to fully expand the space bar.
|
||||
@ -668,11 +1244,60 @@ void main() {
|
||||
|
||||
await expectLater(
|
||||
flexibleSpaceBar,
|
||||
matchesGoldenFile('flexible_space_bar.expanded_title_scale_override.expanded.png')
|
||||
matchesGoldenFile('flexible_space_bar.m2.expanded_title_scale_override.expanded.png')
|
||||
);
|
||||
});
|
||||
|
||||
testWidgets('FlexibleSpaceBar test titlePadding defaults', (WidgetTester tester) async {
|
||||
testWidgets('Material3 - FlexibleSpaceBar titlePadding defaults', (WidgetTester tester) async {
|
||||
Widget buildFrame(TargetPlatform platform, bool? centerTitle) {
|
||||
return MaterialApp(
|
||||
theme: ThemeData(platform: platform),
|
||||
home: Scaffold(
|
||||
appBar: AppBar(
|
||||
flexibleSpace: FlexibleSpaceBar(
|
||||
centerTitle: centerTitle,
|
||||
title: const Text('X'),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
final Finder title = find.text('X');
|
||||
final Finder flexibleSpaceBar = find.byType(FlexibleSpaceBar);
|
||||
Offset getTitleBottomLeft() {
|
||||
return Offset(
|
||||
tester.getTopLeft(title).dx,
|
||||
tester.getBottomRight(flexibleSpaceBar).dy - tester.getBottomRight(title).dy,
|
||||
);
|
||||
}
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.android, null));
|
||||
expect(getTitleBottomLeft(), const Offset(72.0, 16.0));
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.android, true));
|
||||
expect(getTitleBottomLeft(), const Offset(389.0, 16.0));
|
||||
|
||||
// Clear the widget tree to avoid animating between Android and iOS.
|
||||
await tester.pumpWidget(Container(key: UniqueKey()));
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.iOS, null));
|
||||
expect(getTitleBottomLeft(), const Offset(389.0, 16.0));
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.iOS, false));
|
||||
expect(getTitleBottomLeft(), const Offset(72.0, 16.0));
|
||||
|
||||
// Clear the widget tree to avoid animating between iOS and macOS.
|
||||
await tester.pumpWidget(Container(key: UniqueKey()));
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.macOS, null));
|
||||
expect(getTitleBottomLeft(), const Offset(389.0, 16.0));
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.macOS, false));
|
||||
expect(getTitleBottomLeft(), const Offset(72.0, 16.0));
|
||||
});
|
||||
|
||||
testWidgets('Material2 - FlexibleSpaceBar titlePadding defaults', (WidgetTester tester) async {
|
||||
Widget buildFrame(TargetPlatform platform, bool? centerTitle) {
|
||||
return MaterialApp(
|
||||
theme: ThemeData(platform: platform, useMaterial3: false),
|
||||
@ -721,7 +1346,75 @@ void main() {
|
||||
expect(getTitleBottomLeft(), const Offset(72.0, 16.0));
|
||||
});
|
||||
|
||||
testWidgets('FlexibleSpaceBar test titlePadding override', (WidgetTester tester) async {
|
||||
testWidgets('Material3 - FlexibleSpaceBar titlePadding override', (WidgetTester tester) async {
|
||||
Widget buildFrame(TargetPlatform platform, bool? centerTitle) {
|
||||
return MaterialApp(
|
||||
theme: ThemeData(platform: platform),
|
||||
home: Scaffold(
|
||||
appBar: AppBar(
|
||||
flexibleSpace: FlexibleSpaceBar(
|
||||
titlePadding: EdgeInsets.zero,
|
||||
centerTitle: centerTitle,
|
||||
title: const Text('X'),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
final Finder title = find.text('X');
|
||||
final Finder flexibleSpaceBar = find.byType(FlexibleSpaceBar);
|
||||
Offset getTitleBottomLeft() {
|
||||
return Offset(
|
||||
tester.getTopLeft(title).dx,
|
||||
tester.getBottomRight(flexibleSpaceBar).dy - tester.getBottomRight(title).dy,
|
||||
);
|
||||
}
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.android, null));
|
||||
expect(getTitleBottomLeft(), Offset.zero);
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.android, true));
|
||||
expect(getTitleBottomLeft(), const Offset(389.0, 0.0));
|
||||
|
||||
// Clear the widget tree to avoid animating between platforms.
|
||||
await tester.pumpWidget(Container(key: UniqueKey()));
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.iOS, null));
|
||||
expect(getTitleBottomLeft(), const Offset(389.0, 0.0));
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.iOS, false));
|
||||
expect(getTitleBottomLeft(), Offset.zero);
|
||||
|
||||
// Clear the widget tree to avoid animating between platforms.
|
||||
await tester.pumpWidget(Container(key: UniqueKey()));
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.macOS, null));
|
||||
expect(getTitleBottomLeft(), const Offset(389.0, 0.0));
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.macOS, false));
|
||||
expect(getTitleBottomLeft(), Offset.zero);
|
||||
|
||||
// Clear the widget tree to avoid animating between platforms.
|
||||
await tester.pumpWidget(Container(key: UniqueKey()));
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.windows, null));
|
||||
expect(getTitleBottomLeft(), Offset.zero);
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.windows, true));
|
||||
expect(getTitleBottomLeft(), const Offset(389.0, 0.0));
|
||||
|
||||
// Clear the widget tree to avoid animating between platforms.
|
||||
await tester.pumpWidget(Container(key: UniqueKey()));
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.linux, null));
|
||||
expect(getTitleBottomLeft(), Offset.zero);
|
||||
|
||||
await tester.pumpWidget(buildFrame(TargetPlatform.linux, true));
|
||||
expect(getTitleBottomLeft(), const Offset(389.0, 0.0));
|
||||
});
|
||||
|
||||
testWidgets('Material2 - FlexibleSpaceBar titlePadding override', (WidgetTester tester) async {
|
||||
Widget buildFrame(TargetPlatform platform, bool? centerTitle) {
|
||||
return MaterialApp(
|
||||
theme: ThemeData(platform: platform, useMaterial3: false),
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user