packages/flutter/test/rendering/table_test.dart - mirrors/flutter - Git at Google

 // 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_test/flutter_test.dart';

 import 'mock_canvas.dart';
 import 'rendering_tester.dart';

 RenderBox sizedBox(double width, double height) {
   return RenderConstrainedBox(
     additionalConstraints: BoxConstraints.tight(Size(width, height)),
   );
 }

 void main() {
   TestRenderingFlutterBinding.ensureInitialized();

   test('Table control test; tight', () {
     RenderTable table;
     layout(table = RenderTable(textDirection: TextDirection.ltr));

     expect(table.size.width, equals(800.0));
     expect(table.size.height, equals(600.0));

     expect(table, hasAGoodToStringDeep);
     expect(
       table.toStringDeep(minLevel: DiagnosticLevel.info),
       equalsIgnoringHashCodes(
         'RenderTable#00000 NEEDS-PAINT\n'
         ' │ parentData: <none>\n'
         ' │ constraints: BoxConstraints(w=800.0, h=600.0)\n'
         ' │ size: Size(800.0, 600.0)\n'
         ' │ default column width: FlexColumnWidth(1.0)\n'
         ' │ table size: 0×0\n'
         ' │ column offsets: unknown\n'
         ' │ row offsets: []\n'
         ' │\n'
         ' └─table is empty\n',
       ),
     );
   });

   test('Table control test; loose', () {
     RenderTable table;
     layout(RenderPositionedBox(child: table = RenderTable(textDirection: TextDirection.ltr)));

     expect(table.size, equals(Size.zero));
   });

   test('Table control test: constrained flex columns', () {
     final RenderTable table = RenderTable(textDirection: TextDirection.ltr);
     final List<RenderBox> children = List<RenderBox>.generate(6, (_) => RenderPositionedBox());

     table.setFlatChildren(6, children);
     layout(table, constraints: const BoxConstraints.tightFor(width: 100.0));

     const double expectedWidth = 100.0 / 6;
     for (final RenderBox child in children) {
       expect(child.size.width, moreOrLessEquals(expectedWidth));
     }
   });

   test('Table test: combinations', () {
     RenderTable table;
     layout(RenderPositionedBox(child: table = RenderTable(
       columns: 5,
       rows: 5,
       defaultColumnWidth: const IntrinsicColumnWidth(),
       textDirection: TextDirection.ltr,
       defaultVerticalAlignment: TableCellVerticalAlignment.baseline,
       textBaseline: TextBaseline.alphabetic,
     )));

     expect(table.size, equals(Size.zero));

     table.setChild(2, 4, sizedBox(100.0, 200.0));

     pumpFrame();

     expect(table.size, equals(const Size(100.0, 200.0)));

     table.setChild(0, 0, sizedBox(10.0, 30.0));
     table.setChild(1, 0, sizedBox(20.0, 20.0));
     table.setChild(2, 0, sizedBox(30.0, 10.0));

     pumpFrame();

     expect(table.size, equals(const Size(130.0, 230.0)));

     expect(table, hasAGoodToStringDeep);
     expect(
       table.toStringDeep(minLevel: DiagnosticLevel.info),
       equalsIgnoringHashCodes(
         'RenderTable#00000 relayoutBoundary=up1 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE\n'
         ' │ parentData: offset=Offset(335.0, 185.0) (can use size)\n'
         ' │ constraints: BoxConstraints(0.0<=w<=800.0, 0.0<=h<=600.0)\n'
         ' │ size: Size(130.0, 230.0)\n'
         ' │ default column width: IntrinsicColumnWidth(flex: null)\n'
         ' │ table size: 5×5\n'
         ' │ column offsets: 0.0, 10.0, 30.0, 130.0, 130.0\n'
         ' │ row offsets: 0.0, 30.0, 30.0, 30.0, 30.0, 230.0\n'
         ' │\n'
         ' ├─child (0, 0): RenderConstrainedBox#00000 relayoutBoundary=up2 NEEDS-PAINT\n'
         ' │   parentData: offset=Offset(0.0, 0.0); default vertical alignment\n'
         ' │     (can use size)\n'
         ' │   constraints: BoxConstraints(w=10.0, 0.0<=h<=Infinity)\n'
         ' │   size: Size(10.0, 30.0)\n'
         ' │   additionalConstraints: BoxConstraints(w=10.0, h=30.0)\n'
         ' │\n'
         ' ├─child (1, 0): RenderConstrainedBox#00000 relayoutBoundary=up2 NEEDS-PAINT\n'
         ' │   parentData: offset=Offset(10.0, 0.0); default vertical alignment\n'
         ' │     (can use size)\n'
         ' │   constraints: BoxConstraints(w=20.0, 0.0<=h<=Infinity)\n'
         ' │   size: Size(20.0, 20.0)\n'
         ' │   additionalConstraints: BoxConstraints(w=20.0, h=20.0)\n'
         ' │\n'
         ' ├─child (2, 0): RenderConstrainedBox#00000 relayoutBoundary=up2 NEEDS-PAINT\n'
         ' │   parentData: offset=Offset(30.0, 0.0); default vertical alignment\n'
         ' │     (can use size)\n'
         ' │   constraints: BoxConstraints(w=100.0, 0.0<=h<=Infinity)\n'
         ' │   size: Size(100.0, 10.0)\n'
         ' │   additionalConstraints: BoxConstraints(w=30.0, h=10.0)\n'
         ' │\n'
         ' ├─child (3, 0) is null\n'
         ' ├─child (4, 0) is null\n'
         ' ├─child (0, 1) is null\n'
         ' ├─child (1, 1) is null\n'
         ' ├─child (2, 1) is null\n'
         ' ├─child (3, 1) is null\n'
         ' ├─child (4, 1) is null\n'
         ' ├─child (0, 2) is null\n'
         ' ├─child (1, 2) is null\n'
         ' ├─child (2, 2) is null\n'
         ' ├─child (3, 2) is null\n'
         ' ├─child (4, 2) is null\n'
         ' ├─child (0, 3) is null\n'
         ' ├─child (1, 3) is null\n'
         ' ├─child (2, 3) is null\n'
         ' ├─child (3, 3) is null\n'
         ' ├─child (4, 3) is null\n'
         ' ├─child (0, 4) is null\n'
         ' ├─child (1, 4) is null\n'
         ' ├─child (2, 4): RenderConstrainedBox#00000 relayoutBoundary=up2 NEEDS-PAINT\n'
         ' │   parentData: offset=Offset(30.0, 30.0); default vertical alignment\n'
         ' │     (can use size)\n'
         ' │   constraints: BoxConstraints(w=100.0, 0.0<=h<=Infinity)\n'
         ' │   size: Size(100.0, 200.0)\n'
         ' │   additionalConstraints: BoxConstraints(w=100.0, h=200.0)\n'
         ' │\n'
         ' ├─child (3, 4) is null\n'
         ' └─child (4, 4) is null\n',
       ),
     );
   });

   test('Table test: removing cells', () {
     RenderTable table;
     RenderBox child;
     table = RenderTable(
       columns: 5,
       rows: 5,
       textDirection: TextDirection.ltr,
     );
     table.setChild(4, 4, child = sizedBox(10.0, 10.0));

     layout(table);

     expect(child.attached, isTrue);
     table.rows = 4;
     expect(child.attached, isFalse);
   });

   test('Table test: replacing cells', () {
     RenderTable table;
     final RenderBox child1 = RenderPositionedBox();
     final RenderBox child2 = RenderPositionedBox();
     final RenderBox child3 = RenderPositionedBox();
     table = RenderTable(textDirection: TextDirection.ltr);
     table.setFlatChildren(3, <RenderBox>[
       child1, RenderPositionedBox(), child2,
       RenderPositionedBox(), child3, RenderPositionedBox(),
     ]);
     expect(table.rows, equals(2));
     layout(table);
     table.setFlatChildren(3, <RenderBox>[
       RenderPositionedBox(), child1, RenderPositionedBox(),
       child2, RenderPositionedBox(), child3,
     ]);
     pumpFrame();
     table.setFlatChildren(3, <RenderBox>[
       RenderPositionedBox(), child1, RenderPositionedBox(),
       child2, RenderPositionedBox(), child3,
     ]);
     pumpFrame();
     expect(table.columns, equals(3));
     expect(table.rows, equals(2));
   });

   test('Table border painting', () {
     final RenderTable table = RenderTable(
       textDirection: TextDirection.rtl,
       border: TableBorder.all(),
     );
     layout(table);
     table.setFlatChildren(1, <RenderBox>[ ]);
     pumpFrame();
     expect(table, paints..path()..path()..path()..path());
     table.setFlatChildren(1, <RenderBox>[ RenderPositionedBox() ]);
     pumpFrame();
     expect(table, paints..path()..path()..path()..path());
     table.setFlatChildren(1, <RenderBox>[ RenderPositionedBox(), RenderPositionedBox() ]);
     pumpFrame();
     expect(table, paints..path()..path()..path()..path()..path());
     table.setFlatChildren(2, <RenderBox>[ RenderPositionedBox(), RenderPositionedBox() ]);
     pumpFrame();
     expect(table, paints..path()..path()..path()..path()..path());
     table.setFlatChildren(2, <RenderBox>[
       RenderPositionedBox(), RenderPositionedBox(),
       RenderPositionedBox(), RenderPositionedBox(),
     ]);
     pumpFrame();
     expect(table, paints..path()..path()..path()..path()..path()..path());
     table.setFlatChildren(3, <RenderBox>[
       RenderPositionedBox(), RenderPositionedBox(), RenderPositionedBox(),
       RenderPositionedBox(), RenderPositionedBox(), RenderPositionedBox(),
     ]);
     pumpFrame();
     expect(table, paints..path()..path()..path()..path()..path()..path());
   });

   test('Table flex sizing', () {
     const BoxConstraints cellConstraints =
         BoxConstraints.tightFor(width: 100, height: 100);
     final RenderTable table = RenderTable(
       textDirection: TextDirection.rtl,
       children: <List<RenderBox>>[
         List<RenderBox>.generate(
           7,
           (int _) => RenderConstrainedBox(additionalConstraints: cellConstraints),
         ),
       ],
       columnWidths: const <int, TableColumnWidth>{
         0: FlexColumnWidth(),
         1: FlexColumnWidth(0.123),
         2: FlexColumnWidth(0.123),
         3: FlexColumnWidth(0.123),
         4: FlexColumnWidth(0.123),
         5: FlexColumnWidth(0.123),
         6: FlexColumnWidth(0.123),
       },
     );

     layout(table, constraints: BoxConstraints.tight(const Size(800.0, 600.0)));
     expect(table.hasSize, true);
   });

   test('Table paints a borderRadius', () {
     final RenderTable table = RenderTable(
       textDirection: TextDirection.ltr,
       border: TableBorder.all(borderRadius: const BorderRadius.all(Radius.circular(8.0))),
     );
     layout(table);
     table.setFlatChildren(2, <RenderBox>[
       RenderPositionedBox(), RenderPositionedBox(),
       RenderPositionedBox(), RenderPositionedBox(),
     ]);
     pumpFrame();
     expect(table, paints
       ..path()
       ..path()
       ..drrect(
         outer: RRect.fromLTRBR(0.0, 0.0, 800.0, 0.0, const Radius.circular(8.0)),
         inner: RRect.fromLTRBR(1.0, 1.0, 799.0, -1.0, const Radius.circular(7.0)),
       )
     );
   });

 }
	// 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_test/flutter_test.dart';

	import 'mock_canvas.dart';
	import 'rendering_tester.dart';

	RenderBox sizedBox(double width, double height) {
	return RenderConstrainedBox(
	additionalConstraints: BoxConstraints.tight(Size(width, height)),
	);
	}

	void main() {
	TestRenderingFlutterBinding.ensureInitialized();

	test('Table control test; tight', () {
	RenderTable table;
	layout(table = RenderTable(textDirection: TextDirection.ltr));

	expect(table.size.width, equals(800.0));
	expect(table.size.height, equals(600.0));

	expect(table, hasAGoodToStringDeep);
	expect(
	table.toStringDeep(minLevel: DiagnosticLevel.info),
	equalsIgnoringHashCodes(
	'RenderTable#00000 NEEDS-PAINT\n'
	' │ parentData: <none>\n'
	' │ constraints: BoxConstraints(w=800.0, h=600.0)\n'
	' │ size: Size(800.0, 600.0)\n'
	' │ default column width: FlexColumnWidth(1.0)\n'
	' │ table size: 0×0\n'
	' │ column offsets: unknown\n'
	' │ row offsets: []\n'
	' │\n'
	' └─table is empty\n',
	),
	);
	});

	test('Table control test; loose', () {
	RenderTable table;
	layout(RenderPositionedBox(child: table = RenderTable(textDirection: TextDirection.ltr)));

	expect(table.size, equals(Size.zero));
	});

	test('Table control test: constrained flex columns', () {
	final RenderTable table = RenderTable(textDirection: TextDirection.ltr);
	final List<RenderBox> children = List<RenderBox>.generate(6, (_) => RenderPositionedBox());

	table.setFlatChildren(6, children);
	layout(table, constraints: const BoxConstraints.tightFor(width: 100.0));

	const double expectedWidth = 100.0 / 6;
	for (final RenderBox child in children) {
	expect(child.size.width, moreOrLessEquals(expectedWidth));
	}
	});

	test('Table test: combinations', () {
	RenderTable table;
	layout(RenderPositionedBox(child: table = RenderTable(
	columns: 5,
	rows: 5,
	defaultColumnWidth: const IntrinsicColumnWidth(),
	textDirection: TextDirection.ltr,
	defaultVerticalAlignment: TableCellVerticalAlignment.baseline,
	textBaseline: TextBaseline.alphabetic,
	)));

	expect(table.size, equals(Size.zero));

	table.setChild(2, 4, sizedBox(100.0, 200.0));

	pumpFrame();

	expect(table.size, equals(const Size(100.0, 200.0)));

	table.setChild(0, 0, sizedBox(10.0, 30.0));
	table.setChild(1, 0, sizedBox(20.0, 20.0));
	table.setChild(2, 0, sizedBox(30.0, 10.0));

	pumpFrame();

	expect(table.size, equals(const Size(130.0, 230.0)));

	expect(table, hasAGoodToStringDeep);
	expect(
	table.toStringDeep(minLevel: DiagnosticLevel.info),
	equalsIgnoringHashCodes(
	'RenderTable#00000 relayoutBoundary=up1 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE\n'
	' │ parentData: offset=Offset(335.0, 185.0) (can use size)\n'
	' │ constraints: BoxConstraints(0.0<=w<=800.0, 0.0<=h<=600.0)\n'
	' │ size: Size(130.0, 230.0)\n'
	' │ default column width: IntrinsicColumnWidth(flex: null)\n'
	' │ table size: 5×5\n'
	' │ column offsets: 0.0, 10.0, 30.0, 130.0, 130.0\n'
	' │ row offsets: 0.0, 30.0, 30.0, 30.0, 30.0, 230.0\n'
	' │\n'
	' ├─child (0, 0): RenderConstrainedBox#00000 relayoutBoundary=up2 NEEDS-PAINT\n'
	' │ parentData: offset=Offset(0.0, 0.0); default vertical alignment\n'
	' │ (can use size)\n'
	' │ constraints: BoxConstraints(w=10.0, 0.0<=h<=Infinity)\n'
	' │ size: Size(10.0, 30.0)\n'
	' │ additionalConstraints: BoxConstraints(w=10.0, h=30.0)\n'
	' │\n'
	' ├─child (1, 0): RenderConstrainedBox#00000 relayoutBoundary=up2 NEEDS-PAINT\n'
	' │ parentData: offset=Offset(10.0, 0.0); default vertical alignment\n'
	' │ (can use size)\n'
	' │ constraints: BoxConstraints(w=20.0, 0.0<=h<=Infinity)\n'
	' │ size: Size(20.0, 20.0)\n'
	' │ additionalConstraints: BoxConstraints(w=20.0, h=20.0)\n'
	' │\n'
	' ├─child (2, 0): RenderConstrainedBox#00000 relayoutBoundary=up2 NEEDS-PAINT\n'
	' │ parentData: offset=Offset(30.0, 0.0); default vertical alignment\n'
	' │ (can use size)\n'
	' │ constraints: BoxConstraints(w=100.0, 0.0<=h<=Infinity)\n'
	' │ size: Size(100.0, 10.0)\n'
	' │ additionalConstraints: BoxConstraints(w=30.0, h=10.0)\n'
	' │\n'
	' ├─child (3, 0) is null\n'
	' ├─child (4, 0) is null\n'
	' ├─child (0, 1) is null\n'
	' ├─child (1, 1) is null\n'
	' ├─child (2, 1) is null\n'
	' ├─child (3, 1) is null\n'
	' ├─child (4, 1) is null\n'
	' ├─child (0, 2) is null\n'
	' ├─child (1, 2) is null\n'
	' ├─child (2, 2) is null\n'
	' ├─child (3, 2) is null\n'
	' ├─child (4, 2) is null\n'
	' ├─child (0, 3) is null\n'
	' ├─child (1, 3) is null\n'
	' ├─child (2, 3) is null\n'
	' ├─child (3, 3) is null\n'
	' ├─child (4, 3) is null\n'
	' ├─child (0, 4) is null\n'
	' ├─child (1, 4) is null\n'
	' ├─child (2, 4): RenderConstrainedBox#00000 relayoutBoundary=up2 NEEDS-PAINT\n'
	' │ parentData: offset=Offset(30.0, 30.0); default vertical alignment\n'
	' │ (can use size)\n'
	' │ constraints: BoxConstraints(w=100.0, 0.0<=h<=Infinity)\n'
	' │ size: Size(100.0, 200.0)\n'
	' │ additionalConstraints: BoxConstraints(w=100.0, h=200.0)\n'
	' │\n'
	' ├─child (3, 4) is null\n'
	' └─child (4, 4) is null\n',
	),
	);
	});

	test('Table test: removing cells', () {
	RenderTable table;
	RenderBox child;
	table = RenderTable(
	columns: 5,
	rows: 5,
	textDirection: TextDirection.ltr,
	);
	table.setChild(4, 4, child = sizedBox(10.0, 10.0));

	layout(table);

	expect(child.attached, isTrue);
	table.rows = 4;
	expect(child.attached, isFalse);
	});

	test('Table test: replacing cells', () {
	RenderTable table;
	final RenderBox child1 = RenderPositionedBox();
	final RenderBox child2 = RenderPositionedBox();
	final RenderBox child3 = RenderPositionedBox();
	table = RenderTable(textDirection: TextDirection.ltr);
	table.setFlatChildren(3, <RenderBox>[
	child1, RenderPositionedBox(), child2,
	RenderPositionedBox(), child3, RenderPositionedBox(),
	]);
	expect(table.rows, equals(2));
	layout(table);
	table.setFlatChildren(3, <RenderBox>[
	RenderPositionedBox(), child1, RenderPositionedBox(),
	child2, RenderPositionedBox(), child3,
	]);
	pumpFrame();
	table.setFlatChildren(3, <RenderBox>[
	RenderPositionedBox(), child1, RenderPositionedBox(),
	child2, RenderPositionedBox(), child3,
	]);
	pumpFrame();
	expect(table.columns, equals(3));
	expect(table.rows, equals(2));
	});

	test('Table border painting', () {
	final RenderTable table = RenderTable(
	textDirection: TextDirection.rtl,
	border: TableBorder.all(),
	);
	layout(table);
	table.setFlatChildren(1, <RenderBox>[ ]);
	pumpFrame();
	expect(table, paints..path()..path()..path()..path());
	table.setFlatChildren(1, <RenderBox>[ RenderPositionedBox() ]);
	pumpFrame();
	expect(table, paints..path()..path()..path()..path());
	table.setFlatChildren(1, <RenderBox>[ RenderPositionedBox(), RenderPositionedBox() ]);
	pumpFrame();
	expect(table, paints..path()..path()..path()..path()..path());
	table.setFlatChildren(2, <RenderBox>[ RenderPositionedBox(), RenderPositionedBox() ]);
	pumpFrame();
	expect(table, paints..path()..path()..path()..path()..path());
	table.setFlatChildren(2, <RenderBox>[
	RenderPositionedBox(), RenderPositionedBox(),
	RenderPositionedBox(), RenderPositionedBox(),
	]);
	pumpFrame();
	expect(table, paints..path()..path()..path()..path()..path()..path());
	table.setFlatChildren(3, <RenderBox>[
	RenderPositionedBox(), RenderPositionedBox(), RenderPositionedBox(),
	RenderPositionedBox(), RenderPositionedBox(), RenderPositionedBox(),
	]);
	pumpFrame();
	expect(table, paints..path()..path()..path()..path()..path()..path());
	});

	test('Table flex sizing', () {
	const BoxConstraints cellConstraints =
	BoxConstraints.tightFor(width: 100, height: 100);
	final RenderTable table = RenderTable(
	textDirection: TextDirection.rtl,
	children: <List<RenderBox>>[
	List<RenderBox>.generate(
	7,
	(int _) => RenderConstrainedBox(additionalConstraints: cellConstraints),
	),
	],
	columnWidths: const <int, TableColumnWidth>{
	0: FlexColumnWidth(),
	1: FlexColumnWidth(0.123),
	2: FlexColumnWidth(0.123),
	3: FlexColumnWidth(0.123),
	4: FlexColumnWidth(0.123),
	5: FlexColumnWidth(0.123),
	6: FlexColumnWidth(0.123),
	},
	);

	layout(table, constraints: BoxConstraints.tight(const Size(800.0, 600.0)));
	expect(table.hasSize, true);
	});

	test('Table paints a borderRadius', () {
	final RenderTable table = RenderTable(
	textDirection: TextDirection.ltr,
	border: TableBorder.all(borderRadius: const BorderRadius.all(Radius.circular(8.0))),
	);
	layout(table);
	table.setFlatChildren(2, <RenderBox>[
	RenderPositionedBox(), RenderPositionedBox(),
	RenderPositionedBox(), RenderPositionedBox(),
	]);
	pumpFrame();
	expect(table, paints
	..path()
	..path()
	..drrect(
	outer: RRect.fromLTRBR(0.0, 0.0, 800.0, 0.0, const Radius.circular(8.0)),
	inner: RRect.fromLTRBR(1.0, 1.0, 799.0, -1.0, const Radius.circular(7.0)),
	)
	);
	});

	}