mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
9d96df2364
WIP Commits separated as follows: - Update lints in analysis_options files - Run `dart fix --apply` - Clean up leftover analysis issues - Run `dart format .` in the right places. Local analysis and testing passes. Checking CI now. Part of https://github.com/flutter/flutter/issues/178827 - Adoption of flutter_lints in examples/api coming in a separate change (cc @loic-sharma) ## Pre-launch Checklist - [ ] I read the [Contributor Guide] and followed the process outlined there for submitting PRs. - [ ] I read the [Tree Hygiene] wiki page, which explains my responsibilities. - [ ] I read and followed the [Flutter Style Guide], including [Features we expect every widget to implement]. - [ ] I signed the [CLA]. - [ ] I listed at least one issue that this PR fixes in the description above. - [ ] I updated/added relevant documentation (doc comments with `///`). - [ ] I added new tests to check the change I am making, or this PR is [test-exempt]. - [ ] I followed the [breaking change policy] and added [Data Driven Fixes] where supported. - [ ] 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
1378 lines
54 KiB
Dart
1378 lines
54 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() {
|
|
const datePickerTheme = DatePickerThemeData(
|
|
backgroundColor: Color(0xfffffff0),
|
|
elevation: 6,
|
|
shadowColor: Color(0xfffffff1),
|
|
surfaceTintColor: Color(0xfffffff2),
|
|
shape: RoundedRectangleBorder(),
|
|
headerBackgroundColor: Color(0xfffffff3),
|
|
headerForegroundColor: Color(0xfffffff4),
|
|
headerHeadlineStyle: TextStyle(fontSize: 10),
|
|
headerHelpStyle: TextStyle(fontSize: 11),
|
|
weekdayStyle: TextStyle(fontSize: 12),
|
|
dayStyle: TextStyle(fontSize: 13),
|
|
dayForegroundColor: MaterialStatePropertyAll<Color>(Color(0xfffffff5)),
|
|
dayBackgroundColor: MaterialStatePropertyAll<Color>(Color(0xfffffff6)),
|
|
dayOverlayColor: MaterialStatePropertyAll<Color>(Color(0xfffffff7)),
|
|
dayShape: MaterialStatePropertyAll<OutlinedBorder>(RoundedRectangleBorder()),
|
|
todayForegroundColor: MaterialStatePropertyAll<Color>(Color(0xfffffff8)),
|
|
todayBackgroundColor: MaterialStatePropertyAll<Color>(Color(0xfffffff9)),
|
|
todayBorder: BorderSide(width: 3),
|
|
yearStyle: TextStyle(fontSize: 13),
|
|
yearForegroundColor: MaterialStatePropertyAll<Color>(Color(0xfffffffa)),
|
|
yearBackgroundColor: MaterialStatePropertyAll<Color>(Color(0xfffffffb)),
|
|
yearOverlayColor: MaterialStatePropertyAll<Color>(Color(0xfffffffc)),
|
|
yearShape: MaterialStatePropertyAll<OutlinedBorder>(RoundedRectangleBorder()),
|
|
rangePickerBackgroundColor: Color(0xfffffffd),
|
|
rangePickerElevation: 7,
|
|
rangePickerShadowColor: Color(0xfffffffe),
|
|
rangePickerSurfaceTintColor: Color(0xffffffff),
|
|
rangePickerShape: RoundedRectangleBorder(),
|
|
rangePickerHeaderBackgroundColor: Color(0xffffff0f),
|
|
rangePickerHeaderForegroundColor: Color(0xffffff1f),
|
|
rangePickerHeaderHeadlineStyle: TextStyle(fontSize: 14),
|
|
rangePickerHeaderHelpStyle: TextStyle(fontSize: 15),
|
|
rangeSelectionBackgroundColor: Color(0xffffff2f),
|
|
rangeSelectionOverlayColor: MaterialStatePropertyAll<Color>(Color(0xffffff3f)),
|
|
dividerColor: Color(0xffffff4f),
|
|
inputDecorationTheme: InputDecorationTheme(
|
|
fillColor: Color(0xffffff5f),
|
|
border: UnderlineInputBorder(),
|
|
),
|
|
cancelButtonStyle: ButtonStyle(
|
|
foregroundColor: MaterialStatePropertyAll<Color>(Color(0xffffff6f)),
|
|
),
|
|
confirmButtonStyle: ButtonStyle(
|
|
foregroundColor: MaterialStatePropertyAll<Color>(Color(0xffffff7f)),
|
|
),
|
|
locale: Locale('en'),
|
|
subHeaderForegroundColor: Color(0xffffff8f),
|
|
toggleButtonTextStyle: TextStyle(fontSize: 13),
|
|
);
|
|
|
|
Material findDialogMaterial(WidgetTester tester) {
|
|
return tester.widget<Material>(
|
|
find.descendant(of: find.byType(Dialog), matching: find.byType(Material)).first,
|
|
);
|
|
}
|
|
|
|
Material findHeaderMaterial(WidgetTester tester, String text) {
|
|
return tester.widget<Material>(
|
|
find.ancestor(of: find.text(text), matching: find.byType(Material)).first,
|
|
);
|
|
}
|
|
|
|
ShapeDecoration? findTextDecoration(WidgetTester tester, String date) {
|
|
final Container container = tester.widget<Container>(
|
|
find.ancestor(of: find.text(date), matching: find.byType(Container)).first,
|
|
);
|
|
return container.decoration as ShapeDecoration?;
|
|
}
|
|
|
|
ShapeDecoration? findDayDecoration(WidgetTester tester, String day) {
|
|
return tester
|
|
.widget<Ink>(find.ancestor(of: find.text(day), matching: find.byType(Ink)))
|
|
.decoration
|
|
as ShapeDecoration?;
|
|
}
|
|
|
|
ButtonStyle actionButtonStyle(WidgetTester tester, String text) {
|
|
return tester.widget<TextButton>(find.widgetWithText(TextButton, text)).style!;
|
|
}
|
|
|
|
const wideWindowSize = Size(1920.0, 1080.0);
|
|
const narrowWindowSize = Size(1070.0, 1770.0);
|
|
|
|
test('DatePickerThemeData copyWith, ==, hashCode basics', () {
|
|
expect(const DatePickerThemeData(), const DatePickerThemeData().copyWith());
|
|
expect(const DatePickerThemeData().hashCode, const DatePickerThemeData().copyWith().hashCode);
|
|
});
|
|
|
|
test('DatePickerThemeData lerp special cases', () {
|
|
const data = DatePickerThemeData();
|
|
expect(identical(DatePickerThemeData.lerp(data, data, 0.5), data), true);
|
|
});
|
|
|
|
test('DatePickerThemeData defaults', () {
|
|
const theme = DatePickerThemeData();
|
|
expect(theme.backgroundColor, null);
|
|
expect(theme.elevation, null);
|
|
expect(theme.shadowColor, null);
|
|
expect(theme.surfaceTintColor, null);
|
|
expect(theme.shape, null);
|
|
expect(theme.headerBackgroundColor, null);
|
|
expect(theme.headerForegroundColor, null);
|
|
expect(theme.headerHeadlineStyle, null);
|
|
expect(theme.headerHelpStyle, null);
|
|
expect(theme.weekdayStyle, null);
|
|
expect(theme.dayStyle, null);
|
|
expect(theme.dayForegroundColor, null);
|
|
expect(theme.dayBackgroundColor, null);
|
|
expect(theme.dayOverlayColor, null);
|
|
expect(theme.dayShape, null);
|
|
expect(theme.todayForegroundColor, null);
|
|
expect(theme.todayBackgroundColor, null);
|
|
expect(theme.todayBorder, null);
|
|
expect(theme.yearStyle, null);
|
|
expect(theme.yearForegroundColor, null);
|
|
expect(theme.yearBackgroundColor, null);
|
|
expect(theme.yearOverlayColor, null);
|
|
expect(theme.rangePickerBackgroundColor, null);
|
|
expect(theme.rangePickerElevation, null);
|
|
expect(theme.rangePickerShadowColor, null);
|
|
expect(theme.rangePickerSurfaceTintColor, null);
|
|
expect(theme.rangePickerShape, null);
|
|
expect(theme.rangePickerHeaderBackgroundColor, null);
|
|
expect(theme.rangePickerHeaderForegroundColor, null);
|
|
expect(theme.rangePickerHeaderHeadlineStyle, null);
|
|
expect(theme.rangePickerHeaderHelpStyle, null);
|
|
expect(theme.rangeSelectionBackgroundColor, null);
|
|
expect(theme.rangeSelectionOverlayColor, null);
|
|
expect(theme.dividerColor, null);
|
|
expect(theme.inputDecorationTheme, null);
|
|
expect(theme.cancelButtonStyle, null);
|
|
expect(theme.confirmButtonStyle, null);
|
|
expect(theme.locale, null);
|
|
expect(theme.subHeaderForegroundColor, null);
|
|
expect(theme.toggleButtonTextStyle, null);
|
|
});
|
|
|
|
testWidgets('DatePickerTheme.defaults M3 defaults', (WidgetTester tester) async {
|
|
late final DatePickerThemeData m3; // M3 Defaults
|
|
late final ThemeData theme;
|
|
late final ColorScheme colorScheme;
|
|
late final TextTheme textTheme;
|
|
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
home: Builder(
|
|
builder: (BuildContext context) {
|
|
m3 = DatePickerTheme.defaults(context);
|
|
theme = Theme.of(context);
|
|
colorScheme = theme.colorScheme;
|
|
textTheme = theme.textTheme;
|
|
return Container();
|
|
},
|
|
),
|
|
),
|
|
);
|
|
|
|
expect(m3.backgroundColor, colorScheme.surfaceContainerHigh);
|
|
expect(m3.elevation, 6);
|
|
expect(m3.shadowColor, const Color(0x00000000)); // Colors.transparent
|
|
expect(m3.surfaceTintColor, Colors.transparent);
|
|
expect(m3.shape, RoundedRectangleBorder(borderRadius: BorderRadius.circular(28)));
|
|
expect(m3.headerBackgroundColor, const Color(0x00000000)); // Colors.transparent
|
|
expect(m3.headerForegroundColor, colorScheme.onSurfaceVariant);
|
|
expect(m3.headerHeadlineStyle, textTheme.headlineLarge);
|
|
expect(m3.headerHelpStyle, textTheme.labelLarge);
|
|
expect(m3.weekdayStyle, textTheme.bodyLarge?.apply(color: colorScheme.onSurface));
|
|
expect(m3.dayStyle, textTheme.bodyLarge);
|
|
expect(m3.dayForegroundColor?.resolve(<WidgetState>{}), colorScheme.onSurface);
|
|
expect(
|
|
m3.dayForegroundColor?.resolve(<WidgetState>{WidgetState.selected}),
|
|
colorScheme.onPrimary,
|
|
);
|
|
expect(
|
|
m3.dayForegroundColor?.resolve(<WidgetState>{WidgetState.disabled}),
|
|
colorScheme.onSurface.withOpacity(0.38),
|
|
);
|
|
expect(m3.dayBackgroundColor?.resolve(<WidgetState>{}), null);
|
|
expect(
|
|
m3.dayBackgroundColor?.resolve(<WidgetState>{WidgetState.selected}),
|
|
colorScheme.primary,
|
|
);
|
|
expect(m3.dayOverlayColor?.resolve(<WidgetState>{}), null);
|
|
expect(
|
|
m3.dayOverlayColor?.resolve(<WidgetState>{WidgetState.selected, WidgetState.hovered}),
|
|
colorScheme.onPrimary.withOpacity(0.08),
|
|
);
|
|
expect(
|
|
m3.dayOverlayColor?.resolve(<WidgetState>{WidgetState.selected, WidgetState.focused}),
|
|
colorScheme.onPrimary.withOpacity(0.1),
|
|
);
|
|
expect(
|
|
m3.dayOverlayColor?.resolve(<WidgetState>{WidgetState.hovered}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.08),
|
|
);
|
|
expect(
|
|
m3.dayOverlayColor?.resolve(<WidgetState>{WidgetState.focused}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.1),
|
|
);
|
|
expect(
|
|
m3.dayOverlayColor?.resolve(<WidgetState>{WidgetState.pressed}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.1),
|
|
);
|
|
expect(
|
|
m3.dayOverlayColor?.resolve(<WidgetState>{
|
|
WidgetState.selected,
|
|
WidgetState.hovered,
|
|
WidgetState.focused,
|
|
}),
|
|
colorScheme.onPrimary.withOpacity(0.08),
|
|
);
|
|
expect(
|
|
m3.dayOverlayColor?.resolve(<WidgetState>{
|
|
WidgetState.selected,
|
|
WidgetState.hovered,
|
|
WidgetState.pressed,
|
|
}),
|
|
colorScheme.onPrimary.withOpacity(0.1),
|
|
);
|
|
expect(
|
|
m3.dayOverlayColor?.resolve(<WidgetState>{WidgetState.hovered, WidgetState.focused}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.08),
|
|
);
|
|
expect(
|
|
m3.dayOverlayColor?.resolve(<WidgetState>{WidgetState.hovered, WidgetState.pressed}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.1),
|
|
);
|
|
expect(m3.dayShape?.resolve(<WidgetState>{}), const CircleBorder());
|
|
expect(m3.todayForegroundColor?.resolve(<WidgetState>{}), colorScheme.primary);
|
|
expect(
|
|
m3.todayForegroundColor?.resolve(<WidgetState>{WidgetState.disabled}),
|
|
colorScheme.primary.withOpacity(0.38),
|
|
);
|
|
expect(m3.todayBorder, BorderSide(color: colorScheme.primary));
|
|
expect(m3.yearStyle, textTheme.bodyLarge);
|
|
expect(m3.yearForegroundColor?.resolve(<WidgetState>{}), colorScheme.onSurfaceVariant);
|
|
expect(
|
|
m3.yearForegroundColor?.resolve(<WidgetState>{WidgetState.selected}),
|
|
colorScheme.onPrimary,
|
|
);
|
|
expect(
|
|
m3.yearForegroundColor?.resolve(<WidgetState>{WidgetState.disabled}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.38),
|
|
);
|
|
expect(m3.yearBackgroundColor?.resolve(<WidgetState>{}), null);
|
|
expect(
|
|
m3.yearBackgroundColor?.resolve(<WidgetState>{WidgetState.selected}),
|
|
colorScheme.primary,
|
|
);
|
|
expect(m3.yearOverlayColor?.resolve(<WidgetState>{}), null);
|
|
expect(
|
|
m3.yearOverlayColor?.resolve(<WidgetState>{WidgetState.selected, WidgetState.hovered}),
|
|
colorScheme.onPrimary.withOpacity(0.08),
|
|
);
|
|
expect(
|
|
m3.yearOverlayColor?.resolve(<WidgetState>{WidgetState.selected, WidgetState.focused}),
|
|
colorScheme.onPrimary.withOpacity(0.1),
|
|
);
|
|
expect(
|
|
m3.yearOverlayColor?.resolve(<WidgetState>{WidgetState.hovered}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.08),
|
|
);
|
|
expect(
|
|
m3.yearOverlayColor?.resolve(<WidgetState>{WidgetState.focused}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.1),
|
|
);
|
|
expect(
|
|
m3.yearOverlayColor?.resolve(<WidgetState>{WidgetState.pressed}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.1),
|
|
);
|
|
expect(m3.rangePickerElevation, 0);
|
|
expect(m3.rangePickerShape, const RoundedRectangleBorder());
|
|
expect(m3.rangePickerShadowColor, Colors.transparent);
|
|
expect(m3.rangePickerSurfaceTintColor, Colors.transparent);
|
|
expect(m3.rangeSelectionOverlayColor?.resolve(<WidgetState>{}), null);
|
|
expect(m3.rangePickerHeaderBackgroundColor, Colors.transparent);
|
|
expect(m3.rangePickerHeaderForegroundColor, colorScheme.onSurfaceVariant);
|
|
expect(m3.rangePickerHeaderHeadlineStyle, textTheme.titleLarge);
|
|
expect(m3.rangePickerHeaderHelpStyle, textTheme.titleSmall);
|
|
expect(m3.dividerColor, null);
|
|
expect(m3.inputDecorationTheme, null);
|
|
expect(
|
|
m3.cancelButtonStyle.toString(),
|
|
equalsIgnoringHashCodes(TextButton.styleFrom().toString()),
|
|
);
|
|
expect(
|
|
m3.confirmButtonStyle.toString(),
|
|
equalsIgnoringHashCodes(TextButton.styleFrom().toString()),
|
|
);
|
|
expect(m3.locale, null);
|
|
expect(m3.subHeaderForegroundColor, colorScheme.onSurface.withOpacity(0.60));
|
|
expect(
|
|
m3.toggleButtonTextStyle,
|
|
textTheme.titleSmall?.apply(color: m3.subHeaderForegroundColor),
|
|
);
|
|
});
|
|
|
|
testWidgets('DatePickerTheme.defaults M2 defaults', (WidgetTester tester) async {
|
|
late final DatePickerThemeData m2; // M2 defaults
|
|
late final ThemeData theme;
|
|
late final ColorScheme colorScheme;
|
|
late final TextTheme textTheme;
|
|
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(useMaterial3: false),
|
|
home: Builder(
|
|
builder: (BuildContext context) {
|
|
m2 = DatePickerTheme.defaults(context);
|
|
theme = Theme.of(context);
|
|
colorScheme = theme.colorScheme;
|
|
textTheme = theme.textTheme;
|
|
return Container();
|
|
},
|
|
),
|
|
),
|
|
);
|
|
|
|
expect(m2.elevation, 24);
|
|
expect(
|
|
m2.shape,
|
|
const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(4.0))),
|
|
);
|
|
expect(m2.headerBackgroundColor, colorScheme.primary);
|
|
expect(m2.headerForegroundColor, colorScheme.onPrimary);
|
|
expect(m2.headerHeadlineStyle, textTheme.headlineSmall);
|
|
expect(m2.headerHelpStyle, textTheme.labelSmall);
|
|
expect(
|
|
m2.weekdayStyle,
|
|
textTheme.bodySmall?.apply(color: colorScheme.onSurface.withOpacity(0.60)),
|
|
);
|
|
expect(m2.dayStyle, textTheme.bodySmall);
|
|
expect(m2.dayForegroundColor?.resolve(<WidgetState>{}), colorScheme.onSurface);
|
|
expect(
|
|
m2.dayForegroundColor?.resolve(<WidgetState>{WidgetState.selected}),
|
|
colorScheme.onPrimary,
|
|
);
|
|
expect(
|
|
m2.dayForegroundColor?.resolve(<WidgetState>{WidgetState.disabled}),
|
|
colorScheme.onSurface.withOpacity(0.38),
|
|
);
|
|
expect(m2.dayBackgroundColor?.resolve(<WidgetState>{}), null);
|
|
expect(
|
|
m2.dayBackgroundColor?.resolve(<WidgetState>{WidgetState.selected}),
|
|
colorScheme.primary,
|
|
);
|
|
expect(m2.dayOverlayColor?.resolve(<WidgetState>{}), null);
|
|
expect(
|
|
m2.dayOverlayColor?.resolve(<WidgetState>{WidgetState.selected, WidgetState.hovered}),
|
|
colorScheme.onPrimary.withOpacity(0.08),
|
|
);
|
|
expect(
|
|
m2.dayOverlayColor?.resolve(<WidgetState>{WidgetState.selected, WidgetState.focused}),
|
|
colorScheme.onPrimary.withOpacity(0.12),
|
|
);
|
|
expect(
|
|
m2.dayOverlayColor?.resolve(<WidgetState>{WidgetState.selected, WidgetState.pressed}),
|
|
colorScheme.onPrimary.withOpacity(0.38),
|
|
);
|
|
expect(
|
|
m2.dayOverlayColor?.resolve(<WidgetState>{
|
|
WidgetState.selected,
|
|
WidgetState.hovered,
|
|
WidgetState.focused,
|
|
}),
|
|
colorScheme.onPrimary.withOpacity(0.08),
|
|
);
|
|
expect(
|
|
m2.dayOverlayColor?.resolve(<WidgetState>{
|
|
WidgetState.selected,
|
|
WidgetState.hovered,
|
|
WidgetState.pressed,
|
|
}),
|
|
colorScheme.onPrimary.withOpacity(0.38),
|
|
);
|
|
expect(
|
|
m2.dayOverlayColor?.resolve(<WidgetState>{WidgetState.hovered}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.08),
|
|
);
|
|
expect(
|
|
m2.dayOverlayColor?.resolve(<WidgetState>{WidgetState.focused}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.12),
|
|
);
|
|
expect(
|
|
m2.dayOverlayColor?.resolve(<WidgetState>{WidgetState.pressed}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.12),
|
|
);
|
|
expect(m2.dayShape?.resolve(<WidgetState>{}), const CircleBorder());
|
|
expect(m2.todayForegroundColor?.resolve(<WidgetState>{}), colorScheme.primary);
|
|
expect(
|
|
m2.todayForegroundColor?.resolve(<WidgetState>{WidgetState.disabled}),
|
|
colorScheme.onSurface.withOpacity(0.38),
|
|
);
|
|
expect(m2.todayBorder, BorderSide(color: colorScheme.primary));
|
|
expect(m2.yearStyle, textTheme.bodyLarge);
|
|
expect(m2.rangePickerBackgroundColor, colorScheme.surface);
|
|
expect(m2.rangePickerElevation, 0);
|
|
expect(m2.rangePickerShape, const RoundedRectangleBorder());
|
|
expect(m2.rangePickerShadowColor, Colors.transparent);
|
|
expect(m2.rangePickerSurfaceTintColor, Colors.transparent);
|
|
expect(m2.rangeSelectionOverlayColor?.resolve(<WidgetState>{}), null);
|
|
expect(
|
|
m2.rangeSelectionOverlayColor?.resolve(<WidgetState>{
|
|
WidgetState.selected,
|
|
WidgetState.hovered,
|
|
}),
|
|
colorScheme.onPrimary.withOpacity(0.08),
|
|
);
|
|
expect(
|
|
m2.rangeSelectionOverlayColor?.resolve(<WidgetState>{
|
|
WidgetState.selected,
|
|
WidgetState.focused,
|
|
}),
|
|
colorScheme.onPrimary.withOpacity(0.12),
|
|
);
|
|
expect(
|
|
m2.rangeSelectionOverlayColor?.resolve(<WidgetState>{
|
|
WidgetState.selected,
|
|
WidgetState.pressed,
|
|
}),
|
|
colorScheme.onPrimary.withOpacity(0.38),
|
|
);
|
|
expect(
|
|
m2.rangeSelectionOverlayColor?.resolve(<WidgetState>{WidgetState.hovered}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.08),
|
|
);
|
|
expect(
|
|
m2.rangeSelectionOverlayColor?.resolve(<WidgetState>{WidgetState.focused}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.12),
|
|
);
|
|
expect(
|
|
m2.rangeSelectionOverlayColor?.resolve(<WidgetState>{WidgetState.pressed}),
|
|
colorScheme.onSurfaceVariant.withOpacity(0.12),
|
|
);
|
|
expect(m2.rangePickerHeaderBackgroundColor, colorScheme.primary);
|
|
expect(m2.rangePickerHeaderForegroundColor, colorScheme.onPrimary);
|
|
expect(m2.rangePickerHeaderHeadlineStyle, textTheme.headlineSmall);
|
|
expect(m2.rangePickerHeaderHelpStyle, textTheme.labelSmall);
|
|
expect(m2.dividerColor, null);
|
|
expect(m2.inputDecorationTheme, null);
|
|
expect(
|
|
m2.cancelButtonStyle.toString(),
|
|
equalsIgnoringHashCodes(TextButton.styleFrom().toString()),
|
|
);
|
|
expect(
|
|
m2.confirmButtonStyle.toString(),
|
|
equalsIgnoringHashCodes(TextButton.styleFrom().toString()),
|
|
);
|
|
expect(m2.locale, null);
|
|
expect(m2.yearShape?.resolve(<WidgetState>{}), const StadiumBorder());
|
|
expect(m2.subHeaderForegroundColor, colorScheme.onSurface.withOpacity(0.60));
|
|
expect(
|
|
m2.toggleButtonTextStyle,
|
|
textTheme.titleSmall?.apply(color: m2.subHeaderForegroundColor),
|
|
);
|
|
});
|
|
|
|
testWidgets('Default DatePickerThemeData debugFillProperties', (WidgetTester tester) async {
|
|
final builder = DiagnosticPropertiesBuilder();
|
|
const DatePickerThemeData().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('DatePickerThemeData implements debugFillProperties', (WidgetTester tester) async {
|
|
final builder = DiagnosticPropertiesBuilder();
|
|
|
|
datePickerTheme.debugFillProperties(builder);
|
|
|
|
final List<String> description = builder.properties
|
|
.where((DiagnosticsNode node) => !node.isFiltered(DiagnosticLevel.info))
|
|
.map((DiagnosticsNode node) => node.toString())
|
|
.toList();
|
|
|
|
expect(
|
|
description,
|
|
equalsIgnoringHashCodes(<String>[
|
|
'backgroundColor: ${const Color(0xfffffff0)}',
|
|
'elevation: 6.0',
|
|
'shadowColor: ${const Color(0xfffffff1)}',
|
|
'surfaceTintColor: ${const Color(0xfffffff2)}',
|
|
'shape: RoundedRectangleBorder(BorderSide(width: 0.0, style: none), BorderRadius.zero)',
|
|
'headerBackgroundColor: ${const Color(0xfffffff3)}',
|
|
'headerForegroundColor: ${const Color(0xfffffff4)}',
|
|
'headerHeadlineStyle: TextStyle(inherit: true, size: 10.0)',
|
|
'headerHelpStyle: TextStyle(inherit: true, size: 11.0)',
|
|
'weekDayStyle: TextStyle(inherit: true, size: 12.0)',
|
|
'dayStyle: TextStyle(inherit: true, size: 13.0)',
|
|
'dayForegroundColor: WidgetStatePropertyAll(${const Color(0xfffffff5)})',
|
|
'dayBackgroundColor: WidgetStatePropertyAll(${const Color(0xfffffff6)})',
|
|
'dayOverlayColor: WidgetStatePropertyAll(${const Color(0xfffffff7)})',
|
|
'dayShape: WidgetStatePropertyAll(RoundedRectangleBorder(BorderSide(width: 0.0, style: none), BorderRadius.zero))',
|
|
'todayForegroundColor: WidgetStatePropertyAll(${const Color(0xfffffff8)})',
|
|
'todayBackgroundColor: WidgetStatePropertyAll(${const Color(0xfffffff9)})',
|
|
'todayBorder: BorderSide(width: 3.0)',
|
|
'yearStyle: TextStyle(inherit: true, size: 13.0)',
|
|
'yearForegroundColor: WidgetStatePropertyAll(${const Color(0xfffffffa)})',
|
|
'yearBackgroundColor: WidgetStatePropertyAll(${const Color(0xfffffffb)})',
|
|
'yearOverlayColor: WidgetStatePropertyAll(${const Color(0xfffffffc)})',
|
|
'yearShape: WidgetStatePropertyAll(RoundedRectangleBorder(BorderSide(width: 0.0, style: none), BorderRadius.zero))',
|
|
'rangePickerBackgroundColor: ${const Color(0xfffffffd)}',
|
|
'rangePickerElevation: 7.0',
|
|
'rangePickerShadowColor: ${const Color(0xfffffffe)}',
|
|
'rangePickerSurfaceTintColor: ${const Color(0xffffffff)}',
|
|
'rangePickerShape: RoundedRectangleBorder(BorderSide(width: 0.0, style: none), BorderRadius.zero)',
|
|
'rangePickerHeaderBackgroundColor: ${const Color(0xffffff0f)}',
|
|
'rangePickerHeaderForegroundColor: ${const Color(0xffffff1f)}',
|
|
'rangePickerHeaderHeadlineStyle: TextStyle(inherit: true, size: 14.0)',
|
|
'rangePickerHeaderHelpStyle: TextStyle(inherit: true, size: 15.0)',
|
|
'rangeSelectionBackgroundColor: ${const Color(0xffffff2f)}',
|
|
'rangeSelectionOverlayColor: WidgetStatePropertyAll(${const Color(0xffffff3f)})',
|
|
'dividerColor: ${const Color(0xffffff4f)}',
|
|
'inputDecorationTheme: InputDecorationThemeData#00000(fillColor: ${const Color(0xffffff5f)}, border: UnderlineInputBorder())',
|
|
'cancelButtonStyle: ButtonStyle#00000(foregroundColor: WidgetStatePropertyAll(${const Color(0xffffff6f)}))',
|
|
'confirmButtonStyle: ButtonStyle#00000(foregroundColor: WidgetStatePropertyAll(${const Color(0xffffff7f)}))',
|
|
'locale: en',
|
|
'toggleButtonTextStyle: TextStyle(inherit: true, size: 13.0)',
|
|
'subHeaderForegroundColor: ${const Color(0xffffff8f)}',
|
|
]),
|
|
);
|
|
});
|
|
|
|
testWidgets('DatePickerDialog uses ThemeData datePicker theme (calendar mode)', (
|
|
WidgetTester tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(datePickerTheme: datePickerTheme),
|
|
home: Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: DatePickerDialog(
|
|
initialDate: DateTime(2023, DateTime.january, 25),
|
|
firstDate: DateTime(2022),
|
|
lastDate: DateTime(2024, DateTime.december, 31),
|
|
currentDate: DateTime(2023, DateTime.january, 24),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
final Material material = findDialogMaterial(tester);
|
|
expect(material.color, datePickerTheme.backgroundColor);
|
|
expect(material.elevation, datePickerTheme.elevation);
|
|
expect(material.shadowColor, datePickerTheme.shadowColor);
|
|
expect(material.surfaceTintColor, datePickerTheme.surfaceTintColor);
|
|
expect(material.shape, datePickerTheme.shape);
|
|
|
|
final Text selectDate = tester.widget<Text>(find.text('Select date'));
|
|
final Material headerMaterial = findHeaderMaterial(tester, 'Select date');
|
|
expect(selectDate.style?.color, datePickerTheme.headerForegroundColor);
|
|
expect(selectDate.style?.fontSize, datePickerTheme.headerHelpStyle?.fontSize);
|
|
expect(headerMaterial.color, datePickerTheme.headerBackgroundColor);
|
|
|
|
final Text weekday = tester.widget<Text>(find.text('W'));
|
|
expect(weekday.style?.color, datePickerTheme.weekdayStyle?.color);
|
|
expect(weekday.style?.fontSize, datePickerTheme.weekdayStyle?.fontSize);
|
|
|
|
final Text selectedDate = tester.widget<Text>(find.text('Wed, Jan 25'));
|
|
expect(selectedDate.style?.color, datePickerTheme.headerForegroundColor);
|
|
expect(selectedDate.style?.fontSize, datePickerTheme.headerHeadlineStyle?.fontSize);
|
|
|
|
final Text day31 = tester.widget<Text>(find.text('31'));
|
|
final ShapeDecoration day31Decoration = findDayDecoration(tester, '31')!;
|
|
expect(day31.style?.color, datePickerTheme.dayForegroundColor?.resolve(<WidgetState>{}));
|
|
expect(day31.style?.fontSize, datePickerTheme.dayStyle?.fontSize);
|
|
expect(day31Decoration.color, datePickerTheme.dayBackgroundColor?.resolve(<WidgetState>{}));
|
|
expect(day31Decoration.shape, datePickerTheme.dayShape?.resolve(<WidgetState>{}));
|
|
|
|
final Text day24 = tester.widget<Text>(find.text('24')); // DatePickerDialog.currentDate
|
|
final ShapeDecoration day24Decoration = findDayDecoration(tester, '24')!;
|
|
final day24Shape = day24Decoration.shape as OutlinedBorder;
|
|
expect(day24.style?.fontSize, datePickerTheme.dayStyle?.fontSize);
|
|
expect(day24.style?.color, datePickerTheme.todayForegroundColor?.resolve(<WidgetState>{}));
|
|
expect(day24Decoration.color, datePickerTheme.todayBackgroundColor?.resolve(<WidgetState>{}));
|
|
expect(
|
|
day24Decoration.shape,
|
|
datePickerTheme.dayShape
|
|
?.resolve(<WidgetState>{})!
|
|
.copyWith(
|
|
side: datePickerTheme.todayBorder?.copyWith(
|
|
color: datePickerTheme.todayForegroundColor?.resolve(<WidgetState>{}),
|
|
),
|
|
),
|
|
);
|
|
expect(day24Shape.side.width, datePickerTheme.todayBorder?.width);
|
|
|
|
// Test the toggle mode button style.
|
|
final Text january2023 = tester.widget<Text>(find.text('January 2023'));
|
|
expect(january2023.style?.fontSize, datePickerTheme.toggleButtonTextStyle?.fontSize);
|
|
expect(january2023.style?.color, datePickerTheme.subHeaderForegroundColor);
|
|
final Icon arrowIcon = tester.widget<Icon>(find.byIcon(Icons.arrow_drop_down));
|
|
expect(arrowIcon.color, datePickerTheme.subHeaderForegroundColor);
|
|
|
|
// Test the day overlay color.
|
|
final RenderObject inkFeatures = tester.allRenderObjects.firstWhere(
|
|
(RenderObject object) => object.runtimeType.toString() == '_RenderInkFeatures',
|
|
);
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
await gesture.moveTo(tester.getCenter(find.text('25')));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
inkFeatures,
|
|
paints..circle(color: datePickerTheme.dayOverlayColor?.resolve(<WidgetState>{})),
|
|
);
|
|
|
|
// Show the year selector.
|
|
|
|
await tester.tap(find.text('January 2023'));
|
|
await tester.pumpAndSettle();
|
|
|
|
final Text year2022 = tester.widget<Text>(find.text('2022'));
|
|
final ShapeDecoration year2022Decoration = findTextDecoration(tester, '2022')!;
|
|
expect(year2022.style?.fontSize, datePickerTheme.yearStyle?.fontSize);
|
|
expect(year2022.style?.color, datePickerTheme.yearForegroundColor?.resolve(<WidgetState>{}));
|
|
expect(year2022Decoration.color, datePickerTheme.yearBackgroundColor?.resolve(<WidgetState>{}));
|
|
expect(year2022Decoration.shape, datePickerTheme.yearShape?.resolve(<WidgetState>{}));
|
|
|
|
final Text year2023 = tester.widget<Text>(find.text('2023')); // DatePickerDialog.currentDate
|
|
final ShapeDecoration year2023Decoration = findTextDecoration(tester, '2023')!;
|
|
expect(year2023.style?.fontSize, datePickerTheme.yearStyle?.fontSize);
|
|
expect(year2023.style?.color, datePickerTheme.todayForegroundColor?.resolve(<WidgetState>{}));
|
|
expect(
|
|
year2023Decoration.color,
|
|
datePickerTheme.todayBackgroundColor?.resolve(<WidgetState>{}),
|
|
);
|
|
final roundedRectangleBorder = year2023Decoration.shape as RoundedRectangleBorder;
|
|
expect(roundedRectangleBorder.side.width, datePickerTheme.todayBorder?.width);
|
|
expect(
|
|
roundedRectangleBorder.side.color,
|
|
datePickerTheme.todayForegroundColor?.resolve(<WidgetState>{}),
|
|
);
|
|
|
|
// Test the year overlay color.
|
|
await gesture.moveTo(tester.getCenter(find.text('2024')));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
inkFeatures,
|
|
paints..rect(color: datePickerTheme.yearOverlayColor?.resolve(<WidgetState>{})),
|
|
);
|
|
|
|
final ButtonStyle cancelButtonStyle = actionButtonStyle(tester, 'Cancel');
|
|
expect(
|
|
cancelButtonStyle.toString(),
|
|
equalsIgnoringHashCodes(datePickerTheme.cancelButtonStyle.toString()),
|
|
);
|
|
|
|
final ButtonStyle confirmButtonStyle = actionButtonStyle(tester, 'OK');
|
|
expect(
|
|
confirmButtonStyle.toString(),
|
|
equalsIgnoringHashCodes(datePickerTheme.confirmButtonStyle.toString()),
|
|
);
|
|
});
|
|
|
|
testWidgets('DatePickerDialog uses ThemeData datePicker theme (input mode)', (
|
|
WidgetTester tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(datePickerTheme: datePickerTheme),
|
|
home: Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: DatePickerDialog(
|
|
initialEntryMode: DatePickerEntryMode.input,
|
|
initialDate: DateTime(2023, DateTime.january, 25),
|
|
firstDate: DateTime(2022),
|
|
lastDate: DateTime(2024, DateTime.december, 31),
|
|
currentDate: DateTime(2023, DateTime.january, 24),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
final Material material = findDialogMaterial(tester);
|
|
expect(material.color, datePickerTheme.backgroundColor);
|
|
expect(material.elevation, datePickerTheme.elevation);
|
|
expect(material.shadowColor, datePickerTheme.shadowColor);
|
|
expect(material.surfaceTintColor, datePickerTheme.surfaceTintColor);
|
|
expect(material.shape, datePickerTheme.shape);
|
|
|
|
final Text selectDate = tester.widget<Text>(find.text('Select date'));
|
|
final Material headerMaterial = findHeaderMaterial(tester, 'Select date');
|
|
expect(selectDate.style?.color, datePickerTheme.headerForegroundColor);
|
|
expect(selectDate.style?.fontSize, datePickerTheme.headerHelpStyle?.fontSize);
|
|
expect(headerMaterial.color, datePickerTheme.headerBackgroundColor);
|
|
|
|
final InputDecoration inputDecoration = tester
|
|
.widget<TextField>(find.byType(TextField))
|
|
.decoration!;
|
|
expect(inputDecoration.fillColor, datePickerTheme.inputDecorationTheme?.fillColor);
|
|
|
|
final ButtonStyle cancelButtonStyle = actionButtonStyle(tester, 'Cancel');
|
|
expect(
|
|
cancelButtonStyle.toString(),
|
|
equalsIgnoringHashCodes(datePickerTheme.cancelButtonStyle.toString()),
|
|
);
|
|
|
|
final ButtonStyle confirmButtonStyle = actionButtonStyle(tester, 'OK');
|
|
expect(
|
|
confirmButtonStyle.toString(),
|
|
equalsIgnoringHashCodes(datePickerTheme.confirmButtonStyle.toString()),
|
|
);
|
|
});
|
|
|
|
testWidgets('DateRangePickerDialog uses ThemeData datePicker theme', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(datePickerTheme: datePickerTheme),
|
|
home: Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: DateRangePickerDialog(
|
|
firstDate: DateTime(2023),
|
|
lastDate: DateTime(2023, DateTime.january, 31),
|
|
initialDateRange: DateTimeRange(
|
|
start: DateTime(2023, DateTime.january, 17),
|
|
end: DateTime(2023, DateTime.january, 20),
|
|
),
|
|
currentDate: DateTime(2023, DateTime.january, 23),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
final Material material = findDialogMaterial(tester);
|
|
expect(material.color, datePickerTheme.backgroundColor);
|
|
expect(
|
|
tester.widget<Scaffold>(find.byType(Scaffold)).backgroundColor,
|
|
datePickerTheme.rangePickerBackgroundColor,
|
|
);
|
|
expect(material.elevation, datePickerTheme.rangePickerElevation);
|
|
expect(material.shadowColor, datePickerTheme.rangePickerShadowColor);
|
|
expect(material.surfaceTintColor, datePickerTheme.rangePickerSurfaceTintColor);
|
|
expect(material.shape, datePickerTheme.rangePickerShape);
|
|
|
|
final AppBar appBar = tester.widget<AppBar>(find.byType(AppBar));
|
|
expect(appBar.backgroundColor, datePickerTheme.rangePickerHeaderBackgroundColor);
|
|
|
|
final Text selectRange = tester.widget<Text>(find.text('Select range'));
|
|
expect(selectRange.style?.color, datePickerTheme.rangePickerHeaderForegroundColor);
|
|
expect(selectRange.style?.fontSize, datePickerTheme.rangePickerHeaderHelpStyle?.fontSize);
|
|
|
|
final Text selectedDate = tester.widget<Text>(find.text('Jan 17'));
|
|
expect(selectedDate.style?.color, datePickerTheme.rangePickerHeaderForegroundColor);
|
|
expect(selectedDate.style?.fontSize, datePickerTheme.rangePickerHeaderHeadlineStyle?.fontSize);
|
|
|
|
// Test the day overlay color.
|
|
final RenderObject inkFeatures = tester.allRenderObjects.firstWhere(
|
|
(RenderObject object) => object.runtimeType.toString() == '_RenderInkFeatures',
|
|
);
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
await gesture.moveTo(tester.getCenter(find.text('16')));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
inkFeatures,
|
|
paints..circle(color: datePickerTheme.dayOverlayColor?.resolve(<WidgetState>{})),
|
|
);
|
|
|
|
// Test the range selection overlay color.
|
|
await gesture.moveTo(tester.getCenter(find.text('18')));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
inkFeatures,
|
|
paints..circle(color: datePickerTheme.rangeSelectionOverlayColor?.resolve(<WidgetState>{})),
|
|
);
|
|
});
|
|
|
|
testWidgets('Material2 - DateRangePickerDialog uses ThemeData datePicker theme', (
|
|
WidgetTester tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(datePickerTheme: datePickerTheme, useMaterial3: false),
|
|
home: Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: DateRangePickerDialog(
|
|
firstDate: DateTime(2023),
|
|
lastDate: DateTime(2023, DateTime.january, 31),
|
|
initialDateRange: DateTimeRange(
|
|
start: DateTime(2023, DateTime.january, 17),
|
|
end: DateTime(2023, DateTime.january, 20),
|
|
),
|
|
currentDate: DateTime(2023, DateTime.january, 23),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
final Material material = findDialogMaterial(tester);
|
|
expect(material.color, datePickerTheme.backgroundColor);
|
|
expect(
|
|
tester.widget<Scaffold>(find.byType(Scaffold)).backgroundColor,
|
|
datePickerTheme.rangePickerBackgroundColor,
|
|
);
|
|
expect(material.elevation, datePickerTheme.rangePickerElevation);
|
|
expect(material.shadowColor, datePickerTheme.rangePickerShadowColor);
|
|
expect(material.surfaceTintColor, datePickerTheme.rangePickerSurfaceTintColor);
|
|
expect(material.shape, datePickerTheme.rangePickerShape);
|
|
|
|
final AppBar appBar = tester.widget<AppBar>(find.byType(AppBar));
|
|
expect(appBar.backgroundColor, datePickerTheme.rangePickerHeaderBackgroundColor);
|
|
|
|
final Text selectRange = tester.widget<Text>(find.text('SELECT RANGE'));
|
|
expect(selectRange.style?.color, datePickerTheme.rangePickerHeaderForegroundColor);
|
|
expect(selectRange.style?.fontSize, datePickerTheme.rangePickerHeaderHelpStyle?.fontSize);
|
|
|
|
final Text selectedDate = tester.widget<Text>(find.text('Jan 17'));
|
|
expect(selectedDate.style?.color, datePickerTheme.rangePickerHeaderForegroundColor);
|
|
expect(selectedDate.style?.fontSize, datePickerTheme.rangePickerHeaderHeadlineStyle?.fontSize);
|
|
|
|
// Test the day overlay color.
|
|
final RenderObject inkFeatures = tester.allRenderObjects.firstWhere(
|
|
(RenderObject object) => object.runtimeType.toString() == '_RenderInkFeatures',
|
|
);
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
await gesture.moveTo(tester.getCenter(find.text('16')));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
inkFeatures,
|
|
paints..circle(color: datePickerTheme.dayOverlayColor?.resolve(<WidgetState>{})),
|
|
);
|
|
|
|
// Test the range selection overlay color.
|
|
await gesture.moveTo(tester.getCenter(find.text('18')));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
inkFeatures,
|
|
paints..circle(color: datePickerTheme.rangeSelectionOverlayColor?.resolve(<WidgetState>{})),
|
|
);
|
|
});
|
|
|
|
testWidgets('Dividers use DatePickerThemeData.dividerColor', (WidgetTester tester) async {
|
|
Future<void> showPicker(WidgetTester tester, Size size) async {
|
|
tester.view.physicalSize = size;
|
|
tester.view.devicePixelRatio = 1.0;
|
|
addTearDown(tester.view.reset);
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(datePickerTheme: datePickerTheme),
|
|
home: Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: DatePickerDialog(
|
|
initialDate: DateTime(2023, DateTime.january, 25),
|
|
firstDate: DateTime(2022),
|
|
lastDate: DateTime(2024, DateTime.december, 31),
|
|
currentDate: DateTime(2023, DateTime.january, 24),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await showPicker(tester, wideWindowSize);
|
|
|
|
// Test vertical divider.
|
|
final VerticalDivider verticalDivider = tester.widget(find.byType(VerticalDivider));
|
|
expect(verticalDivider.color, datePickerTheme.dividerColor);
|
|
|
|
// Test portrait layout.
|
|
await showPicker(tester, narrowWindowSize);
|
|
|
|
// Test horizontal divider.
|
|
final Divider horizontalDivider = tester.widget(find.byType(Divider));
|
|
expect(horizontalDivider.color, datePickerTheme.dividerColor);
|
|
});
|
|
|
|
testWidgets('DatePicker uses ThemeData.inputDecorationTheme properties '
|
|
'which are null in DatePickerThemeData.inputDecorationTheme', (WidgetTester tester) async {
|
|
Widget buildWidget({
|
|
InputDecorationThemeData? inputDecorationTheme,
|
|
DatePickerThemeData? datePickerTheme,
|
|
}) {
|
|
return MaterialApp(
|
|
theme: ThemeData(
|
|
inputDecorationTheme: inputDecorationTheme,
|
|
datePickerTheme: datePickerTheme,
|
|
),
|
|
home: Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: DatePickerDialog(
|
|
initialEntryMode: DatePickerEntryMode.input,
|
|
initialDate: DateTime(2023, DateTime.january, 25),
|
|
firstDate: DateTime(2022),
|
|
lastDate: DateTime(2024, DateTime.december, 31),
|
|
currentDate: DateTime(2023, DateTime.january, 24),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Test DatePicker with DatePickerThemeData.inputDecorationTheme.
|
|
await tester.pumpWidget(
|
|
buildWidget(
|
|
inputDecorationTheme: const InputDecorationThemeData(filled: true),
|
|
datePickerTheme: datePickerTheme,
|
|
),
|
|
);
|
|
InputDecoration inputDecoration = tester.widget<TextField>(find.byType(TextField)).decoration!;
|
|
expect(inputDecoration.fillColor, datePickerTheme.inputDecorationTheme!.fillColor);
|
|
expect(inputDecoration.border, datePickerTheme.inputDecorationTheme!.border);
|
|
|
|
// Test DatePicker with ThemeData.inputDecorationTheme.
|
|
await tester.pumpWidget(
|
|
buildWidget(
|
|
inputDecorationTheme: const InputDecorationThemeData(
|
|
filled: true,
|
|
fillColor: Color(0xFF00FF00),
|
|
border: OutlineInputBorder(),
|
|
),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
|
|
inputDecoration = tester.widget<TextField>(find.byType(TextField)).decoration!;
|
|
expect(inputDecoration.fillColor, const Color(0xFF00FF00));
|
|
expect(inputDecoration.border, const OutlineInputBorder());
|
|
});
|
|
|
|
testWidgets('DatePickerDialog resolves DatePickerTheme.dayOverlayColor states', (
|
|
WidgetTester tester,
|
|
) async {
|
|
final WidgetStateProperty<Color> dayOverlayColor = WidgetStateProperty.resolveWith<Color>((
|
|
Set<WidgetState> states,
|
|
) {
|
|
if (states.contains(WidgetState.hovered)) {
|
|
return const Color(0xff00ff00);
|
|
}
|
|
if (states.contains(WidgetState.focused)) {
|
|
return const Color(0xffff00ff);
|
|
}
|
|
if (states.contains(WidgetState.pressed)) {
|
|
return const Color(0xffffff00);
|
|
}
|
|
return Colors.transparent;
|
|
});
|
|
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(datePickerTheme: DatePickerThemeData(dayOverlayColor: dayOverlayColor)),
|
|
home: Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: Focus(
|
|
child: DatePickerDialog(
|
|
initialDate: DateTime(2023, DateTime.january, 25),
|
|
firstDate: DateTime(2022),
|
|
lastDate: DateTime(2024, DateTime.december, 31),
|
|
currentDate: DateTime(2023, DateTime.january, 24),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
MaterialInkController findDayGridMaterial(WidgetTester tester) {
|
|
// All days are painted on the same Material widget.
|
|
// Use an arbitrary day to find this Material.
|
|
return Material.of(tester.element(find.text('17')));
|
|
}
|
|
|
|
// Test the hover overlay color.
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
await gesture.moveTo(tester.getCenter(find.text('20')));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(
|
|
findDayGridMaterial(tester),
|
|
paints
|
|
..circle() // Today decoration.
|
|
..circle() // Selected day decoration.
|
|
..circle(color: dayOverlayColor.resolve(<WidgetState>{WidgetState.hovered})),
|
|
);
|
|
|
|
// Test the pressed overlay color.
|
|
await gesture.down(tester.getCenter(find.text('20')));
|
|
await tester.pumpAndSettle();
|
|
if (kIsWeb) {
|
|
// An extra circle is painted on the web for the hovered state.
|
|
expect(
|
|
findDayGridMaterial(tester),
|
|
paints
|
|
..circle() // Today decoration.
|
|
..circle() // Selected day decoration.
|
|
..circle(color: dayOverlayColor.resolve(<WidgetState>{WidgetState.hovered}))
|
|
..circle(color: dayOverlayColor.resolve(<WidgetState>{WidgetState.hovered}))
|
|
..circle(color: dayOverlayColor.resolve(<WidgetState>{WidgetState.pressed})),
|
|
);
|
|
} else {
|
|
expect(
|
|
findDayGridMaterial(tester),
|
|
paints
|
|
..circle() // Today decoration.
|
|
..circle() // Selected day decoration.
|
|
..circle(color: dayOverlayColor.resolve(<WidgetState>{WidgetState.hovered}))
|
|
..circle(color: dayOverlayColor.resolve(<WidgetState>{WidgetState.pressed})),
|
|
);
|
|
}
|
|
|
|
await gesture.removePointer();
|
|
await tester.pumpAndSettle();
|
|
|
|
// Focus day selection.
|
|
for (var i = 0; i < 5; i++) {
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.pumpAndSettle();
|
|
}
|
|
|
|
// Test the focused overlay color.
|
|
expect(
|
|
findDayGridMaterial(tester),
|
|
paints
|
|
..circle() // Today decoration.
|
|
..circle() // Selected day decoration.
|
|
..circle(color: dayOverlayColor.resolve(<WidgetState>{WidgetState.focused})),
|
|
);
|
|
});
|
|
|
|
testWidgets('DatePickerDialog resolves DatePickerTheme.yearOverlayColor states', (
|
|
WidgetTester tester,
|
|
) async {
|
|
final WidgetStateProperty<Color> yearOverlayColor = WidgetStateProperty.resolveWith<Color>((
|
|
Set<WidgetState> states,
|
|
) {
|
|
if (states.contains(WidgetState.hovered)) {
|
|
return const Color(0xff00ff00);
|
|
}
|
|
if (states.contains(WidgetState.focused)) {
|
|
return const Color(0xffff00ff);
|
|
}
|
|
if (states.contains(WidgetState.pressed)) {
|
|
return const Color(0xffffff00);
|
|
}
|
|
return Colors.transparent;
|
|
});
|
|
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(datePickerTheme: DatePickerThemeData(yearOverlayColor: yearOverlayColor)),
|
|
home: Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: Focus(
|
|
child: DatePickerDialog(
|
|
initialDate: DateTime(2023, DateTime.january, 25),
|
|
firstDate: DateTime(2022),
|
|
lastDate: DateTime(2024, DateTime.december, 31),
|
|
currentDate: DateTime(2023, DateTime.january, 24),
|
|
initialCalendarMode: DatePickerMode.year,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Test the hover overlay color.
|
|
final RenderObject inkFeatures = tester.allRenderObjects.firstWhere(
|
|
(RenderObject object) => object.runtimeType.toString() == '_RenderInkFeatures',
|
|
);
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
await gesture.moveTo(tester.getCenter(find.text('2022')));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
inkFeatures,
|
|
paints..rect(color: yearOverlayColor.resolve(<WidgetState>{WidgetState.hovered})),
|
|
);
|
|
|
|
// Test the pressed overlay color.
|
|
await gesture.down(tester.getCenter(find.text('2022')));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
inkFeatures,
|
|
paints
|
|
..rect(color: yearOverlayColor.resolve(<WidgetState>{WidgetState.hovered}))
|
|
..rect(color: yearOverlayColor.resolve(<WidgetState>{WidgetState.pressed})),
|
|
);
|
|
|
|
await gesture.removePointer();
|
|
await tester.pumpAndSettle();
|
|
|
|
// Focus year selection.
|
|
for (var i = 0; i < 3; i++) {
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.pumpAndSettle();
|
|
}
|
|
|
|
// Test the focused overlay color.
|
|
expect(
|
|
inkFeatures,
|
|
paints..rect(color: yearOverlayColor.resolve(<WidgetState>{WidgetState.focused})),
|
|
);
|
|
});
|
|
|
|
testWidgets('DateRangePickerDialog resolves DatePickerTheme.rangeSelectionOverlayColor states', (
|
|
WidgetTester tester,
|
|
) async {
|
|
final WidgetStateProperty<Color> rangeSelectionOverlayColor =
|
|
WidgetStateProperty.resolveWith<Color>((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.hovered)) {
|
|
return const Color(0xff00ff00);
|
|
}
|
|
if (states.contains(WidgetState.pressed)) {
|
|
return const Color(0xffffff00);
|
|
}
|
|
return Colors.transparent;
|
|
});
|
|
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(
|
|
datePickerTheme: DatePickerThemeData(
|
|
rangeSelectionOverlayColor: rangeSelectionOverlayColor,
|
|
),
|
|
),
|
|
home: Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: DateRangePickerDialog(
|
|
firstDate: DateTime(2023),
|
|
lastDate: DateTime(2023, DateTime.january, 31),
|
|
initialDateRange: DateTimeRange(
|
|
start: DateTime(2023, DateTime.january, 17),
|
|
end: DateTime(2023, DateTime.january, 20),
|
|
),
|
|
currentDate: DateTime(2023, DateTime.january, 23),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Test the hover overlay color.
|
|
final RenderObject inkFeatures = tester.allRenderObjects.firstWhere(
|
|
(RenderObject object) => object.runtimeType.toString() == '_RenderInkFeatures',
|
|
);
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
await gesture.moveTo(tester.getCenter(find.text('18')));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
inkFeatures,
|
|
paints..circle(color: rangeSelectionOverlayColor.resolve(<WidgetState>{WidgetState.hovered})),
|
|
);
|
|
|
|
// Test the pressed overlay color.
|
|
await gesture.down(tester.getCenter(find.text('18')));
|
|
await tester.pumpAndSettle();
|
|
if (kIsWeb) {
|
|
// An extra circle is painted on the web for the hovered state.
|
|
expect(
|
|
inkFeatures,
|
|
paints
|
|
..circle(color: rangeSelectionOverlayColor.resolve(<WidgetState>{WidgetState.hovered}))
|
|
..circle(color: rangeSelectionOverlayColor.resolve(<WidgetState>{WidgetState.hovered}))
|
|
..circle(color: rangeSelectionOverlayColor.resolve(<WidgetState>{WidgetState.pressed})),
|
|
);
|
|
} else {
|
|
expect(
|
|
inkFeatures,
|
|
paints
|
|
..circle(color: rangeSelectionOverlayColor.resolve(<WidgetState>{WidgetState.hovered}))
|
|
..circle(color: rangeSelectionOverlayColor.resolve(<WidgetState>{WidgetState.pressed})),
|
|
);
|
|
}
|
|
});
|
|
|
|
testWidgets('YearPicker maintains default year shape at textScaleFactor 1, 1.5, 2', (
|
|
WidgetTester tester,
|
|
) async {
|
|
var textScaleFactor = 1.0;
|
|
Widget buildFrame() {
|
|
return MaterialApp(
|
|
home: Builder(
|
|
builder: (BuildContext context) {
|
|
return MediaQuery.withClampedTextScaling(
|
|
minScaleFactor: textScaleFactor,
|
|
maxScaleFactor: textScaleFactor,
|
|
child: Scaffold(
|
|
body: YearPicker(
|
|
currentDate: DateTime(2025),
|
|
firstDate: DateTime(2021),
|
|
lastDate: DateTime(2030),
|
|
selectedDate: DateTime(2025),
|
|
onChanged: (DateTime value) {},
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(buildFrame());
|
|
|
|
// Find container whose child is text 2025.
|
|
final Finder yearContainer = find
|
|
.ancestor(of: find.text('2025'), matching: find.byType(Container))
|
|
.first;
|
|
|
|
expect(
|
|
tester.renderObject(yearContainer),
|
|
paints..rrect(
|
|
rrect: RRect.fromLTRBR(0.5, 0.5, 71.5, 35.5, const Radius.circular(17.5)),
|
|
color: const Color(0xFF6750A4),
|
|
),
|
|
);
|
|
|
|
textScaleFactor = 1.5;
|
|
await tester.pumpWidget(buildFrame());
|
|
|
|
expect(
|
|
tester.renderObject(yearContainer),
|
|
paints..rrect(
|
|
rrect: RRect.fromLTRBR(0.5, 0.5, 107.5, 51.5, const Radius.circular(25.5)),
|
|
color: const Color(0xFF6750A4),
|
|
),
|
|
);
|
|
|
|
textScaleFactor = 2;
|
|
await tester.pumpWidget(buildFrame());
|
|
|
|
expect(
|
|
tester.renderObject(yearContainer),
|
|
paints..rrect(
|
|
rrect: RRect.fromLTRBR(0.5, 0.5, 143.5, 51.5, const Radius.circular(25.5)),
|
|
color: const Color(0xFF6750A4),
|
|
),
|
|
);
|
|
});
|
|
|
|
testWidgets('YearPicker applies shape from DatePickerThemeData.yearShape correctly', (
|
|
WidgetTester tester,
|
|
) async {
|
|
const OutlinedBorder yearShpae = CircleBorder();
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(
|
|
datePickerTheme: datePickerTheme.copyWith(
|
|
yearShape: WidgetStateProperty.all<OutlinedBorder>(yearShpae),
|
|
),
|
|
),
|
|
home: Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: YearPicker(
|
|
currentDate: DateTime(2025),
|
|
firstDate: DateTime(2021),
|
|
lastDate: DateTime(2030),
|
|
selectedDate: DateTime(2025),
|
|
onChanged: (DateTime value) {},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
final ShapeDecoration year2022Decoration = findTextDecoration(tester, '2022')!;
|
|
final OutlinedBorder year2022roundedRectangleBorder = year2022Decoration.shape as CircleBorder;
|
|
expect(year2022roundedRectangleBorder.side.width, 0.0);
|
|
expect(year2022roundedRectangleBorder.side.color, yearShpae.side.color);
|
|
|
|
final ShapeDecoration year2025Decoration = findTextDecoration(tester, '2025')!;
|
|
final OutlinedBorder year2022RoundedRectangleBorder = year2025Decoration.shape as CircleBorder;
|
|
expect(year2022RoundedRectangleBorder.side.width, datePickerTheme.todayBorder?.width);
|
|
expect(
|
|
year2022RoundedRectangleBorder.side.color,
|
|
datePickerTheme.todayForegroundColor?.resolve(<WidgetState>{}),
|
|
);
|
|
});
|
|
|
|
testWidgets('Toggle button uses DatePickerTheme.toggleButtonTextStyle.color when it is defined', (
|
|
WidgetTester tester,
|
|
) async {
|
|
const toggleButtonTextColor = Color(0xff00ff00);
|
|
const subHeaderForegroundColor = Color(0xffff0000);
|
|
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(
|
|
datePickerTheme: const DatePickerThemeData(
|
|
toggleButtonTextStyle: TextStyle(color: toggleButtonTextColor),
|
|
subHeaderForegroundColor: subHeaderForegroundColor,
|
|
),
|
|
),
|
|
home: DatePickerDialog(
|
|
initialDate: DateTime(2023, DateTime.january, 25),
|
|
firstDate: DateTime(2022),
|
|
lastDate: DateTime(2024, DateTime.december, 31),
|
|
currentDate: DateTime(2023, DateTime.january, 24),
|
|
),
|
|
),
|
|
);
|
|
|
|
final Text toggleButtonText = tester.widget(find.text('January 2023'));
|
|
expect(toggleButtonText.style?.color, toggleButtonTextColor);
|
|
});
|
|
|
|
testWidgets(
|
|
'Toggle button uses DatePickerTheme.subHeaderForegroundColor when DatePickerTheme.toggleButtonTextStyle.color is not defined',
|
|
(WidgetTester tester) async {
|
|
const subHeaderForegroundColor = Color(0xffff0000);
|
|
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(
|
|
datePickerTheme: const DatePickerThemeData(
|
|
toggleButtonTextStyle: TextStyle(),
|
|
subHeaderForegroundColor: subHeaderForegroundColor,
|
|
),
|
|
),
|
|
home: DatePickerDialog(
|
|
initialDate: DateTime(2023, DateTime.january, 25),
|
|
firstDate: DateTime(2022),
|
|
lastDate: DateTime(2024, DateTime.december, 31),
|
|
currentDate: DateTime(2023, DateTime.january, 24),
|
|
),
|
|
),
|
|
);
|
|
|
|
final Text toggleButtonText = tester.widget(find.text('January 2023'));
|
|
expect(toggleButtonText.style?.color, subHeaderForegroundColor);
|
|
},
|
|
);
|
|
}
|