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
1237 lines
44 KiB
Dart
1237 lines
44 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/foundation.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
class OrderPainter extends CustomPainter {
|
|
const OrderPainter(this.index);
|
|
|
|
final int index;
|
|
|
|
static List<int> log = <int>[];
|
|
|
|
@override
|
|
void paint(Canvas canvas, Size size) {
|
|
log.add(index);
|
|
}
|
|
|
|
@override
|
|
bool shouldRepaint(OrderPainter old) => false;
|
|
}
|
|
|
|
Widget log(int index) => CustomPaint(painter: OrderPainter(index));
|
|
|
|
void main() {
|
|
// NO DIRECTION
|
|
|
|
testWidgets('Row with one Flexible child - no textDirection', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
final FlutterExceptionHandler? oldHandler = FlutterError.onError;
|
|
dynamic exception;
|
|
FlutterError.onError = (FlutterErrorDetails details) {
|
|
exception ??= details.exception;
|
|
};
|
|
|
|
// Default is MainAxisAlignment.start so this should fail, asking for a direction.
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
Expanded(
|
|
child: SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
FlutterError.onError = oldHandler;
|
|
expect(exception, isAssertionError);
|
|
expect(exception.toString(), contains('textDirection'));
|
|
expect(OrderPainter.log, <int>[]);
|
|
});
|
|
|
|
testWidgets('Row with default main axis parameters - no textDirection', (
|
|
WidgetTester tester,
|
|
) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
final FlutterExceptionHandler? oldHandler = FlutterError.onError;
|
|
dynamic exception;
|
|
FlutterError.onError = (FlutterErrorDetails details) {
|
|
exception ??= details.exception;
|
|
};
|
|
|
|
// Default is MainAxisAlignment.start so this should fail too.
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
FlutterError.onError = oldHandler;
|
|
expect(exception, isAssertionError);
|
|
expect(exception.toString(), contains('textDirection'));
|
|
expect(OrderPainter.log, <int>[]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.center - no textDirection', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
|
|
final FlutterExceptionHandler? oldHandler = FlutterError.onError;
|
|
dynamic exception;
|
|
FlutterError.onError = (FlutterErrorDetails details) {
|
|
exception ??= details.exception;
|
|
};
|
|
|
|
// More than one child, so it's not clear what direction to lay out in: should fail.
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
FlutterError.onError = oldHandler;
|
|
expect(exception, isAssertionError);
|
|
expect(exception.toString(), contains('textDirection'));
|
|
expect(OrderPainter.log, <int>[]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.end - no textDirection', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
final FlutterExceptionHandler? oldHandler = FlutterError.onError;
|
|
dynamic exception;
|
|
FlutterError.onError = (FlutterErrorDetails details) {
|
|
exception ??= details.exception;
|
|
};
|
|
|
|
// No direction so this should fail, asking for a direction.
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
FlutterError.onError = oldHandler;
|
|
expect(exception, isAssertionError);
|
|
expect(exception.toString(), contains('textDirection'));
|
|
expect(OrderPainter.log, <int>[]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.spaceBetween - no textDirection', (
|
|
WidgetTester tester,
|
|
) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
final FlutterExceptionHandler? oldHandler = FlutterError.onError;
|
|
dynamic exception;
|
|
FlutterError.onError = (FlutterErrorDetails details) {
|
|
exception ??= details.exception;
|
|
};
|
|
|
|
// More than one child, so it's not clear what direction to lay out in: should fail.
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
FlutterError.onError = oldHandler;
|
|
expect(exception, isAssertionError);
|
|
expect(exception.toString(), contains('textDirection'));
|
|
expect(OrderPainter.log, <int>[]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.spaceAround - no textDirection', (
|
|
WidgetTester tester,
|
|
) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
const child3Key = Key('child3');
|
|
|
|
final FlutterExceptionHandler? oldHandler = FlutterError.onError;
|
|
dynamic exception;
|
|
FlutterError.onError = (FlutterErrorDetails details) {
|
|
exception ??= details.exception;
|
|
};
|
|
|
|
// More than one child, so it's not clear what direction to lay out in: should fail.
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
SizedBox(key: child3Key, width: 100.0, height: 100.0, child: log(4)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
FlutterError.onError = oldHandler;
|
|
expect(exception, isAssertionError);
|
|
expect(exception.toString(), contains('textDirection'));
|
|
expect(OrderPainter.log, <int>[]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.spaceEvenly - no textDirection', (
|
|
WidgetTester tester,
|
|
) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
final FlutterExceptionHandler? oldHandler = FlutterError.onError;
|
|
dynamic exception;
|
|
FlutterError.onError = (FlutterErrorDetails details) {
|
|
exception ??= details.exception;
|
|
};
|
|
|
|
// More than one child, so it's not clear what direction to lay out in: should fail.
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 200.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 200.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 200.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
FlutterError.onError = oldHandler;
|
|
expect(exception, isAssertionError);
|
|
expect(exception.toString(), contains('textDirection'));
|
|
expect(OrderPainter.log, <int>[]);
|
|
});
|
|
|
|
testWidgets('Row and MainAxisSize.min - no textDirection', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('rowKey');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
|
|
final FlutterExceptionHandler? oldHandler = FlutterError.onError;
|
|
dynamic exception;
|
|
FlutterError.onError = (FlutterErrorDetails details) {
|
|
exception ??= details.exception;
|
|
};
|
|
|
|
// Default is MainAxisAlignment.start so this should fail, asking for a direction.
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 150.0, height: 100.0, child: log(2)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
FlutterError.onError = oldHandler;
|
|
expect(exception, isAssertionError);
|
|
expect(exception.toString(), contains('textDirection'));
|
|
expect(OrderPainter.log, <int>[]);
|
|
});
|
|
|
|
testWidgets('Row MainAxisSize.min layout at zero size - no textDirection', (
|
|
WidgetTester tester,
|
|
) async {
|
|
OrderPainter.log.clear();
|
|
const childKey = Key('childKey');
|
|
|
|
await tester.pumpWidget(
|
|
const Center(
|
|
child: SizedBox.shrink(
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[SizedBox(key: childKey, width: 100.0, height: 100.0)],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
final RenderBox renderBox = tester.renderObject(find.byKey(childKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(0.0));
|
|
});
|
|
|
|
// LTR
|
|
|
|
testWidgets('Row with one Flexible child - LTR', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// Default is MainAxisAlignment.start so children so the children's
|
|
// left edges should be at 0, 100, 700, child2's width should be 600
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
Expanded(
|
|
child: SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(0.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(600.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(700.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2, 3]);
|
|
});
|
|
|
|
testWidgets('Row with default main axis parameters - LTR', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// Default is MainAxisAlignment.start so children so the children's
|
|
// left edges should be at 0, 100, 200
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(0.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(200.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2, 3]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.center - LTR', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// The 100x100 children's left edges should be at 300, 400
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(300.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(400.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.end - LTR', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// The 100x100 children's left edges should be at 500, 600, 700.
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
textDirection: TextDirection.ltr,
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(500.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(700.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2, 3]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.spaceBetween - LTR', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// The 100x100 children's left edges should be at 0, 350, 700
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(0.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(350.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(700.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2, 3]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.spaceAround - LTR', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
const child3Key = Key('child3');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// The 100x100 children's left edges should be at 50, 250, 450, 650
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
SizedBox(key: child3Key, width: 100.0, height: 100.0, child: log(4)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(50.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(250.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(450.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child3Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(650.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2, 3, 4]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.spaceEvenly - LTR', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// The 200x100 children's left edges should be at 50, 300, 550
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 200.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 200.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 200.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(200.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(50.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(200.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(300.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(200.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(550.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2, 3]);
|
|
});
|
|
|
|
testWidgets('Row and MainAxisSize.min - LTR', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('rowKey');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
|
|
// Row with MainAxisSize.min without flexible children shrink wraps.
|
|
// Row's width should be 250, children should be at 0, 100.
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisSize: MainAxisSize.min,
|
|
textDirection: TextDirection.ltr,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 150.0, height: 100.0, child: log(2)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(250.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(0.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(150.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(100.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2]);
|
|
});
|
|
|
|
testWidgets('Row MainAxisSize.min layout at zero size - LTR', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const childKey = Key('childKey');
|
|
|
|
await tester.pumpWidget(
|
|
const Center(
|
|
child: SizedBox.shrink(
|
|
child: Row(
|
|
textDirection: TextDirection.ltr,
|
|
mainAxisSize: MainAxisSize.min,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[SizedBox(key: childKey, width: 100.0, height: 100.0)],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
final RenderBox renderBox = tester.renderObject(find.byKey(childKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(0.0));
|
|
});
|
|
|
|
// RTL
|
|
|
|
testWidgets('Row with one Flexible child - RTL', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// Default is MainAxisAlignment.start so children so the children's
|
|
// right edges should be at 0, 100, 700 from the right, child2's width should be 600
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
Expanded(
|
|
child: SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(700.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(600.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(0.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2, 3]);
|
|
});
|
|
|
|
testWidgets('Row with default main axis parameters - RTL', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// Default is MainAxisAlignment.start so children so the children's
|
|
// right edges should be at 0, 100, 200 from the right
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(700.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(500.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2, 3]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.center - RTL', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// The 100x100 children's right edges should be at 300, 400 from the right
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(400.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(300.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.end - RTL', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// The 100x100 children's right edges should be at 500, 600, 700 from the right.
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
textDirection: TextDirection.rtl,
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(200.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(0.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2, 3]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.spaceBetween - RTL', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// The 100x100 children's right edges should be at 0, 350, 700 from the right
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(700.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(350.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(0.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2, 3]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.spaceAround - RTL', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
const child3Key = Key('child3');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// The 100x100 children's right edges should be at 50, 250, 450, 650 from the right
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 100.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 100.0, height: 100.0, child: log(3)),
|
|
SizedBox(key: child3Key, width: 100.0, height: 100.0, child: log(4)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(650.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(450.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(250.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child3Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(50.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2, 3, 4]);
|
|
});
|
|
|
|
testWidgets('Row with MainAxisAlignment.spaceEvenly - RTL', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('row');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
const child2Key = Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Row should be as wide as the test: 800.
|
|
// The 200x100 children's right edges should be at 50, 300, 550 from the right
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 200.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 200.0, height: 100.0, child: log(2)),
|
|
SizedBox(key: child2Key, width: 200.0, height: 100.0, child: log(3)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(800.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(200.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(550.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(200.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(300.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(200.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(50.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2, 3]);
|
|
});
|
|
|
|
testWidgets('Row and MainAxisSize.min - RTL', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const rowKey = Key('rowKey');
|
|
const child0Key = Key('child0');
|
|
const child1Key = Key('child1');
|
|
|
|
// Row with MainAxisSize.min without flexible children shrink wraps.
|
|
// Row's width should be 250, children should be at 0, 100 from right.
|
|
await tester.pumpWidget(
|
|
Center(
|
|
child: Row(
|
|
key: rowKey,
|
|
mainAxisSize: MainAxisSize.min,
|
|
textDirection: TextDirection.rtl,
|
|
children: <Widget>[
|
|
SizedBox(key: child0Key, width: 100.0, height: 100.0, child: log(1)),
|
|
SizedBox(key: child1Key, width: 150.0, height: 100.0, child: log(2)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(rowKey));
|
|
expect(renderBox.size.width, equals(250.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(150.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(150.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData! as BoxParentData;
|
|
expect(boxParentData.offset.dx, equals(0.0));
|
|
|
|
expect(OrderPainter.log, <int>[1, 2]);
|
|
});
|
|
|
|
testWidgets('Row MainAxisSize.min layout at zero size - RTL', (WidgetTester tester) async {
|
|
OrderPainter.log.clear();
|
|
const childKey = Key('childKey');
|
|
|
|
await tester.pumpWidget(
|
|
const Center(
|
|
child: SizedBox.shrink(
|
|
child: Row(
|
|
textDirection: TextDirection.rtl,
|
|
mainAxisSize: MainAxisSize.min,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[SizedBox(key: childKey, width: 100.0, height: 100.0)],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
final RenderBox renderBox = tester.renderObject(find.byKey(childKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(0.0));
|
|
});
|
|
|
|
testWidgets('Default Row.spacing value', (WidgetTester tester) async {
|
|
await tester.pumpWidget(const Directionality(textDirection: TextDirection.ltr, child: Row()));
|
|
|
|
expect(tester.widget<Row>(find.byType(Row)).spacing, 0.0);
|
|
});
|
|
|
|
testWidgets('Can update Row.spacing value', (WidgetTester tester) async {
|
|
Widget buildRow({required double spacing}) {
|
|
return Center(
|
|
child: Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Row(
|
|
spacing: spacing,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
Container(height: 100.0, width: 100.0, color: const Color(0xFFFF0000)),
|
|
Container(height: 100.0, width: 100.0, color: const Color(0xFF0000FF)),
|
|
Container(height: 100.0, width: 100.0, color: const Color(0xff00FF00)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(buildRow(spacing: 8.0));
|
|
|
|
expect(tester.widget<Row>(find.byType(Row)).spacing, equals(8.0));
|
|
expect(tester.getSize(find.byType(Row)).width, equals(316.0));
|
|
expect(tester.getSize(find.byType(Row)).height, equals(100.0));
|
|
|
|
await tester.pumpWidget(buildRow(spacing: 18.0));
|
|
|
|
expect(tester.widget<Row>(find.byType(Row)).spacing, equals(18.0));
|
|
expect(tester.getSize(find.byType(Row)).width, equals(336.0));
|
|
expect(tester.getSize(find.byType(Row)).height, equals(100.0));
|
|
});
|
|
}
|