mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-07-10 04:26:28 +08:00
114 lines
4.5 KiB
Dart
114 lines
4.5 KiB
Dart
// Copyright 2018 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_web_test/flutter_web_test.dart';
|
|
import 'package:flutter_web/widgets.dart';
|
|
import 'package:flutter_web/material.dart';
|
|
|
|
void main() {
|
|
const Color _dividerColor = Color(0x1f333333);
|
|
|
|
testWidgets('ExpansionTile initial state', (WidgetTester tester) async {
|
|
final Key topKey = UniqueKey();
|
|
const Key expandedKey = PageStorageKey<String>('expanded');
|
|
const Key collapsedKey = PageStorageKey<String>('collapsed');
|
|
const Key defaultKey = PageStorageKey<String>('default');
|
|
|
|
final Key tileKey = UniqueKey();
|
|
|
|
await tester.pumpWidget(MaterialApp(
|
|
theme: ThemeData(
|
|
platform: TargetPlatform.iOS,
|
|
dividerColor: _dividerColor,
|
|
),
|
|
home: Material(
|
|
child: SingleChildScrollView(
|
|
child: Column(children: <Widget>[
|
|
ListTile(title: const Text('Top'), key: topKey),
|
|
ExpansionTile(
|
|
key: expandedKey,
|
|
initiallyExpanded: true,
|
|
title: const Text('Expanded'),
|
|
backgroundColor: Colors.red,
|
|
children: <Widget>[
|
|
ListTile(key: tileKey, title: const Text('0'))
|
|
]),
|
|
ExpansionTile(
|
|
key: collapsedKey,
|
|
initiallyExpanded: false,
|
|
title: const Text('Collapsed'),
|
|
children: <Widget>[
|
|
ListTile(key: tileKey, title: const Text('0'))
|
|
]),
|
|
const ExpansionTile(
|
|
key: defaultKey,
|
|
title: Text('Default'),
|
|
children: <Widget>[
|
|
ListTile(title: Text('0')),
|
|
])
|
|
])))));
|
|
|
|
double getHeight(Key key) => tester.getSize(find.byKey(key)).height;
|
|
Container getContainer(Key key) => tester.firstWidget(find.descendant(
|
|
of: find.byKey(key),
|
|
matching: find.byType(Container),
|
|
));
|
|
|
|
expect(
|
|
getHeight(topKey), getHeight(expandedKey) - getHeight(tileKey) - 2.0);
|
|
expect(getHeight(topKey), getHeight(collapsedKey) - 2.0);
|
|
expect(getHeight(topKey), getHeight(defaultKey) - 2.0);
|
|
|
|
BoxDecoration expandedContainerDecoration =
|
|
getContainer(expandedKey).decoration;
|
|
expect(expandedContainerDecoration.color, Colors.red);
|
|
expect(expandedContainerDecoration.border.top.color, _dividerColor);
|
|
expect(expandedContainerDecoration.border.bottom.color, _dividerColor);
|
|
|
|
BoxDecoration collapsedContainerDecoration =
|
|
getContainer(collapsedKey).decoration;
|
|
expect(collapsedContainerDecoration.color, Colors.transparent);
|
|
expect(collapsedContainerDecoration.border.top.color, Colors.transparent);
|
|
expect(
|
|
collapsedContainerDecoration.border.bottom.color, Colors.transparent);
|
|
|
|
await tester.tap(find.text('Expanded'));
|
|
await tester.tap(find.text('Collapsed'));
|
|
await tester.tap(find.text('Default'));
|
|
|
|
await tester.pump();
|
|
|
|
// Pump to the middle of the animation for expansion.
|
|
await tester.pump(const Duration(milliseconds: 100));
|
|
final BoxDecoration collapsingContainerDecoration =
|
|
getContainer(collapsedKey).decoration;
|
|
expect(collapsingContainerDecoration.color, Colors.transparent);
|
|
// Opacity should change but color component should remain the same.
|
|
expect(collapsingContainerDecoration.border.top.color,
|
|
const Color(0x15333333));
|
|
expect(collapsingContainerDecoration.border.bottom.color,
|
|
const Color(0x15333333));
|
|
|
|
// Pump all the way to the end now.
|
|
await tester.pump(const Duration(seconds: 1));
|
|
|
|
expect(getHeight(topKey), getHeight(expandedKey) - 2.0);
|
|
expect(
|
|
getHeight(topKey), getHeight(collapsedKey) - getHeight(tileKey) - 2.0);
|
|
expect(getHeight(topKey), getHeight(defaultKey) - getHeight(tileKey) - 2.0);
|
|
|
|
// Expanded should be collapsed now.
|
|
expandedContainerDecoration = getContainer(expandedKey).decoration;
|
|
expect(expandedContainerDecoration.color, Colors.transparent);
|
|
expect(expandedContainerDecoration.border.top.color, Colors.transparent);
|
|
expect(expandedContainerDecoration.border.bottom.color, Colors.transparent);
|
|
|
|
// Collapsed should be expanded now.
|
|
collapsedContainerDecoration = getContainer(collapsedKey).decoration;
|
|
expect(collapsedContainerDecoration.color, Colors.transparent);
|
|
expect(collapsedContainerDecoration.border.top.color, _dividerColor);
|
|
expect(collapsedContainerDecoration.border.bottom.color, _dividerColor);
|
|
});
|
|
}
|