mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
28a286dfe9
Follow up of https://github.com/flutter/flutter/pull/175242 Migrate the remaining files from `MaterialState` to `WidgetState`. This PR only focus on WidgetState for a subset of files. - This minimizes conflicts and reduces the size of the PR for easier reviews and follow up - I'll work on the other elements of `packages/flutter/lib/src/material/material_state.dart` into other PRs ## Pre-launch Checklist - [x] I read the [Contributor Guide] and followed the process outlined there for submitting PRs. - [x] I read the [Tree Hygiene] wiki page, which explains my responsibilities. - [x] I read and followed the [Flutter Style Guide], including [Features we expect every widget to implement]. - [x] I signed the [CLA]. - [ ] I listed at least one issue that this PR fixes in the description above. - [x] I updated/added relevant documentation (doc comments with `///`). - [x] I added new tests to check the change I am making, or this PR is [test-exempt]. - [x] I followed the [breaking change policy] and added [Data Driven Fixes] where supported. - [x] All existing and new tests are passing. If you need help, consider asking for advice on the #hackers-new channel on [Discord]. **Note**: The Flutter team is currently trialing the use of [Gemini Code Assist for GitHub](https://developers.google.com/gemini-code-assist/docs/review-github-code). Comments from the `gemini-code-assist` bot should not be taken as authoritative feedback from the Flutter team. If you find its comments useful you can update your code accordingly, but if you are unsure or disagree with the feedback, please feel free to wait for a Flutter team member's review for guidance on which automated comments should be addressed. <!-- Links --> [Contributor Guide]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#overview [Tree Hygiene]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md [test-exempt]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#tests [Flutter Style Guide]: https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md [Features we expect every widget to implement]: https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md#features-we-expect-every-widget-to-implement [CLA]: https://cla.developers.google.com/ [flutter/tests]: https://github.com/flutter/tests [breaking change policy]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#handling-breaking-changes [Discord]: https://github.com/flutter/flutter/blob/main/docs/contributing/Chat.md [Data Driven Fixes]: https://github.com/flutter/flutter/blob/main/docs/contributing/Data-driven-Fixes.md
578 lines
23 KiB
Dart
578 lines
23 KiB
Dart
// 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/foundation.dart';
|
|
import 'package:flutter/gestures.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
void main() {
|
|
RenderObject getOverlayColor(WidgetTester tester) {
|
|
return tester.allRenderObjects.firstWhere(
|
|
(RenderObject object) => object.runtimeType.toString() == '_RenderInkFeatures',
|
|
);
|
|
}
|
|
|
|
test('SegmentedButtonThemeData copyWith, ==, hashCode basics', () {
|
|
expect(const SegmentedButtonThemeData(), const SegmentedButtonThemeData().copyWith());
|
|
expect(
|
|
const SegmentedButtonThemeData().hashCode,
|
|
const SegmentedButtonThemeData().copyWith().hashCode,
|
|
);
|
|
|
|
const SegmentedButtonThemeData custom = SegmentedButtonThemeData(
|
|
style: ButtonStyle(backgroundColor: MaterialStatePropertyAll<Color>(Colors.green)),
|
|
selectedIcon: Icon(Icons.error),
|
|
);
|
|
final SegmentedButtonThemeData copy = const SegmentedButtonThemeData().copyWith(
|
|
style: custom.style,
|
|
selectedIcon: custom.selectedIcon,
|
|
);
|
|
expect(copy, custom);
|
|
});
|
|
|
|
test('SegmentedButtonThemeData lerp special cases', () {
|
|
expect(SegmentedButtonThemeData.lerp(null, null, 0), const SegmentedButtonThemeData());
|
|
const SegmentedButtonThemeData theme = SegmentedButtonThemeData();
|
|
expect(identical(SegmentedButtonThemeData.lerp(theme, theme, 0.5), theme), true);
|
|
});
|
|
|
|
testWidgets('Default SegmentedButtonThemeData debugFillProperties', (WidgetTester tester) async {
|
|
final DiagnosticPropertiesBuilder builder = DiagnosticPropertiesBuilder();
|
|
const SegmentedButtonThemeData().debugFillProperties(builder);
|
|
|
|
final List<String> description = builder.properties
|
|
.where((DiagnosticsNode node) => !node.isFiltered(DiagnosticLevel.info))
|
|
.map((DiagnosticsNode node) => node.toString())
|
|
.toList();
|
|
|
|
expect(description, <String>[]);
|
|
});
|
|
|
|
testWidgets('With no other configuration, defaults are used', (WidgetTester tester) async {
|
|
final ThemeData theme = ThemeData();
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: theme,
|
|
home: Scaffold(
|
|
body: Center(
|
|
child: SegmentedButton<int>(
|
|
segments: const <ButtonSegment<int>>[
|
|
ButtonSegment<int>(value: 1, label: Text('1')),
|
|
ButtonSegment<int>(value: 2, label: Text('2')),
|
|
ButtonSegment<int>(value: 3, label: Text('3'), enabled: false),
|
|
],
|
|
selected: const <int>{2},
|
|
onSelectionChanged: (Set<int> selected) {},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Test first segment, should be enabled
|
|
{
|
|
final Finder text = find.text('1');
|
|
final Finder parent = find.ancestor(of: text, matching: find.byType(Material)).first;
|
|
final Finder selectedIcon = find.descendant(of: parent, matching: find.byIcon(Icons.check));
|
|
final Material material = tester.widget<Material>(parent);
|
|
expect(material.color, Colors.transparent);
|
|
expect(material.shape, const RoundedRectangleBorder());
|
|
expect(material.textStyle!.color, theme.colorScheme.onSurface);
|
|
expect(material.textStyle!.fontFamily, 'Roboto');
|
|
expect(material.textStyle!.fontSize, 14);
|
|
expect(material.textStyle!.fontWeight, FontWeight.w500);
|
|
expect(selectedIcon, findsNothing);
|
|
}
|
|
|
|
// Test second segment, should be enabled and selected
|
|
{
|
|
final Finder text = find.text('2');
|
|
final Finder parent = find.ancestor(of: text, matching: find.byType(Material)).first;
|
|
final Finder selectedIcon = find.descendant(of: parent, matching: find.byIcon(Icons.check));
|
|
final Material material = tester.widget<Material>(parent);
|
|
expect(material.color, theme.colorScheme.secondaryContainer);
|
|
expect(material.shape, const RoundedRectangleBorder());
|
|
expect(material.textStyle!.color, theme.colorScheme.onSecondaryContainer);
|
|
expect(material.textStyle!.fontFamily, 'Roboto');
|
|
expect(material.textStyle!.fontSize, 14);
|
|
expect(material.textStyle!.fontWeight, FontWeight.w500);
|
|
expect(selectedIcon, findsOneWidget);
|
|
}
|
|
|
|
// Test last segment, should be disabled
|
|
{
|
|
final Finder text = find.text('3');
|
|
final Finder parent = find.ancestor(of: text, matching: find.byType(Material)).first;
|
|
final Finder selectedIcon = find.descendant(of: parent, matching: find.byIcon(Icons.check));
|
|
final Material material = tester.widget<Material>(parent);
|
|
expect(material.color, Colors.transparent);
|
|
expect(material.shape, const RoundedRectangleBorder());
|
|
expect(material.textStyle!.color, theme.colorScheme.onSurface.withOpacity(0.38));
|
|
expect(material.textStyle!.fontFamily, 'Roboto');
|
|
expect(material.textStyle!.fontSize, 14);
|
|
expect(material.textStyle!.fontWeight, FontWeight.w500);
|
|
expect(selectedIcon, findsNothing);
|
|
}
|
|
});
|
|
|
|
testWidgets('ThemeData.segmentedButtonTheme overrides defaults', (WidgetTester tester) async {
|
|
final ThemeData theme = ThemeData(
|
|
segmentedButtonTheme: SegmentedButtonThemeData(
|
|
style: ButtonStyle(
|
|
backgroundColor: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return Colors.blue;
|
|
}
|
|
if (states.contains(WidgetState.selected)) {
|
|
return Colors.purple;
|
|
}
|
|
return null;
|
|
}),
|
|
foregroundColor: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return Colors.yellow;
|
|
}
|
|
if (states.contains(WidgetState.selected)) {
|
|
return Colors.brown;
|
|
} else {
|
|
return Colors.cyan;
|
|
}
|
|
}),
|
|
),
|
|
selectedIcon: const Icon(Icons.error),
|
|
),
|
|
);
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: theme,
|
|
home: Scaffold(
|
|
body: Center(
|
|
child: SegmentedButton<int>(
|
|
segments: const <ButtonSegment<int>>[
|
|
ButtonSegment<int>(value: 1, label: Text('1')),
|
|
ButtonSegment<int>(value: 2, label: Text('2')),
|
|
ButtonSegment<int>(value: 3, label: Text('3'), enabled: false),
|
|
],
|
|
selected: const <int>{2},
|
|
onSelectionChanged: (Set<int> selected) {},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Test first segment, should be enabled
|
|
{
|
|
final Finder text = find.text('1');
|
|
final Finder parent = find.ancestor(of: text, matching: find.byType(Material)).first;
|
|
final Finder selectedIcon = find.descendant(of: parent, matching: find.byIcon(Icons.error));
|
|
final Material material = tester.widget<Material>(parent);
|
|
expect(material.color, Colors.transparent);
|
|
expect(material.shape, const RoundedRectangleBorder());
|
|
expect(material.textStyle!.color, Colors.cyan);
|
|
expect(material.textStyle!.fontFamily, 'Roboto');
|
|
expect(material.textStyle!.fontSize, 14);
|
|
expect(material.textStyle!.fontWeight, FontWeight.w500);
|
|
expect(selectedIcon, findsNothing);
|
|
}
|
|
|
|
// Test second segment, should be enabled and selected
|
|
{
|
|
final Finder text = find.text('2');
|
|
final Finder parent = find.ancestor(of: text, matching: find.byType(Material)).first;
|
|
final Finder selectedIcon = find.descendant(of: parent, matching: find.byIcon(Icons.error));
|
|
final Material material = tester.widget<Material>(parent);
|
|
expect(material.color, Colors.purple);
|
|
expect(material.shape, const RoundedRectangleBorder());
|
|
expect(material.textStyle!.color, Colors.brown);
|
|
expect(material.textStyle!.fontFamily, 'Roboto');
|
|
expect(material.textStyle!.fontSize, 14);
|
|
expect(material.textStyle!.fontWeight, FontWeight.w500);
|
|
expect(selectedIcon, findsOneWidget);
|
|
}
|
|
|
|
// Test last segment, should be disabled
|
|
{
|
|
final Finder text = find.text('3');
|
|
final Finder parent = find.ancestor(of: text, matching: find.byType(Material)).first;
|
|
final Finder selectedIcon = find.descendant(of: parent, matching: find.byIcon(Icons.error));
|
|
final Material material = tester.widget<Material>(parent);
|
|
expect(material.color, Colors.blue);
|
|
expect(material.shape, const RoundedRectangleBorder());
|
|
expect(material.textStyle!.color, Colors.yellow);
|
|
expect(material.textStyle!.fontFamily, 'Roboto');
|
|
expect(material.textStyle!.fontSize, 14);
|
|
expect(material.textStyle!.fontWeight, FontWeight.w500);
|
|
expect(selectedIcon, findsNothing);
|
|
}
|
|
});
|
|
|
|
testWidgets('SegmentedButtonTheme overrides ThemeData and defaults', (WidgetTester tester) async {
|
|
final SegmentedButtonThemeData global = SegmentedButtonThemeData(
|
|
style: ButtonStyle(
|
|
backgroundColor: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return Colors.blue;
|
|
}
|
|
if (states.contains(WidgetState.selected)) {
|
|
return Colors.purple;
|
|
}
|
|
return null;
|
|
}),
|
|
foregroundColor: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return Colors.yellow;
|
|
}
|
|
if (states.contains(WidgetState.selected)) {
|
|
return Colors.brown;
|
|
} else {
|
|
return Colors.cyan;
|
|
}
|
|
}),
|
|
),
|
|
selectedIcon: const Icon(Icons.error),
|
|
);
|
|
final SegmentedButtonThemeData segmentedTheme = SegmentedButtonThemeData(
|
|
style: ButtonStyle(
|
|
backgroundColor: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return Colors.lightBlue;
|
|
}
|
|
if (states.contains(WidgetState.selected)) {
|
|
return Colors.lightGreen;
|
|
}
|
|
return null;
|
|
}),
|
|
foregroundColor: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return Colors.lime;
|
|
}
|
|
if (states.contains(WidgetState.selected)) {
|
|
return Colors.amber;
|
|
} else {
|
|
return Colors.deepPurple;
|
|
}
|
|
}),
|
|
),
|
|
selectedIcon: const Icon(Icons.plus_one),
|
|
);
|
|
final ThemeData theme = ThemeData(segmentedButtonTheme: global);
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: theme,
|
|
home: SegmentedButtonTheme(
|
|
data: segmentedTheme,
|
|
child: Scaffold(
|
|
body: Center(
|
|
child: SegmentedButton<int>(
|
|
segments: const <ButtonSegment<int>>[
|
|
ButtonSegment<int>(value: 1, label: Text('1')),
|
|
ButtonSegment<int>(value: 2, label: Text('2')),
|
|
ButtonSegment<int>(value: 3, label: Text('3'), enabled: false),
|
|
],
|
|
selected: const <int>{2},
|
|
onSelectionChanged: (Set<int> selected) {},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Test first segment, should be enabled
|
|
{
|
|
final Finder text = find.text('1');
|
|
final Finder parent = find.ancestor(of: text, matching: find.byType(Material)).first;
|
|
final Finder selectedIcon = find.descendant(
|
|
of: parent,
|
|
matching: find.byIcon(Icons.plus_one),
|
|
);
|
|
final Material material = tester.widget<Material>(parent);
|
|
expect(material.animationDuration, const Duration(milliseconds: 200));
|
|
expect(material.borderRadius, null);
|
|
expect(material.color, Colors.transparent);
|
|
expect(material.shape, const RoundedRectangleBorder());
|
|
expect(material.textStyle!.color, Colors.deepPurple);
|
|
expect(material.textStyle!.fontFamily, 'Roboto');
|
|
expect(material.textStyle!.fontSize, 14);
|
|
expect(material.textStyle!.fontWeight, FontWeight.w500);
|
|
expect(selectedIcon, findsNothing);
|
|
}
|
|
|
|
// Test second segment, should be enabled and selected
|
|
{
|
|
final Finder text = find.text('2');
|
|
final Finder parent = find.ancestor(of: text, matching: find.byType(Material)).first;
|
|
final Finder selectedIcon = find.descendant(
|
|
of: parent,
|
|
matching: find.byIcon(Icons.plus_one),
|
|
);
|
|
final Material material = tester.widget<Material>(parent);
|
|
expect(material.animationDuration, const Duration(milliseconds: 200));
|
|
expect(material.borderRadius, null);
|
|
expect(material.color, Colors.lightGreen);
|
|
expect(material.shape, const RoundedRectangleBorder());
|
|
expect(material.textStyle!.color, Colors.amber);
|
|
expect(material.textStyle!.fontFamily, 'Roboto');
|
|
expect(material.textStyle!.fontSize, 14);
|
|
expect(material.textStyle!.fontWeight, FontWeight.w500);
|
|
expect(selectedIcon, findsOneWidget);
|
|
}
|
|
|
|
// Test last segment, should be disabled
|
|
{
|
|
final Finder text = find.text('3');
|
|
final Finder parent = find.ancestor(of: text, matching: find.byType(Material)).first;
|
|
final Finder selectedIcon = find.descendant(
|
|
of: parent,
|
|
matching: find.byIcon(Icons.plus_one),
|
|
);
|
|
final Material material = tester.widget<Material>(parent);
|
|
expect(material.animationDuration, const Duration(milliseconds: 200));
|
|
expect(material.borderRadius, null);
|
|
expect(material.color, Colors.lightBlue);
|
|
expect(material.shape, const RoundedRectangleBorder());
|
|
expect(material.textStyle!.color, Colors.lime);
|
|
expect(material.textStyle!.fontFamily, 'Roboto');
|
|
expect(material.textStyle!.fontSize, 14);
|
|
expect(material.textStyle!.fontWeight, FontWeight.w500);
|
|
expect(selectedIcon, findsNothing);
|
|
}
|
|
});
|
|
|
|
testWidgets('Widget parameters overrides SegmentedTheme, ThemeData and defaults', (
|
|
WidgetTester tester,
|
|
) async {
|
|
final SegmentedButtonThemeData global = SegmentedButtonThemeData(
|
|
style: ButtonStyle(
|
|
backgroundColor: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return Colors.blue;
|
|
}
|
|
if (states.contains(WidgetState.selected)) {
|
|
return Colors.purple;
|
|
}
|
|
return null;
|
|
}),
|
|
foregroundColor: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return Colors.yellow;
|
|
}
|
|
if (states.contains(WidgetState.selected)) {
|
|
return Colors.brown;
|
|
} else {
|
|
return Colors.cyan;
|
|
}
|
|
}),
|
|
),
|
|
selectedIcon: const Icon(Icons.error),
|
|
);
|
|
final SegmentedButtonThemeData segmentedTheme = SegmentedButtonThemeData(
|
|
style: ButtonStyle(
|
|
backgroundColor: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return Colors.lightBlue;
|
|
}
|
|
if (states.contains(WidgetState.selected)) {
|
|
return Colors.lightGreen;
|
|
}
|
|
return null;
|
|
}),
|
|
foregroundColor: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return Colors.lime;
|
|
}
|
|
if (states.contains(WidgetState.selected)) {
|
|
return Colors.amber;
|
|
} else {
|
|
return Colors.deepPurple;
|
|
}
|
|
}),
|
|
),
|
|
selectedIcon: const Icon(Icons.plus_one),
|
|
);
|
|
final ThemeData theme = ThemeData(segmentedButtonTheme: global);
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: theme,
|
|
home: SegmentedButtonTheme(
|
|
data: segmentedTheme,
|
|
child: Scaffold(
|
|
body: Center(
|
|
child: SegmentedButton<int>(
|
|
segments: const <ButtonSegment<int>>[
|
|
ButtonSegment<int>(value: 1, label: Text('1')),
|
|
ButtonSegment<int>(value: 2, label: Text('2')),
|
|
ButtonSegment<int>(value: 3, label: Text('3'), enabled: false),
|
|
],
|
|
selected: const <int>{2},
|
|
onSelectionChanged: (Set<int> selected) {},
|
|
style: ButtonStyle(
|
|
backgroundColor: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return Colors.black12;
|
|
}
|
|
if (states.contains(WidgetState.selected)) {
|
|
return Colors.grey;
|
|
}
|
|
return null;
|
|
}),
|
|
foregroundColor: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return Colors.amberAccent;
|
|
}
|
|
if (states.contains(WidgetState.selected)) {
|
|
return Colors.deepOrange;
|
|
} else {
|
|
return Colors.deepPurpleAccent;
|
|
}
|
|
}),
|
|
),
|
|
selectedIcon: const Icon(Icons.alarm),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Test first segment, should be enabled
|
|
{
|
|
final Finder text = find.text('1');
|
|
final Finder parent = find.ancestor(of: text, matching: find.byType(Material)).first;
|
|
final Finder selectedIcon = find.descendant(of: parent, matching: find.byIcon(Icons.alarm));
|
|
final Material material = tester.widget<Material>(parent);
|
|
expect(material.animationDuration, const Duration(milliseconds: 200));
|
|
expect(material.borderRadius, null);
|
|
expect(material.color, Colors.transparent);
|
|
expect(material.shape, const RoundedRectangleBorder());
|
|
expect(material.textStyle!.color, Colors.deepPurpleAccent);
|
|
expect(material.textStyle!.fontFamily, 'Roboto');
|
|
expect(material.textStyle!.fontSize, 14);
|
|
expect(material.textStyle!.fontWeight, FontWeight.w500);
|
|
expect(selectedIcon, findsNothing);
|
|
}
|
|
|
|
// Test second segment, should be enabled and selected
|
|
{
|
|
final Finder text = find.text('2');
|
|
final Finder parent = find.ancestor(of: text, matching: find.byType(Material)).first;
|
|
final Finder selectedIcon = find.descendant(of: parent, matching: find.byIcon(Icons.alarm));
|
|
final Material material = tester.widget<Material>(parent);
|
|
expect(material.animationDuration, const Duration(milliseconds: 200));
|
|
expect(material.borderRadius, null);
|
|
expect(material.color, Colors.grey);
|
|
expect(material.shape, const RoundedRectangleBorder());
|
|
expect(material.textStyle!.color, Colors.deepOrange);
|
|
expect(material.textStyle!.fontFamily, 'Roboto');
|
|
expect(material.textStyle!.fontSize, 14);
|
|
expect(material.textStyle!.fontWeight, FontWeight.w500);
|
|
expect(selectedIcon, findsOneWidget);
|
|
}
|
|
|
|
// Test last segment, should be disabled
|
|
{
|
|
final Finder text = find.text('3');
|
|
final Finder parent = find.ancestor(of: text, matching: find.byType(Material)).first;
|
|
final Finder selectedIcon = find.descendant(of: parent, matching: find.byIcon(Icons.alarm));
|
|
final Material material = tester.widget<Material>(parent);
|
|
expect(material.animationDuration, const Duration(milliseconds: 200));
|
|
expect(material.borderRadius, null);
|
|
expect(material.color, Colors.black12);
|
|
expect(material.shape, const RoundedRectangleBorder());
|
|
expect(material.textStyle!.color, Colors.amberAccent);
|
|
expect(material.textStyle!.fontFamily, 'Roboto');
|
|
expect(material.textStyle!.fontSize, 14);
|
|
expect(material.textStyle!.fontWeight, FontWeight.w500);
|
|
expect(selectedIcon, findsNothing);
|
|
}
|
|
});
|
|
|
|
testWidgets(
|
|
'SegmentedButtonTheme SegmentedButton.styleFrom overlayColor overrides default overlay color',
|
|
(WidgetTester tester) async {
|
|
const Color overlayColor = Color(0xffff0000);
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(
|
|
segmentedButtonTheme: SegmentedButtonThemeData(
|
|
style: SegmentedButton.styleFrom(overlayColor: overlayColor),
|
|
),
|
|
),
|
|
home: Scaffold(
|
|
body: Center(
|
|
child: SegmentedButton<int>(
|
|
segments: const <ButtonSegment<int>>[
|
|
ButtonSegment<int>(value: 0, label: Text('Option 1')),
|
|
ButtonSegment<int>(value: 1, label: Text('Option 2')),
|
|
],
|
|
onSelectionChanged: (Set<int> selected) {},
|
|
selected: const <int>{1},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Hovered selected segment,
|
|
Offset center = tester.getCenter(find.text('Option 1'));
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
await gesture.moveTo(center);
|
|
await tester.pumpAndSettle();
|
|
expect(getOverlayColor(tester), paints..rect(color: overlayColor.withOpacity(0.08)));
|
|
|
|
// Hovered unselected segment,
|
|
center = tester.getCenter(find.text('Option 2'));
|
|
await gesture.moveTo(center);
|
|
await tester.pumpAndSettle();
|
|
expect(getOverlayColor(tester), paints..rect(color: overlayColor.withOpacity(0.08)));
|
|
|
|
// Highlighted unselected segment (pressed).
|
|
center = tester.getCenter(find.text('Option 1'));
|
|
await gesture.down(center);
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
getOverlayColor(tester),
|
|
paints
|
|
..rect(color: overlayColor.withOpacity(0.08))
|
|
..rect(color: overlayColor.withOpacity(0.1)),
|
|
);
|
|
// Remove pressed and hovered states,
|
|
await gesture.up();
|
|
await tester.pumpAndSettle();
|
|
await gesture.moveTo(const Offset(0, 50));
|
|
await tester.pumpAndSettle();
|
|
|
|
// Highlighted selected segment (pressed)
|
|
center = tester.getCenter(find.text('Option 2'));
|
|
await gesture.down(center);
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
getOverlayColor(tester),
|
|
paints
|
|
..rect(color: overlayColor.withOpacity(0.08))
|
|
..rect(color: overlayColor.withOpacity(0.1)),
|
|
);
|
|
// Remove pressed and hovered states,
|
|
await gesture.up();
|
|
await tester.pumpAndSettle();
|
|
await gesture.moveTo(const Offset(0, 50));
|
|
await tester.pumpAndSettle();
|
|
|
|
// Focused unselected segment.
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.pumpAndSettle();
|
|
expect(getOverlayColor(tester), paints..rect(color: overlayColor.withOpacity(0.1)));
|
|
|
|
// Focused selected segment.
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.pumpAndSettle();
|
|
expect(getOverlayColor(tester), paints..rect(color: overlayColor.withOpacity(0.1)));
|
|
},
|
|
);
|
|
}
|