// Copyright 2014 The Flutter Authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. import 'package:flutter/rendering.dart'; import 'package:flutter/widgets.dart'; import 'package:flutter_test/flutter_test.dart'; void main() { // DOWN (default) testWidgets('Column with one flexible child', (WidgetTester tester) async { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = Key('child1'); const Key child2Key = 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(const Center( child: Column( key: columnKey, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 100.0), Expanded(child: SizedBox(key: child1Key, width: 100.0, height: 100.0)), SizedBox(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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(500.0)); }); testWidgets('Column with default main axis parameters', (WidgetTester tester) async { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = Key('child1'); const Key child2Key = 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(const Center( child: Column( key: columnKey, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 100.0), SizedBox(key: child1Key, width: 100.0, height: 100.0), SizedBox(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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(200.0)); }); testWidgets('Column with MainAxisAlignment.center', (WidgetTester tester) async { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = 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(const Center( child: Column( key: columnKey, mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 100.0), SizedBox(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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(300.0)); }); testWidgets('Column with MainAxisAlignment.end', (WidgetTester tester) async { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = Key('child1'); const Key child2Key = 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(const Center( child: Column( key: columnKey, mainAxisAlignment: MainAxisAlignment.end, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 100.0), SizedBox(key: child1Key, width: 100.0, height: 100.0), SizedBox(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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(500.0)); }); testWidgets('Column with MainAxisAlignment.spaceBetween', (WidgetTester tester) async { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = Key('child1'); const Key child2Key = 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(const Center( child: Column( key: columnKey, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 100.0), SizedBox(key: child1Key, width: 100.0, height: 100.0), SizedBox(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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(500.0)); }); testWidgets('Column with MainAxisAlignment.spaceAround', (WidgetTester tester) async { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = Key('child1'); const Key child2Key = Key('child2'); const Key child3Key = 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(const Center( child: Column( key: columnKey, mainAxisAlignment: MainAxisAlignment.spaceAround, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 100.0), SizedBox(key: child1Key, width: 100.0, height: 100.0), SizedBox(key: child2Key, width: 100.0, height: 100.0), SizedBox(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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(475.0)); }); testWidgets('Column with MainAxisAlignment.spaceEvenly', (WidgetTester tester) async { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = Key('child1'); const Key child2Key = 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(const Center( child: Column( key: columnKey, mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 20.0), SizedBox(key: child1Key, width: 100.0, height: 20.0), SizedBox(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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(445.0)); }); testWidgets('Column and MainAxisSize.min', (WidgetTester tester) async { const Key flexKey = Key('flexKey'); // Default is MainAxisSize.max so the Column should be as high as the test: 600. await tester.pumpWidget(const Center( child: Column( key: flexKey, children: <Widget>[ SizedBox(width: 100.0, height: 100.0), SizedBox(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(const Center( child: Column( key: flexKey, mainAxisSize: MainAxisSize.min, children: <Widget>[ SizedBox(width: 100.0, height: 100.0), SizedBox(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 { const Key childKey = Key('childKey'); await tester.pumpWidget(const Center( child: SizedBox.shrink( child: Column( mainAxisSize: MainAxisSize.min, children: <Widget>[ SizedBox( 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 { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = Key('child1'); const Key child2Key = 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(const Center( child: Column( key: columnKey, verticalDirection: VerticalDirection.up, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 100.0), Expanded(child: SizedBox(key: child1Key, width: 100.0, height: 100.0)), SizedBox(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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(0.0)); }); testWidgets('Column with default main axis parameters', (WidgetTester tester) async { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = Key('child1'); const Key child2Key = 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(const Center( child: Column( key: columnKey, verticalDirection: VerticalDirection.up, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 100.0), SizedBox(key: child1Key, width: 100.0, height: 100.0), SizedBox(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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(300.0)); }); testWidgets('Column with MainAxisAlignment.center', (WidgetTester tester) async { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = 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(const Center( child: Column( key: columnKey, mainAxisAlignment: MainAxisAlignment.center, verticalDirection: VerticalDirection.up, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 100.0), SizedBox(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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(200.0)); }); testWidgets('Column with MainAxisAlignment.end', (WidgetTester tester) async { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = Key('child1'); const Key child2Key = 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(const Center( child: Column( key: columnKey, mainAxisAlignment: MainAxisAlignment.end, verticalDirection: VerticalDirection.up, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 100.0), SizedBox(key: child1Key, width: 100.0, height: 100.0), SizedBox(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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(0.0)); }); testWidgets('Column with MainAxisAlignment.spaceBetween', (WidgetTester tester) async { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = Key('child1'); const Key child2Key = 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(const Center( child: Column( key: columnKey, mainAxisAlignment: MainAxisAlignment.spaceBetween, verticalDirection: VerticalDirection.up, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 100.0), SizedBox(key: child1Key, width: 100.0, height: 100.0), SizedBox(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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(0.0)); }); testWidgets('Column with MainAxisAlignment.spaceAround', (WidgetTester tester) async { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = Key('child1'); const Key child2Key = Key('child2'); const Key child3Key = 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(const Center( child: Column( key: columnKey, mainAxisAlignment: MainAxisAlignment.spaceAround, verticalDirection: VerticalDirection.up, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 100.0), SizedBox(key: child1Key, width: 100.0, height: 100.0), SizedBox(key: child2Key, width: 100.0, height: 100.0), SizedBox(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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(500.0 - 475.0)); }); testWidgets('Column with MainAxisAlignment.spaceEvenly', (WidgetTester tester) async { const Key columnKey = Key('column'); const Key child0Key = Key('child0'); const Key child1Key = Key('child1'); const Key child2Key = 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(const Center( child: Column( key: columnKey, mainAxisAlignment: MainAxisAlignment.spaceEvenly, verticalDirection: VerticalDirection.up, children: <Widget>[ SizedBox(key: child0Key, width: 100.0, height: 20.0), SizedBox(key: child1Key, width: 100.0, height: 20.0), SizedBox(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! as BoxParentData; 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! as BoxParentData; 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! as BoxParentData; expect(boxParentData.offset.dy, equals(600.0 - 445.0 - 20.0)); }); testWidgets('Column and MainAxisSize.min', (WidgetTester tester) async { const Key flexKey = Key('flexKey'); // Default is MainAxisSize.max so the Column should be as high as the test: 600. await tester.pumpWidget(const Center( child: Column( key: flexKey, verticalDirection: VerticalDirection.up, children: <Widget>[ SizedBox(width: 100.0, height: 100.0), SizedBox(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(const Center( child: Column( key: flexKey, mainAxisSize: MainAxisSize.min, verticalDirection: VerticalDirection.up, children: <Widget>[ SizedBox(width: 100.0, height: 100.0), SizedBox(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 { const Key childKey = Key('childKey'); await tester.pumpWidget(const Center( child: SizedBox.shrink( child: Column( mainAxisSize: MainAxisSize.min, verticalDirection: VerticalDirection.up, children: <Widget>[ SizedBox( 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)); }); }