a13320253c
If the flex is empty, there's no space in which to draw the overflow indicator, so we shouldn't bother trying to draw it. Fixes #12532
785 lines
30 KiB
Dart
785 lines
30 KiB
Dart
// Copyright 2015 The Chromium 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_test/flutter_test.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
|
|
void main() {
|
|
// DOWN (default)
|
|
|
|
testWidgets('Column with one flexible child', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
final Key child2Key = const Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// Default is MainAxisAlignment.start so children so the children's
|
|
// top edges should be at 0, 100, 500, child2's height should be 400.
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 100.0),
|
|
new Expanded(child: new Container(key: child1Key, width: 100.0, height: 100.0)),
|
|
new Container(key: child2Key, width: 100.0, height: 100.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(0.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(400.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, equals(500.0));
|
|
});
|
|
|
|
testWidgets('Column with default main axis parameters', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
final Key child2Key = const Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// Default is MainAxisAlignment.start so children so the children's
|
|
// top edges should be at 0, 100, 200
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 100.0),
|
|
new Container(key: child1Key, width: 100.0, height: 100.0),
|
|
new Container(key: child2Key, width: 100.0, height: 100.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, equals(200.0));
|
|
});
|
|
|
|
testWidgets('Column with MainAxisAlignment.center', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// The 100x100 children's top edges should be at 200, 300
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 100.0),
|
|
new Container(key: child1Key, width: 100.0, height: 100.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, equals(300.0));
|
|
});
|
|
|
|
testWidgets('Column with MainAxisAlignment.end', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
final Key child2Key = const Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// The 100x100 children's top edges should be at 300, 400, 500.
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 100.0),
|
|
new Container(key: child1Key, width: 100.0, height: 100.0),
|
|
new Container(key: child2Key, width: 100.0, height: 100.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, equals(400.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(500.0));
|
|
});
|
|
|
|
testWidgets('Column with MainAxisAlignment.spaceBetween', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
final Key child2Key = const Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// The 100x100 children's top edges should be at 0, 250, 500
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 100.0),
|
|
new Container(key: child1Key, width: 100.0, height: 100.0),
|
|
new Container(key: child2Key, width: 100.0, height: 100.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, equals(500.0));
|
|
});
|
|
|
|
testWidgets('Column with MainAxisAlignment.spaceAround', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
final Key child2Key = const Key('child2');
|
|
final Key child3Key = const Key('child3');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// The 100x100 children's top edges should be at 25, 175, 325, 475
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 100.0),
|
|
new Container(key: child1Key, width: 100.0, height: 100.0),
|
|
new Container(key: child2Key, width: 100.0, height: 100.0),
|
|
new Container(key: child3Key, width: 100.0, height: 100.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(25.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(175.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(325.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child3Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(475.0));
|
|
});
|
|
|
|
testWidgets('Column with MainAxisAlignment.spaceEvenly', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
final Key child2Key = const Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// The 100x20 children's top edges should be at 135, 290, 445
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 20.0),
|
|
new Container(key: child1Key, width: 100.0, height: 20.0),
|
|
new Container(key: child2Key, width: 100.0, height: 20.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(20.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(135.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(20.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(290.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(20.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(445.0));
|
|
});
|
|
|
|
testWidgets('Column and MainAxisSize.min', (WidgetTester tester) async {
|
|
final Key flexKey = const Key('flexKey');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: flexKey,
|
|
children: <Widget>[
|
|
new Container(width: 100.0, height: 100.0),
|
|
new Container(width: 100.0, height: 150.0)
|
|
]
|
|
)
|
|
));
|
|
RenderBox renderBox = tester.renderObject(find.byKey(flexKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
// Column with MainAxisSize.min without flexible children shrink wraps.
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: flexKey,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
new Container(width: 100.0, height: 100.0),
|
|
new Container(width: 100.0, height: 150.0)
|
|
]
|
|
)
|
|
));
|
|
renderBox = tester.renderObject(find.byKey(flexKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(250.0));
|
|
});
|
|
|
|
testWidgets('Column MainAxisSize.min layout at zero size', (WidgetTester tester) async {
|
|
final Key childKey = const Key('childKey');
|
|
|
|
await tester.pumpWidget(new Center(
|
|
child: new Container(
|
|
width: 0.0,
|
|
height: 0.0,
|
|
child: new Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
new Container(
|
|
key: childKey,
|
|
width: 100.0,
|
|
height: 100.0
|
|
)
|
|
]
|
|
)
|
|
)
|
|
));
|
|
|
|
final RenderBox renderBox = tester.renderObject(find.byKey(childKey));
|
|
expect(renderBox.size.width, equals(0.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
});
|
|
|
|
|
|
// UP
|
|
|
|
testWidgets('Column with one flexible child', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
final Key child2Key = const Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// Default is MainAxisAlignment.start so children so the children's
|
|
// bottom edges should be at 0, 100, 500 from bottom, child2's height should be 400.
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 100.0),
|
|
new Expanded(child: new Container(key: child1Key, width: 100.0, height: 100.0)),
|
|
new Container(key: child2Key, width: 100.0, height: 100.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(500.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(400.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, equals(0.0));
|
|
});
|
|
|
|
testWidgets('Column with default main axis parameters', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
final Key child2Key = const Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// Default is MainAxisAlignment.start so children so the children's
|
|
// bottom edges should be at 0, 100, 200 from bottom
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 100.0),
|
|
new Container(key: child1Key, width: 100.0, height: 100.0),
|
|
new Container(key: child2Key, width: 100.0, height: 100.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, equals(400.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(300.0));
|
|
});
|
|
|
|
testWidgets('Column with MainAxisAlignment.center', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// The 100x100 children's bottom edges should be at 200, 300 from bottom
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 100.0),
|
|
new Container(key: child1Key, width: 100.0, height: 100.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, equals(200.0));
|
|
});
|
|
|
|
testWidgets('Column with MainAxisAlignment.end', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
final Key child2Key = const Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// The 100x100 children's bottom edges should be at 300, 400, 500 from bottom.
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 100.0),
|
|
new Container(key: child1Key, width: 100.0, height: 100.0),
|
|
new Container(key: child2Key, width: 100.0, height: 100.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, equals(0.0));
|
|
});
|
|
|
|
testWidgets('Column with MainAxisAlignment.spaceBetween', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
final Key child2Key = const Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// The 100x100 children's bottom edges should be at 0, 250, 500 from bottom
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 100.0),
|
|
new Container(key: child1Key, width: 100.0, height: 100.0),
|
|
new Container(key: child2Key, width: 100.0, height: 100.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, 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;
|
|
expect(boxParentData.offset.dy, equals(0.0));
|
|
});
|
|
|
|
testWidgets('Column with MainAxisAlignment.spaceAround', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
final Key child2Key = const Key('child2');
|
|
final Key child3Key = const Key('child3');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// The 100x100 children's bottom edges should be at 25, 175, 325, 475 from bottom
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 100.0),
|
|
new Container(key: child1Key, width: 100.0, height: 100.0),
|
|
new Container(key: child2Key, width: 100.0, height: 100.0),
|
|
new Container(key: child3Key, width: 100.0, height: 100.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(500.0 - 25.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(500.0 - 175.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(500.0 - 325.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child3Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(500.0 - 475.0));
|
|
});
|
|
|
|
testWidgets('Column with MainAxisAlignment.spaceEvenly', (WidgetTester tester) async {
|
|
final Key columnKey = const Key('column');
|
|
final Key child0Key = const Key('child0');
|
|
final Key child1Key = const Key('child1');
|
|
final Key child2Key = const Key('child2');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
// The 100x20 children's bottom edges should be at 135, 290, 445 from bottom
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: columnKey,
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
new Container(key: child0Key, width: 100.0, height: 20.0),
|
|
new Container(key: child1Key, width: 100.0, height: 20.0),
|
|
new Container(key: child2Key, width: 100.0, height: 20.0),
|
|
]
|
|
)
|
|
));
|
|
|
|
RenderBox renderBox;
|
|
BoxParentData boxParentData;
|
|
|
|
renderBox = tester.renderObject(find.byKey(columnKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child0Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(20.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(600.0 - 135.0 - 20.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child1Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(20.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(600.0 - 290.0 - 20.0));
|
|
|
|
renderBox = tester.renderObject(find.byKey(child2Key));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(20.0));
|
|
boxParentData = renderBox.parentData;
|
|
expect(boxParentData.offset.dy, equals(600.0 - 445.0 - 20.0));
|
|
});
|
|
|
|
testWidgets('Column and MainAxisSize.min', (WidgetTester tester) async {
|
|
final Key flexKey = const Key('flexKey');
|
|
|
|
// Default is MainAxisSize.max so the Column should be as high as the test: 600.
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: flexKey,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
new Container(width: 100.0, height: 100.0),
|
|
new Container(width: 100.0, height: 150.0)
|
|
]
|
|
)
|
|
));
|
|
RenderBox renderBox = tester.renderObject(find.byKey(flexKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(600.0));
|
|
|
|
// Column with MainAxisSize.min without flexible children shrink wraps.
|
|
await tester.pumpWidget(new Center(
|
|
child: new Column(
|
|
key: flexKey,
|
|
mainAxisSize: MainAxisSize.min,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
new Container(width: 100.0, height: 100.0),
|
|
new Container(width: 100.0, height: 150.0)
|
|
]
|
|
)
|
|
));
|
|
renderBox = tester.renderObject(find.byKey(flexKey));
|
|
expect(renderBox.size.width, equals(100.0));
|
|
expect(renderBox.size.height, equals(250.0));
|
|
});
|
|
|
|
testWidgets('Column MainAxisSize.min layout at zero size', (WidgetTester tester) async {
|
|
final Key childKey = const Key('childKey');
|
|
|
|
await tester.pumpWidget(new Center(
|
|
child: new Container(
|
|
width: 0.0,
|
|
height: 0.0,
|
|
child: new Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
verticalDirection: VerticalDirection.up,
|
|
children: <Widget>[
|
|
new Container(
|
|
key: childKey,
|
|
width: 100.0,
|
|
height: 100.0
|
|
)
|
|
]
|
|
)
|
|
)
|
|
));
|
|
|
|
final RenderBox renderBox = tester.renderObject(find.byKey(childKey));
|
|
expect(renderBox.size.width, equals(0.0));
|
|
expect(renderBox.size.height, equals(100.0));
|
|
});
|
|
}
|