mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
9c3bfde5c0
Updated the localization tests so that they'll DTRT when useMaterial3:true becomes the default for ThemeData. In a few cases there are M2 and M3 tests now, to check features that are significantly different in Material3, notably the double ring for the 24 hour input dial. | Material 2 | Material 3| |---------|---------| | <img width="250" alt="Screenshot 2023-06-08 at 10 47 37 AM" src="https://github.com/flutter/flutter/assets/1377460/6ca95e22-b3f1-4f6b-9e39-79c888ba58f1"> | <img width="257" alt="Screenshot 2023-06-08 at 10 47 13 AM" src="https://github.com/flutter/flutter/assets/1377460/19b685bf-c812-4c87-baed-70fa56efaad8"> | In M3, most aspects of the ideographic text styles are the same as for alphabetic styles, so there are some tweaks here to account for that.
180 lines
7.0 KiB
Dart
180 lines
7.0 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/material.dart';
|
|
import 'package:flutter_localizations/flutter_localizations.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
void main() {
|
|
testWidgets('Text baseline with CJK locale', (WidgetTester tester) async {
|
|
// This test in combination with 'Text baseline with EN locale' verify the baselines
|
|
// used to align text with ideographic baselines are reasonable. We are currently
|
|
// using the alphabetic baseline to lay out as the ideographic baseline is not yet
|
|
// properly implemented. When the ideographic baseline is better defined and implemented,
|
|
// the values of this test should change very slightly. See the issue this is based off
|
|
// of: https://github.com/flutter/flutter/issues/25782.
|
|
final Key targetKey = UniqueKey();
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(useMaterial3: true),
|
|
routes: <String, WidgetBuilder>{
|
|
'/next': (BuildContext context) {
|
|
return const Text('Next');
|
|
},
|
|
},
|
|
localizationsDelegates: GlobalMaterialLocalizations.delegates,
|
|
supportedLocales: const <Locale>[
|
|
Locale('en', 'US'),
|
|
Locale('es', 'ES'),
|
|
Locale('zh', 'CN'),
|
|
],
|
|
locale: const Locale('zh', 'CN'),
|
|
home: Material(
|
|
child: Center(
|
|
child: Builder(
|
|
key: targetKey,
|
|
builder: (BuildContext context) {
|
|
return PopupMenuButton<int>(
|
|
onSelected: (int value) {
|
|
Navigator.pushNamed(context, '/next');
|
|
},
|
|
itemBuilder: (BuildContext context) {
|
|
return <PopupMenuItem<int>>[
|
|
const PopupMenuItem<int>(
|
|
value: 1,
|
|
child: Text(
|
|
'hello, world',
|
|
style: TextStyle(color: Colors.blue),
|
|
),
|
|
),
|
|
const PopupMenuItem<int>(
|
|
value: 2,
|
|
child: Text(
|
|
'你好，世界',
|
|
style: TextStyle(color: Colors.blue),
|
|
),
|
|
),
|
|
];
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
await tester.tap(find.byKey(targetKey));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('hello, world'), findsOneWidget);
|
|
expect(find.text('你好，世界'), findsOneWidget);
|
|
|
|
Offset topLeft = tester.getTopLeft(find.text('hello, world'));
|
|
Offset topRight = tester.getTopRight(find.text('hello, world'));
|
|
Offset bottomLeft = tester.getBottomLeft(find.text('hello, world'));
|
|
Offset bottomRight = tester.getBottomRight(find.text('hello, world'));
|
|
|
|
expect(topLeft, const Offset(392.0, 298.0));
|
|
expect(topRight, const Offset(562.0, 298.0));
|
|
expect(bottomLeft, const Offset(392.0, 318.0));
|
|
expect(bottomRight, const Offset(562.0, 318.0));
|
|
|
|
topLeft = tester.getTopLeft(find.text('你好，世界'));
|
|
topRight = tester.getTopRight(find.text('你好，世界'));
|
|
bottomLeft = tester.getBottomLeft(find.text('你好，世界'));
|
|
bottomRight = tester.getBottomRight(find.text('你好，世界'));
|
|
|
|
expect(topLeft, const Offset(392.0, 346.0));
|
|
expect(topRight, const Offset(463.0, 346.0));
|
|
expect(bottomLeft, const Offset(392.0, 366.0));
|
|
expect(bottomRight, const Offset(463.0, 366.0));
|
|
});
|
|
|
|
testWidgets('Text baseline with EN locale', (WidgetTester tester) async {
|
|
// This test in combination with 'Text baseline with CJK locale' verify the baselines
|
|
// used to align text with ideographic baselines are reasonable. We are currently
|
|
// using the alphabetic baseline to lay out as the ideographic baseline is not yet
|
|
// properly implemented. When the ideographic baseline is better defined and implemented,
|
|
// the values of this test should change very slightly. See the issue this is based off
|
|
// of: https://github.com/flutter/flutter/issues/25782.
|
|
final Key targetKey = UniqueKey();
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(useMaterial3: true),
|
|
routes: <String, WidgetBuilder>{
|
|
'/next': (BuildContext context) {
|
|
return const Text('Next');
|
|
},
|
|
},
|
|
localizationsDelegates: GlobalMaterialLocalizations.delegates,
|
|
supportedLocales: const <Locale>[
|
|
Locale('en', 'US'),
|
|
Locale('es', 'ES'),
|
|
Locale('zh', 'CN'),
|
|
],
|
|
locale: const Locale('en', 'US'),
|
|
home: Material(
|
|
child: Center(
|
|
child: Builder(
|
|
key: targetKey,
|
|
builder: (BuildContext context) {
|
|
return PopupMenuButton<int>(
|
|
onSelected: (int value) {
|
|
Navigator.pushNamed(context, '/next');
|
|
},
|
|
itemBuilder: (BuildContext context) {
|
|
return <PopupMenuItem<int>>[
|
|
const PopupMenuItem<int>(
|
|
value: 1,
|
|
child: Text(
|
|
'hello, world',
|
|
style: TextStyle(color: Colors.blue),
|
|
),
|
|
),
|
|
const PopupMenuItem<int>(
|
|
value: 2,
|
|
child: Text(
|
|
'你好，世界',
|
|
style: TextStyle(color: Colors.blue),
|
|
),
|
|
),
|
|
];
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
await tester.tap(find.byKey(targetKey));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('hello, world'), findsOneWidget);
|
|
expect(find.text('你好，世界'), findsOneWidget);
|
|
|
|
Offset topLeft = tester.getTopLeft(find.text('hello, world'));
|
|
Offset topRight = tester.getTopRight(find.text('hello, world'));
|
|
Offset bottomLeft = tester.getBottomLeft(find.text('hello, world'));
|
|
Offset bottomRight = tester.getBottomRight(find.text('hello, world'));
|
|
|
|
expect(topLeft, const Offset(392.0, 298.0));
|
|
expect(topRight, const Offset(562.0, 298.0));
|
|
expect(bottomLeft, const Offset(392.0, 318.0));
|
|
expect(bottomRight, const Offset(562.0, 318.0));
|
|
|
|
topLeft = tester.getTopLeft(find.text('你好，世界'));
|
|
topRight = tester.getTopRight(find.text('你好，世界'));
|
|
bottomLeft = tester.getBottomLeft(find.text('你好，世界'));
|
|
bottomRight = tester.getBottomRight(find.text('你好，世界'));
|
|
|
|
expect(topLeft, const Offset(392.0, 346.0));
|
|
expect(topRight, const Offset(463.0, 346.0));
|
|
expect(bottomLeft, const Offset(392.0, 366.0));
|
|
expect(bottomRight, const Offset(463.0, 366.0));
|
|
});
|
|
}
|