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
1043 lines
31 KiB
Dart
1043 lines
31 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/material.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
void verify(WidgetTester tester, List<Offset> answerKey) {
|
|
final List<Offset> testAnswers = tester
|
|
.renderObjectList<RenderBox>(find.byType(SizedBox))
|
|
.map<Offset>((RenderBox target) => target.localToGlobal(Offset.zero))
|
|
.toList();
|
|
expect(testAnswers, equals(answerKey));
|
|
}
|
|
|
|
void main() {
|
|
testWidgets('Basic Wrap test (LTR)', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
],
|
|
),
|
|
);
|
|
verify(tester, <Offset>[
|
|
Offset.zero,
|
|
const Offset(300.0, 0.0),
|
|
const Offset(0.0, 100.0),
|
|
const Offset(300.0, 100.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
alignment: WrapAlignment.center,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
],
|
|
),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(100.0, 0.0),
|
|
const Offset(400.0, 0.0),
|
|
const Offset(100.0, 100.0),
|
|
const Offset(400.0, 100.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
alignment: WrapAlignment.end,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
],
|
|
),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(200.0, 0.0),
|
|
const Offset(500.0, 0.0),
|
|
const Offset(200.0, 100.0),
|
|
const Offset(500.0, 100.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 300.0, height: 50.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 50.0),
|
|
],
|
|
),
|
|
);
|
|
verify(tester, <Offset>[
|
|
Offset.zero,
|
|
const Offset(300.0, 0.0),
|
|
const Offset(0.0, 100.0),
|
|
const Offset(300.0, 100.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
crossAxisAlignment: WrapCrossAlignment.center,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 300.0, height: 50.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 50.0),
|
|
],
|
|
),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(0.0, 25.0),
|
|
const Offset(300.0, 0.0),
|
|
const Offset(0.0, 100.0),
|
|
const Offset(300.0, 125.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
crossAxisAlignment: WrapCrossAlignment.end,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 300.0, height: 50.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 50.0),
|
|
],
|
|
),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(0.0, 50.0),
|
|
const Offset(300.0, 0.0),
|
|
const Offset(0.0, 100.0),
|
|
const Offset(300.0, 150.0),
|
|
]);
|
|
});
|
|
|
|
testWidgets('Basic Wrap test (RTL)', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
],
|
|
),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(500.0, 0.0),
|
|
const Offset(200.0, 0.0),
|
|
const Offset(500.0, 100.0),
|
|
const Offset(200.0, 100.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
alignment: WrapAlignment.center,
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
],
|
|
),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(400.0, 0.0),
|
|
const Offset(100.0, 0.0),
|
|
const Offset(400.0, 100.0),
|
|
const Offset(100.0, 100.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
alignment: WrapAlignment.end,
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
],
|
|
),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(300.0, 0.0),
|
|
Offset.zero,
|
|
const Offset(300.0, 100.0),
|
|
const Offset(0.0, 100.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
textDirection: TextDirection.ltr,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
SizedBox(width: 300.0, height: 50.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 50.0),
|
|
],
|
|
),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(0.0, 550.0),
|
|
const Offset(300.0, 500.0),
|
|
const Offset(0.0, 400.0),
|
|
const Offset(300.0, 450.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
crossAxisAlignment: WrapCrossAlignment.center,
|
|
textDirection: TextDirection.ltr,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
SizedBox(width: 300.0, height: 50.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 50.0),
|
|
],
|
|
),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(0.0, 525.0),
|
|
const Offset(300.0, 500.0),
|
|
const Offset(0.0, 400.0),
|
|
const Offset(300.0, 425.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
crossAxisAlignment: WrapCrossAlignment.end,
|
|
textDirection: TextDirection.ltr,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
SizedBox(width: 300.0, height: 50.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 100.0),
|
|
SizedBox(width: 300.0, height: 50.0),
|
|
],
|
|
),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(0.0, 500.0),
|
|
const Offset(300.0, 500.0),
|
|
const Offset(0.0, 400.0),
|
|
const Offset(300.0, 400.0),
|
|
]);
|
|
});
|
|
|
|
testWidgets('Empty wrap', (WidgetTester tester) async {
|
|
await tester.pumpWidget(const Center(child: Wrap(alignment: WrapAlignment.center)));
|
|
expect(tester.renderObject<RenderBox>(find.byType(Wrap)).size, equals(Size.zero));
|
|
});
|
|
|
|
testWidgets('Wrap alignment (LTR)', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
alignment: WrapAlignment.center,
|
|
spacing: 5.0,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(95.0, 0.0),
|
|
const Offset(200.0, 0.0),
|
|
const Offset(405.0, 0.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
alignment: WrapAlignment.spaceBetween,
|
|
spacing: 5.0,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[Offset.zero, const Offset(200.0, 0.0), const Offset(500.0, 0.0)]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
alignment: WrapAlignment.spaceAround,
|
|
spacing: 5.0,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 310.0, height: 30.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(30.0, 0.0),
|
|
const Offset(195.0, 0.0),
|
|
const Offset(460.0, 0.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
alignment: WrapAlignment.spaceEvenly,
|
|
spacing: 5.0,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 310.0, height: 30.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(45.0, 0.0),
|
|
const Offset(195.0, 0.0),
|
|
const Offset(445.0, 0.0),
|
|
]);
|
|
});
|
|
|
|
testWidgets('Wrap alignment (RTL)', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
alignment: WrapAlignment.center,
|
|
spacing: 5.0,
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(605.0, 0.0),
|
|
const Offset(400.0, 0.0),
|
|
const Offset(95.0, 0.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
alignment: WrapAlignment.spaceBetween,
|
|
spacing: 5.0,
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[const Offset(700.0, 0.0), const Offset(400.0, 0.0), Offset.zero]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
alignment: WrapAlignment.spaceAround,
|
|
spacing: 5.0,
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 310.0, height: 30.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(670.0, 0.0),
|
|
const Offset(405.0, 0.0),
|
|
const Offset(30.0, 0.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
alignment: WrapAlignment.spaceEvenly,
|
|
spacing: 5.0,
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 310.0, height: 30.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(655.0, 0.0),
|
|
const Offset(405.0, 0.0),
|
|
const Offset(45.0, 0.0),
|
|
]);
|
|
});
|
|
|
|
testWidgets('Wrap runAlignment (DOWN)', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
runAlignment: WrapAlignment.center,
|
|
runSpacing: 5.0,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
SizedBox(width: 400.0, height: 40.0),
|
|
SizedBox(width: 500.0, height: 60.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(0.0, 230.0),
|
|
const Offset(100.0, 230.0),
|
|
const Offset(300.0, 230.0),
|
|
const Offset(0.0, 265.0),
|
|
const Offset(0.0, 310.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
runAlignment: WrapAlignment.spaceBetween,
|
|
runSpacing: 5.0,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
SizedBox(width: 400.0, height: 40.0),
|
|
SizedBox(width: 500.0, height: 60.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
Offset.zero,
|
|
const Offset(100.0, 0.0),
|
|
const Offset(300.0, 0.0),
|
|
const Offset(0.0, 265.0),
|
|
const Offset(0.0, 540.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
runAlignment: WrapAlignment.spaceAround,
|
|
runSpacing: 5.0,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
SizedBox(width: 400.0, height: 40.0),
|
|
SizedBox(width: 500.0, height: 70.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(0.0, 75.0),
|
|
const Offset(100.0, 75.0),
|
|
const Offset(300.0, 75.0),
|
|
const Offset(0.0, 260.0),
|
|
const Offset(0.0, 455.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
runAlignment: WrapAlignment.spaceEvenly,
|
|
runSpacing: 5.0,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
SizedBox(width: 400.0, height: 40.0),
|
|
SizedBox(width: 500.0, height: 60.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(0.0, 115.0),
|
|
const Offset(100.0, 115.0),
|
|
const Offset(300.0, 115.0),
|
|
const Offset(0.0, 265.0),
|
|
const Offset(0.0, 425.0),
|
|
]);
|
|
});
|
|
|
|
testWidgets('Wrap runAlignment (UP)', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
runAlignment: WrapAlignment.center,
|
|
runSpacing: 5.0,
|
|
textDirection: TextDirection.ltr,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
SizedBox(width: 400.0, height: 40.0),
|
|
SizedBox(width: 500.0, height: 60.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(0.0, 360.0),
|
|
const Offset(100.0, 350.0),
|
|
const Offset(300.0, 340.0),
|
|
const Offset(0.0, 295.0),
|
|
const Offset(0.0, 230.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
runAlignment: WrapAlignment.spaceBetween,
|
|
runSpacing: 5.0,
|
|
textDirection: TextDirection.ltr,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
SizedBox(width: 400.0, height: 40.0),
|
|
SizedBox(width: 500.0, height: 60.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(0.0, 590.0),
|
|
const Offset(100.0, 580.0),
|
|
const Offset(300.0, 570.0),
|
|
const Offset(0.0, 295.0),
|
|
Offset.zero,
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
runAlignment: WrapAlignment.spaceAround,
|
|
runSpacing: 5.0,
|
|
textDirection: TextDirection.ltr,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
SizedBox(width: 400.0, height: 40.0),
|
|
SizedBox(width: 500.0, height: 70.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(0.0, 515.0),
|
|
const Offset(100.0, 505.0),
|
|
const Offset(300.0, 495.0),
|
|
const Offset(0.0, 300.0),
|
|
const Offset(0.0, 75.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
runAlignment: WrapAlignment.spaceEvenly,
|
|
runSpacing: 5.0,
|
|
textDirection: TextDirection.ltr,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
SizedBox(width: 400.0, height: 40.0),
|
|
SizedBox(width: 500.0, height: 60.0),
|
|
],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
const Offset(0.0, 475.0),
|
|
const Offset(100.0, 465.0),
|
|
const Offset(300.0, 455.0),
|
|
const Offset(0.0, 295.0),
|
|
const Offset(0.0, 115.0),
|
|
]);
|
|
});
|
|
|
|
testWidgets('Shrink-wrapping Wrap test', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Align(
|
|
alignment: Alignment.topLeft,
|
|
child: Wrap(
|
|
alignment: WrapAlignment.end,
|
|
crossAxisAlignment: WrapCrossAlignment.end,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
SizedBox(width: 400.0, height: 40.0),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
expect(tester.renderObject<RenderBox>(find.byType(Wrap)).size, equals(const Size(600.0, 70.0)));
|
|
verify(tester, <Offset>[
|
|
const Offset(0.0, 20.0),
|
|
const Offset(100.0, 10.0),
|
|
const Offset(300.0, 0.0),
|
|
const Offset(200.0, 30.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Align(
|
|
alignment: Alignment.topLeft,
|
|
child: Wrap(
|
|
alignment: WrapAlignment.end,
|
|
crossAxisAlignment: WrapCrossAlignment.end,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 400.0, height: 40.0),
|
|
SizedBox(width: 300.0, height: 30.0),
|
|
SizedBox(width: 200.0, height: 20.0),
|
|
SizedBox(width: 100.0, height: 10.0),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
expect(tester.renderObject<RenderBox>(find.byType(Wrap)).size, equals(const Size(700.0, 60.0)));
|
|
verify(tester, <Offset>[
|
|
Offset.zero,
|
|
const Offset(400.0, 10.0),
|
|
const Offset(400.0, 40.0),
|
|
const Offset(600.0, 50.0),
|
|
]);
|
|
});
|
|
|
|
testWidgets('Wrap spacing test', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Align(
|
|
alignment: Alignment.topLeft,
|
|
child: Wrap(
|
|
runSpacing: 10.0,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 500.0, height: 10.0),
|
|
SizedBox(width: 500.0, height: 20.0),
|
|
SizedBox(width: 500.0, height: 30.0),
|
|
SizedBox(width: 500.0, height: 40.0),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(500.0, 130.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
Offset.zero,
|
|
const Offset(0.0, 20.0),
|
|
const Offset(0.0, 50.0),
|
|
const Offset(0.0, 90.0),
|
|
]);
|
|
});
|
|
|
|
testWidgets('Vertical Wrap test with spacing', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Align(
|
|
alignment: Alignment.topLeft,
|
|
child: Wrap(
|
|
direction: Axis.vertical,
|
|
spacing: 10.0,
|
|
runSpacing: 15.0,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 10.0, height: 250.0),
|
|
SizedBox(width: 20.0, height: 250.0),
|
|
SizedBox(width: 30.0, height: 250.0),
|
|
SizedBox(width: 40.0, height: 250.0),
|
|
SizedBox(width: 50.0, height: 250.0),
|
|
SizedBox(width: 60.0, height: 250.0),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(150.0, 510.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
Offset.zero,
|
|
const Offset(0.0, 260.0),
|
|
const Offset(35.0, 0.0),
|
|
const Offset(35.0, 260.0),
|
|
const Offset(90.0, 0.0),
|
|
const Offset(90.0, 260.0),
|
|
]);
|
|
|
|
await tester.pumpWidget(
|
|
const Align(
|
|
alignment: Alignment.topLeft,
|
|
child: Wrap(
|
|
spacing: 12.0,
|
|
runSpacing: 8.0,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 10.0, height: 250.0),
|
|
SizedBox(width: 20.0, height: 250.0),
|
|
SizedBox(width: 30.0, height: 250.0),
|
|
SizedBox(width: 40.0, height: 250.0),
|
|
SizedBox(width: 50.0, height: 250.0),
|
|
SizedBox(width: 60.0, height: 250.0),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(270.0, 250.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
Offset.zero,
|
|
const Offset(22.0, 0.0),
|
|
const Offset(54.0, 0.0),
|
|
const Offset(96.0, 0.0),
|
|
const Offset(148.0, 0.0),
|
|
const Offset(210.0, 0.0),
|
|
]);
|
|
});
|
|
|
|
testWidgets('Visual overflow generates a clip', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[SizedBox(width: 500.0, height: 500.0)],
|
|
),
|
|
);
|
|
|
|
expect(tester.renderObject<RenderBox>(find.byType(Wrap)), isNot(paints..clipRect()));
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
textDirection: TextDirection.ltr,
|
|
clipBehavior: Clip.hardEdge,
|
|
children: <Widget>[
|
|
SizedBox(width: 500.0, height: 500.0),
|
|
SizedBox(width: 500.0, height: 500.0),
|
|
],
|
|
),
|
|
);
|
|
|
|
expect(tester.renderObject<RenderBox>(find.byType(Wrap)), paints..clipRect());
|
|
});
|
|
|
|
testWidgets('Hit test children in wrap', (WidgetTester tester) async {
|
|
final log = <String>[];
|
|
|
|
await tester.pumpWidget(
|
|
Wrap(
|
|
spacing: 10.0,
|
|
runSpacing: 15.0,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
const SizedBox(width: 200.0, height: 300.0),
|
|
const SizedBox(width: 200.0, height: 300.0),
|
|
const SizedBox(width: 200.0, height: 300.0),
|
|
const SizedBox(width: 200.0, height: 300.0),
|
|
SizedBox(
|
|
width: 200.0,
|
|
height: 300.0,
|
|
child: GestureDetector(
|
|
behavior: HitTestBehavior.opaque,
|
|
onTap: () {
|
|
log.add('hit');
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
|
|
await tester.tapAt(const Offset(209.0, 314.0));
|
|
expect(log, isEmpty);
|
|
|
|
await tester.tapAt(const Offset(211.0, 314.0));
|
|
expect(log, isEmpty);
|
|
|
|
await tester.tapAt(const Offset(209.0, 316.0));
|
|
expect(log, isEmpty);
|
|
|
|
await tester.tapAt(const Offset(211.0, 316.0));
|
|
expect(log, equals(<String>['hit']));
|
|
});
|
|
|
|
testWidgets('RenderWrap toStringShallow control test', (WidgetTester tester) async {
|
|
await tester.pumpWidget(const Wrap(alignment: WrapAlignment.center));
|
|
|
|
final RenderBox wrap = tester.renderObject(find.byType(Wrap));
|
|
expect(wrap.toStringShallow(), hasOneLineDescription);
|
|
});
|
|
|
|
testWidgets('RenderWrap toString control test', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
direction: Axis.vertical,
|
|
runSpacing: 7.0,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(width: 500.0, height: 400.0),
|
|
SizedBox(width: 500.0, height: 400.0),
|
|
SizedBox(width: 500.0, height: 400.0),
|
|
SizedBox(width: 500.0, height: 400.0),
|
|
],
|
|
),
|
|
);
|
|
|
|
final RenderBox wrap = tester.renderObject(find.byType(Wrap));
|
|
final double width = wrap.getMinIntrinsicWidth(600.0);
|
|
expect(width, equals(2021));
|
|
});
|
|
|
|
testWidgets('Wrap baseline control test', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Center(
|
|
child: Baseline(
|
|
baseline: 175.0,
|
|
baselineType: TextBaseline.alphabetic,
|
|
child: DefaultTextStyle(
|
|
style: TextStyle(fontFamily: 'FlutterTest', fontSize: 100.0),
|
|
child: Wrap(
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[Text('X', textDirection: TextDirection.ltr)],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
expect(tester.renderObject<RenderBox>(find.text('X')).size, const Size(100.0, 100.0));
|
|
expect(tester.renderObject<RenderBox>(find.byType(Baseline)).size, const Size(100.0, 200.0));
|
|
});
|
|
|
|
testWidgets('Spacing with slight overflow', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
textDirection: TextDirection.ltr,
|
|
spacing: 10.0,
|
|
runSpacing: 10.0,
|
|
children: <Widget>[
|
|
SizedBox(width: 200.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 10.0),
|
|
SizedBox(width: 200.0, height: 10.0),
|
|
SizedBox(width: 171.0, height: 10.0),
|
|
],
|
|
),
|
|
);
|
|
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[
|
|
Offset.zero,
|
|
const Offset(210.0, 0.0),
|
|
const Offset(420.0, 0.0),
|
|
const Offset(0.0, 20.0),
|
|
]);
|
|
});
|
|
|
|
testWidgets('Object exactly matches container width', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Column(
|
|
children: <Widget>[
|
|
Wrap(
|
|
textDirection: TextDirection.ltr,
|
|
spacing: 10.0,
|
|
runSpacing: 10.0,
|
|
children: <Widget>[SizedBox(width: 800.0, height: 10.0)],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
|
|
expect(tester.renderObject<RenderBox>(find.byType(Wrap)).size, equals(const Size(800.0, 10.0)));
|
|
verify(tester, <Offset>[Offset.zero]);
|
|
|
|
await tester.pumpWidget(
|
|
const Column(
|
|
children: <Widget>[
|
|
Wrap(
|
|
textDirection: TextDirection.ltr,
|
|
spacing: 10.0,
|
|
runSpacing: 10.0,
|
|
children: <Widget>[
|
|
SizedBox(width: 800.0, height: 10.0),
|
|
SizedBox(width: 800.0, height: 10.0),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
|
|
expect(tester.renderObject<RenderBox>(find.byType(Wrap)).size, equals(const Size(800.0, 30.0)));
|
|
verify(tester, <Offset>[Offset.zero, const Offset(0.0, 20.0)]);
|
|
});
|
|
|
|
testWidgets('Wrap can set and update clipBehavior', (WidgetTester tester) async {
|
|
await tester.pumpWidget(const Wrap(textDirection: TextDirection.ltr));
|
|
final RenderWrap renderObject = tester.allRenderObjects.whereType<RenderWrap>().first;
|
|
expect(renderObject.clipBehavior, equals(Clip.none));
|
|
|
|
await tester.pumpWidget(
|
|
const Wrap(textDirection: TextDirection.ltr, clipBehavior: Clip.antiAlias),
|
|
);
|
|
expect(renderObject.clipBehavior, equals(Clip.antiAlias));
|
|
});
|
|
|
|
testWidgets('Horizontal wrap - IntrinsicsHeight', (WidgetTester tester) async {
|
|
// Regression test for https://github.com/flutter/flutter/issues/48679.
|
|
await tester.pumpWidget(
|
|
const Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Center(
|
|
child: IntrinsicHeight(
|
|
child: ColoredBox(
|
|
color: Colors.green,
|
|
child: Wrap(
|
|
children: <Widget>[
|
|
Text('Start', style: TextStyle(height: 1.0, fontSize: 16)),
|
|
Row(children: <Widget>[SizedBox(height: 40, width: 60)]),
|
|
Text('End', style: TextStyle(height: 1.0, fontSize: 16)),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// The row takes up the full width, therefore the "Start" and "End" text
|
|
// are placed before and after it and the total height is the sum of the
|
|
// individual heights.
|
|
expect(tester.getSize(find.byType(IntrinsicHeight)).height, 2 * 16 + 40);
|
|
});
|
|
|
|
testWidgets('Vertical wrap - IntrinsicsWidth', (WidgetTester tester) async {
|
|
// Regression test for https://github.com/flutter/flutter/issues/48679.
|
|
await tester.pumpWidget(
|
|
const Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Center(
|
|
child: IntrinsicWidth(
|
|
child: ColoredBox(
|
|
color: Colors.green,
|
|
child: Wrap(
|
|
direction: Axis.vertical,
|
|
children: <Widget>[
|
|
Text('Start', style: TextStyle(height: 1.0, fontSize: 16)),
|
|
Column(children: <Widget>[SizedBox(height: 40, width: 60)]),
|
|
Text('End', style: TextStyle(height: 1.0, fontSize: 16)),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// The column takes up the full height, therefore the "Start" and "End" text
|
|
// are placed to the left and right of it and the total width is the sum of
|
|
// the individual widths.
|
|
expect(tester.getSize(find.byType(IntrinsicWidth)).width, 5 * 16 + 60 + 3 * 16);
|
|
});
|
|
|
|
testWidgets('Wrap alignment flipped spaceInBetween', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Wrap(
|
|
textDirection: TextDirection.rtl,
|
|
alignment: WrapAlignment.spaceBetween,
|
|
children: <Widget>[SizedBox(width: 100.0, height: 100.0)],
|
|
),
|
|
);
|
|
expect(
|
|
tester.renderObject<RenderBox>(find.byType(Wrap)).size,
|
|
equals(const Size(800.0, 600.0)),
|
|
);
|
|
verify(tester, <Offset>[const Offset(700.0, 0.0)]);
|
|
});
|
|
}
|