firka/flutter
3
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add test for dynamic_content_color.0.dart (#158309)

Browse Source 
Fixes https://github.com/flutter/flutter/issues/130459

It adds a test for
- `examples/api/lib/material/color_scheme/dynamic_content_color.0.dart`
This commit is contained in:
Valentin Vignal
2024-11-12 19:49:24 +08:00
committed by GitHub
parent 3770a10180
commit 95a9b97f88
3 changed files with 182 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
examples/api/lib/material/color_scheme/dynamic_content_color.0.dart
View File

@@ -9,23 +9,23 @@ import 'package:flutter/material.dart';
const Widget divider = SizedBox(height: 10);
const double narrowScreenWidthThreshold = 400;
void main() => runApp(DynamicColorExample());
void main() => runApp(const DynamicColorExample());
class DynamicColorExample extends StatefulWidget {
DynamicColorExample({super.key});
const DynamicColorExample({super.key});
final List<ImageProvider> images = <NetworkImage>[
const NetworkImage(
static const List<ImageProvider> images = <NetworkImage>[
NetworkImage(
'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_1.png'),
const NetworkImage(
NetworkImage(
'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_2.png'),
const NetworkImage(
NetworkImage(
'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_3.png'),
const NetworkImage(
NetworkImage(
'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_4.png'),
const NetworkImage(
NetworkImage(
'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_5.png'),
const NetworkImage(
NetworkImage(
'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_6.png'),
];
@@ -48,7 +48,7 @@ class _DynamicColorExampleState extends State<DynamicColorExample> {
isLoading = true;
currentColorScheme = const ColorScheme.light();
WidgetsBinding.instance.addPostFrameCallback((_) {
_updateImage(widget.images[selectedImage]);
_updateImage(DynamicColorExample.images[selectedImage]);
isLoading = false;
});
}
@@ -105,7 +105,7 @@ class _DynamicColorExampleState extends State<DynamicColorExample> {
onChanged: (bool value) {
setState(() {
isLight = value;
_updateImage(widget.images[selectedImage]);
_updateImage(DynamicColorExample.images[selectedImage]);
});
})
],
@@ -120,7 +120,7 @@ class _DynamicColorExampleState extends State<DynamicColorExample> {
divider,
_imagesRow(
context,
widget.images,
DynamicColorExample.images,
colorScheme,
),
divider,
@@ -192,7 +192,7 @@ class _DynamicColorExampleState extends State<DynamicColorExample> {
return;
}
setState(() {
selectedImage = widget.images.indexOf(provider);
selectedImage = DynamicColorExample.images.indexOf(provider);
currentColorScheme = newColorScheme;
});
}
@@ -227,7 +227,7 @@ class _DynamicColorExampleState extends State<DynamicColorExample> {
child: GestureDetector(
onTap: () => _updateImage(image),
child: Card(
color: widget.images.indexOf(image) == selectedImage
color: DynamicColorExample.images.indexOf(image) == selectedImage
? colorScheme.primaryContainer
: colorScheme.surface,
child: Padding(

163
examples/api/test/material/color_scheme/dynamic_content_color.0_test.dart Normal file
View File

@@ -0,0 +1,163 @@
// 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 'dart:async';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_api_samples/material/color_scheme/dynamic_content_color.0.dart' as example;
import 'package:flutter_test/flutter_test.dart';
void main() {
testWidgets('The theme colors are created dynamically from the first image', (WidgetTester tester) async {
await HttpOverrides.runZoned(
() async {
await tester.pumpWidget(
const example.DynamicColorExample(),
);
expect(
find.widgetWithText(AppBar, 'Content Based Dynamic Color'),
findsOne,
);
expect(find.byType(Switch), findsOne);
expect(find.byIcon(Icons.light_mode), findsOne);
// Loads the images.
// Using runAsync forces the streams to complete. This is needed because
// loading the fake image is a real async task.
await tester.pump();
await tester.runAsync(() => Future<void>.delayed(Duration.zero));
await tester.runAsync(() => Future<void>.delayed(Duration.zero));
await tester.runAsync(() => Future<void>.delayed(Duration.zero));
await tester.runAsync(() => Future<void>.delayed(Duration.zero));
await tester.runAsync(() => Future<void>.delayed(Duration.zero));
await tester.pump();
await tester.pump(kThemeChangeDuration);
expect(find.byType(Image), findsExactly(6));
expect(find.text('Light ColorScheme'), findsOne);
expect(find.text('Dark ColorScheme'), findsOne);
expect(find.text('primary'), findsExactly(2));
expect(find.text('onPrimary'), findsExactly(2));
expect(find.text('primaryContainer'), findsExactly(2));
expect(find.text('onPrimaryContainer'), findsExactly(2));
expect(find.text('secondary'), findsExactly(2));
expect(find.text('onSecondary'), findsExactly(2));
expect(find.text('secondaryContainer'), findsExactly(2));
expect(find.text('onSecondaryContainer'), findsExactly(2));
expect(find.text('tertiary'), findsExactly(2));
expect(find.text('onTertiary'), findsExactly(2));
expect(find.text('tertiaryContainer'), findsExactly(2));
expect(find.text('onTertiaryContainer'), findsExactly(2));
expect(find.text('error'), findsExactly(2));
expect(find.text('onError'), findsExactly(2));
expect(find.text('errorContainer'), findsExactly(2));
expect(find.text('onErrorContainer'), findsExactly(2));
expect(find.text('surface'), findsExactly(2));
expect(find.text('onSurface'), findsExactly(2));
expect(find.text('onSurfaceVariant'), findsExactly(2));
expect(find.text('outline'), findsExactly(2));
expect(find.text('shadow'), findsExactly(2));
expect(find.text('inverseSurface'), findsExactly(2));
expect(find.text('onInverseSurface'), findsExactly(2));
expect(find.text('inversePrimary'), findsExactly(2));
ThemeData themeData = Theme.of(
tester.element(find.byType(Scaffold)),
);
expect(themeData.colorScheme.primary, const Color(0xff575992));
expect(themeData.colorScheme.secondary, const Color(0xff5d5c72));
await tester.tap(find.byType(Switch));
await tester.pump();
// Loads the images.
// Using runAsync forces the streams to complete. This is needed because
// loading the fake image is a real async task.
await tester.runAsync(() => Future<void>.delayed(Duration.zero));
await tester.runAsync(() => Future<void>.delayed(Duration.zero));
await tester.pump();
await tester.pump(kThemeChangeDuration);
themeData = Theme.of(tester.element(find.byType(Scaffold)));
expect(themeData.primaryColor, const Color(0xff131318));
expect(themeData.colorScheme.secondary, const Color(0xffc6c4dd));
},
createHttpClient: (SecurityContext? securityContext) => _FakeClient(),
);
});
}
class _FakeClient extends Fake implements HttpClient {
@override
Future<HttpClientRequest> getUrl(Uri url) async {
return _FakeHttpClientRequest();
}
@override
bool autoUncompress = true;
}
class _FakeHttpClientRequest extends Fake implements HttpClientRequest {
@override
HttpHeaders get headers => _FakeHttpHeaders();
@override
Future<HttpClientResponse> close() async {
return _FakeHttpClientResponse();
}
}
class _FakeHttpHeaders extends Fake implements HttpHeaders {}
class _FakeHttpClientResponse extends Fake implements HttpClientResponse {
@override
HttpClientResponseCompressionState get compressionState => HttpClientResponseCompressionState.notCompressed;
@override
int get contentLength => _blueSquarePng.length;
@override
int get statusCode => 200;
@override
Future<E> drain<E>([E? futureValue]) {
return Future<E>.value(futureValue as E);
}
@override
StreamSubscription<List<int>> listen(
void Function(List<int> event)? onData, {
Function? onError,
void Function()? onDone,
bool? cancelOnError,
}) {
return Stream<List<int>>.value(_blueSquarePng).listen(
onData,
onDone: onDone,
onError: onError,
cancelOnError: cancelOnError,
);
}
}
/// A 50x50 blue square png.
final Uint8List _blueSquarePng = Uint8List.fromList(const <int>[
0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a, 0x00, 0x00, 0x00, 0x0d, 0x49,
0x48, 0x44, 0x52, 0x00, 0x00, 0x00, 0x32, 0x00, 0x00, 0x00, 0x32, 0x08, 0x06,
0x00, 0x00, 0x00, 0x1e, 0x3f, 0x88, 0xb1, 0x00, 0x00, 0x00, 0x48, 0x49, 0x44,
0x41, 0x54, 0x78, 0xda, 0xed, 0xcf, 0x31, 0x0d, 0x00, 0x30, 0x08, 0x00, 0xb0,
0x61, 0x63, 0x2f, 0xfe, 0x2d, 0x61, 0x05, 0x34, 0xf0, 0x92, 0xd6, 0x41, 0x23,
0x7f, 0xf5, 0x3b, 0x20, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44,
0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44,
0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44, 0x44,
0x44, 0x44, 0x44, 0x36, 0x06, 0x03, 0x6e, 0x69, 0x47, 0x12, 0x8e, 0xea, 0xaa,
0x00, 0x00, 0x00, 0x00, 0x49, 0x45, 0x4e, 0x44, 0xae, 0x42, 0x60, 0x82,
]);