blob: 74a5a4fe946444c88fea9fef84fe7f1361498f56 [file] [log] [blame]
// Copyright 2016 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/material.dart';
import 'package:flutter_test/flutter_test.dart';
import '../rendering/mock_canvas.dart';
enum RadiusType {
Sharp,
Shifting,
Round
}
void matches(BorderRadius borderRadius, RadiusType top, RadiusType bottom) {
final Radius cardRadius = kMaterialEdges[MaterialType.card].topLeft;
if (top == RadiusType.Sharp) {
expect(borderRadius.topLeft, equals(Radius.zero));
expect(borderRadius.topRight, equals(Radius.zero));
} else if (top == RadiusType.Shifting) {
expect(borderRadius.topLeft.x, greaterThan(0.0));
expect(borderRadius.topLeft.x, lessThan(cardRadius.x));
expect(borderRadius.topLeft.y, greaterThan(0.0));
expect(borderRadius.topLeft.y, lessThan(cardRadius.y));
expect(borderRadius.topRight.x, greaterThan(0.0));
expect(borderRadius.topRight.x, lessThan(cardRadius.x));
expect(borderRadius.topRight.y, greaterThan(0.0));
expect(borderRadius.topRight.y, lessThan(cardRadius.y));
} else {
expect(borderRadius.topLeft, equals(cardRadius));
expect(borderRadius.topRight, equals(cardRadius));
}
if (bottom == RadiusType.Sharp) {
expect(borderRadius.bottomLeft, equals(Radius.zero));
expect(borderRadius.bottomRight, equals(Radius.zero));
} else if (bottom == RadiusType.Shifting) {
expect(borderRadius.bottomLeft.x, greaterThan(0.0));
expect(borderRadius.bottomLeft.x, lessThan(cardRadius.x));
expect(borderRadius.bottomLeft.y, greaterThan(0.0));
expect(borderRadius.bottomLeft.y, lessThan(cardRadius.y));
expect(borderRadius.bottomRight.x, greaterThan(0.0));
expect(borderRadius.bottomRight.x, lessThan(cardRadius.x));
expect(borderRadius.bottomRight.y, greaterThan(0.0));
expect(borderRadius.bottomRight.y, lessThan(cardRadius.y));
} else {
expect(borderRadius.bottomLeft, equals(cardRadius));
expect(borderRadius.bottomRight, equals(cardRadius));
}
}
// Returns the border radius decoration of an item within a MergeableMaterial.
// This depends on the exact structure of objects built by the Material and
// MergeableMaterial widgets.
BorderRadius getBorderRadius(WidgetTester tester, int index) {
final List<Element> containers = tester.elementList(find.byType(Container))
.toList();
final Container container = containers[index].widget;
final BoxDecoration boxDecoration = container.decoration;
return boxDecoration.borderRadius;
}
void main() {
testWidgets('MergeableMaterial empty', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial()
),
),
),
);
final RenderBox box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(0));
});
testWidgets('MergeableMaterial update slice', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
),
),
],
),
),
),
),
);
RenderBox box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(100.0));
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 200.0
),
),
],
),
),
),
),
);
box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(200.0));
});
testWidgets('MergeableMaterial swap slices', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
),
),
],
),
),
),
),
);
RenderBox box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(200.0));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
),
),
],
),
),
),
),
);
box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(200.0));
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, equals(200.0));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
});
testWidgets('MergeableMaterial paints shadows', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
),
),
],
),
),
),
),
);
final BoxShadow boxShadow = kElevationToShadow[2][0];
final RRect rrect = kMaterialEdges[MaterialType.card].toRRect(
new Rect.fromLTRB(0.0, 0.0, 800.0, 100.0)
);
expect(
find.byType(MergeableMaterial),
paints..rrect(rrect: rrect, color: boxShadow.color, hasMaskFilter: true),
);
});
testWidgets('MergeableMaterial merge gap', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('x')
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
),
),
],
),
),
),
),
);
final RenderBox box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(216));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 1), RadiusType.Round, RadiusType.Round);
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
),
),
],
),
),
),
),
);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, lessThan(216));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Shifting);
matches(getBorderRadius(tester, 1), RadiusType.Shifting, RadiusType.Round);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, equals(200));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Sharp);
matches(getBorderRadius(tester, 1), RadiusType.Sharp, RadiusType.Round);
});
testWidgets('MergeableMaterial separate slices', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
),
),
],
),
),
),
),
);
final RenderBox box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(200));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('x')
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
),
),
],
),
),
),
),
);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, lessThan(216));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Shifting);
matches(getBorderRadius(tester, 1), RadiusType.Shifting, RadiusType.Round);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, equals(216));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 1), RadiusType.Round, RadiusType.Round);
});
testWidgets('MergeableMaterial separate merge separate', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
final RenderBox box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(200));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('x')
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, lessThan(216));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Shifting);
matches(getBorderRadius(tester, 1), RadiusType.Shifting, RadiusType.Round);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, equals(216));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 1), RadiusType.Round, RadiusType.Round);
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, lessThan(216));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Shifting);
matches(getBorderRadius(tester, 1), RadiusType.Shifting, RadiusType.Round);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, equals(200));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Sharp);
matches(getBorderRadius(tester, 1), RadiusType.Sharp, RadiusType.Round);
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('x')
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, lessThan(216));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Shifting);
matches(getBorderRadius(tester, 1), RadiusType.Shifting, RadiusType.Round);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, equals(216));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 1), RadiusType.Round, RadiusType.Round);
});
testWidgets('MergeableMaterial insert slice', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
final RenderBox box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(200));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
expect(box.size.height, equals(300));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
});
testWidgets('MergeableMaterial remove slice', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
final RenderBox box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(300));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
await tester.pump();
expect(box.size.height, equals(200));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
});
testWidgets('MergeableMaterial insert chunk', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
final RenderBox box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(200));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('x')
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('y')
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, lessThan(332));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Shifting);
matches(getBorderRadius(tester, 1), RadiusType.Shifting, RadiusType.Shifting);
matches(getBorderRadius(tester, 2), RadiusType.Shifting, RadiusType.Round);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, equals(332));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 1), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 2), RadiusType.Round, RadiusType.Round);
});
testWidgets('MergeableMaterial remove chunk', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('x')
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('y')
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
final RenderBox box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(332));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 1), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 2), RadiusType.Round, RadiusType.Round);
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, lessThan(332));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Shifting);
matches(getBorderRadius(tester, 1), RadiusType.Shifting, RadiusType.Round);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, equals(200));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Sharp);
matches(getBorderRadius(tester, 1), RadiusType.Sharp, RadiusType.Round);
});
testWidgets('MergeableMaterial replace gap with chunk', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('x')
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
final RenderBox box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(216));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 1), RadiusType.Round, RadiusType.Round);
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('y')
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('z')
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, lessThan(332));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Shifting);
matches(getBorderRadius(tester, 1), RadiusType.Shifting, RadiusType.Shifting);
matches(getBorderRadius(tester, 2), RadiusType.Shifting, RadiusType.Round);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, equals(332));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 1), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 2), RadiusType.Round, RadiusType.Round);
});
testWidgets('MergeableMaterial replace chunk with gap', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('x')
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('y')
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
final RenderBox box = tester.renderObject(find.byType(MergeableMaterial));
expect(box.size.height, equals(332));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 1), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 2), RadiusType.Round, RadiusType.Round);
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('z')
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, lessThan(332));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Shifting);
matches(getBorderRadius(tester, 1), RadiusType.Shifting, RadiusType.Round);
await tester.pump(const Duration(milliseconds: 100));
expect(box.size.height, equals(216));
matches(getBorderRadius(tester, 0), RadiusType.Round, RadiusType.Round);
matches(getBorderRadius(tester, 1), RadiusType.Round, RadiusType.Round);
});
bool isDivider(Widget widget, bool top, bool bottom) {
final DecoratedBox box = widget;
const BorderSide side = const BorderSide(color: const Color(0x1F000000), width: 0.5);
return box.decoration == new BoxDecoration(
border: new Border(
top: top ? side : BorderSide.none,
bottom: bottom ? side : BorderSide.none
)
);
}
testWidgets('MergeableMaterial dividers', (WidgetTester tester) async {
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
hasDividers: true,
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('D'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
List<Widget> boxes = tester.widgetList(find.byType(DecoratedBox)).toList();
int offset = 1;
expect(isDivider(boxes[offset], false, true), isTrue);
expect(isDivider(boxes[offset + 1], true, true), isTrue);
expect(isDivider(boxes[offset + 2], true, true), isTrue);
expect(isDivider(boxes[offset + 3], true, false), isTrue);
await tester.pumpWidget(
new MaterialApp(
home: new Scaffold(
body: new SingleChildScrollView(
child: const MergeableMaterial(
hasDividers: true,
children: const <MergeableMaterialItem>[
const MaterialSlice(
key: const ValueKey<String>('A'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('B'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialGap(
key: const ValueKey<String>('x')
),
const MaterialSlice(
key: const ValueKey<String>('C'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
),
const MaterialSlice(
key: const ValueKey<String>('D'),
child: const SizedBox(
width: 100.0,
height: 100.0
)
)
]
)
)
)
)
);
// Wait for dividers to shrink.
await tester.pump(const Duration(milliseconds: 200));
boxes = tester.widgetList(find.byType(DecoratedBox)).toList();
offset = 1;
expect(isDivider(boxes[offset], false, true), isTrue);
expect(isDivider(boxes[offset + 1], true, false), isTrue);
// offset + 2 is gap
expect(isDivider(boxes[offset + 3], false, true), isTrue);
expect(isDivider(boxes[offset + 4], true, false), isTrue);
});
}