85 lines
2.2 KiB
Dart
85 lines
2.2 KiB
Dart
|
import 'package:flutter_test/flutter_test.dart';
|
||
|
|
import 'package:halkyon_ui/halkyon_ui.dart';
|
||
|
|
import 'package:material_ui/material_ui.dart';
|
||
|
|
|
||
|
|
void main() {
|
||
|
|
Future<void> show(WidgetTester tester, Widget child) => tester.pumpWidget(
|
||
|
|
MaterialApp(
|
||
|
|
home: Scaffold(
|
||
|
|
body: Align(
|
||
|
|
alignment: Alignment.topLeft,
|
||
|
|
child: SizedBox(width: 400, child: child),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
|
||
|
|
double top(WidgetTester tester, Finder finder) =>
|
||
|
|
tester.getTopLeft(finder).dy;
|
||
|
|
|
||
|
|
testWidgets('shows the kicker uppercased above the title', (tester) async {
|
||
|
|
await show(
|
||
|
|
tester,
|
||
|
|
const TitleWithKicker(title: 'Vocabulary', kicker: 'Japanese'),
|
||
|
|
);
|
||
|
|
|
||
|
|
expect(find.text('JAPANESE'), findsOneWidget);
|
||
|
|
expect(
|
||
|
|
top(tester, find.text('JAPANESE')),
|
||
|
|
lessThan(top(tester, find.text('Vocabulary'))),
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
testWidgets('shows the title alone without a kicker', (tester) async {
|
||
|
|
await show(tester, const TitleWithKicker(title: 'Vocabulary', kicker: ''));
|
||
|
|
|
||
|
|
expect(top(tester, find.text('Vocabulary')), 0);
|
||
|
|
});
|
||
|
|
|
||
|
|
testWidgets('can keep the kicker line free, so titles side by side line '
|
||
|
|
'up', (tester) async {
|
||
|
|
await show(
|
||
|
|
tester,
|
||
|
|
const Row(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
children: [
|
||
|
|
Expanded(
|
||
|
|
child: TitleWithKicker(title: 'Vocabulary', kicker: 'JLPT'),
|
||
|
|
),
|
||
|
|
Expanded(
|
||
|
|
child: TitleWithKicker(title: 'Grammar', reserveKickerSpace: true),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
|
||
|
|
expect(
|
||
|
|
top(tester, find.text('Grammar')),
|
||
|
|
top(tester, find.text('Vocabulary')),
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
testWidgets('puts the trailing widget beside the title, not the kicker', (
|
||
|
|
tester,
|
||
|
|
) async {
|
||
|
|
const action = Key('action');
|
||
|
|
await show(
|
||
|
|
tester,
|
||
|
|
const TitleWithKicker(
|
||
|
|
title: 'Vocabulary',
|
||
|
|
kicker: 'Japanese',
|
||
|
|
trailing: SizedBox(key: action, width: 48, height: 48),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
|
||
|
|
expect(
|
||
|
|
top(tester, find.byKey(action)),
|
||
|
|
top(tester, find.text('Vocabulary')),
|
||
|
|
);
|
||
|
|
expect(
|
||
|
|
tester.getTopRight(find.byKey(action)).dx,
|
||
|
|
400,
|
||
|
|
reason: 'the title takes the rest of the width',
|
||
|
|
);
|
||
|
|
});
|
||
|
|
}
|