276 lines
9.8 KiB
Dart
276 lines
9.8 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.
|
|
|
|
// This file is run as part of a reduced test set in CI on Mac and Windows
|
|
// machines.
|
|
@Tags(<String>['reduced-test-set'])
|
|
library;
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
// TODO(hansmuller): when https://github.com/flutter/flutter/issues/17700
|
|
// is fixed, these tests should be updated to use a real font (not Ahem).
|
|
|
|
void main() {
|
|
testWidgets('Material2 - RichText TextSpan styles with different locales', (
|
|
WidgetTester tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(useMaterial3: false),
|
|
supportedLocales: const <Locale>[Locale('en', 'US'), Locale('ja'), Locale('zh')],
|
|
home: Builder(
|
|
builder: (BuildContext context) {
|
|
const character = '骨';
|
|
final TextStyle style = Theme.of(context).textTheme.displayMedium!;
|
|
return Scaffold(
|
|
body: Container(
|
|
padding: const EdgeInsets.all(48.0),
|
|
alignment: Alignment.center,
|
|
child: RepaintBoundary(
|
|
// Expected result can be seen here:
|
|
// https://user-images.githubusercontent.com/1377460/40503473-faad6f34-5f42-11e8-972b-d83b727c9d0e.png
|
|
child: RichText(
|
|
text: TextSpan(
|
|
children: <TextSpan>[
|
|
TextSpan(
|
|
text: character,
|
|
style: style.copyWith(locale: const Locale('ja')),
|
|
),
|
|
TextSpan(
|
|
text: character,
|
|
style: style.copyWith(locale: const Locale('zh')),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
|
|
await expectLater(
|
|
find.byType(RichText),
|
|
matchesGoldenFile('m2_localized_fonts.rich_text.styled_text_span.png'),
|
|
);
|
|
});
|
|
|
|
testWidgets('Material3 - RichText TextSpan styles with different locales', (
|
|
WidgetTester tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
supportedLocales: const <Locale>[Locale('en', 'US'), Locale('ja'), Locale('zh')],
|
|
home: Builder(
|
|
builder: (BuildContext context) {
|
|
const character = '骨';
|
|
final TextStyle style = Theme.of(context).textTheme.displayMedium!;
|
|
return Scaffold(
|
|
body: Container(
|
|
padding: const EdgeInsets.all(48.0),
|
|
alignment: Alignment.center,
|
|
child: RepaintBoundary(
|
|
// Expected result can be seen here:
|
|
// https://user-images.githubusercontent.com/1377460/40503473-faad6f34-5f42-11e8-972b-d83b727c9d0e.png
|
|
child: RichText(
|
|
text: TextSpan(
|
|
children: <TextSpan>[
|
|
TextSpan(
|
|
text: character,
|
|
style: style.copyWith(locale: const Locale('ja')),
|
|
),
|
|
TextSpan(
|
|
text: character,
|
|
style: style.copyWith(locale: const Locale('zh')),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
|
|
await expectLater(
|
|
find.byType(RichText),
|
|
matchesGoldenFile('m3_localized_fonts.rich_text.styled_text_span.png'),
|
|
);
|
|
});
|
|
|
|
testWidgets('Material2 - Text with locale-specific glyphs, ambient locale', (
|
|
WidgetTester tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(useMaterial3: false),
|
|
supportedLocales: const <Locale>[Locale('en', 'US'), Locale('ja'), Locale('zh')],
|
|
home: Builder(
|
|
builder: (BuildContext context) {
|
|
const character = '骨';
|
|
final TextStyle style = Theme.of(context).textTheme.displayMedium!;
|
|
return Scaffold(
|
|
body: Container(
|
|
padding: const EdgeInsets.all(48.0),
|
|
alignment: Alignment.center,
|
|
child: RepaintBoundary(
|
|
// Expected result can be seen here:
|
|
// https://user-images.githubusercontent.com/1377460/40503473-faad6f34-5f42-11e8-972b-d83b727c9d0e.png
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: <Widget>[
|
|
Localizations.override(
|
|
context: context,
|
|
locale: const Locale('ja'),
|
|
child: Text(character, style: style),
|
|
),
|
|
Localizations.override(
|
|
context: context,
|
|
locale: const Locale('zh'),
|
|
child: Text(character, style: style),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
|
|
await expectLater(
|
|
find.byType(Row),
|
|
matchesGoldenFile('localized_fonts.text_ambient_locale.chars.png'),
|
|
);
|
|
});
|
|
|
|
testWidgets('Material3 - Text with locale-specific glyphs, ambient locale', (
|
|
WidgetTester tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
supportedLocales: const <Locale>[Locale('en', 'US'), Locale('ja'), Locale('zh')],
|
|
home: Builder(
|
|
builder: (BuildContext context) {
|
|
const character = '骨';
|
|
final TextStyle style = Theme.of(context).textTheme.displayMedium!;
|
|
return Scaffold(
|
|
body: Container(
|
|
padding: const EdgeInsets.all(48.0),
|
|
alignment: Alignment.center,
|
|
child: RepaintBoundary(
|
|
// Expected result can be seen here:
|
|
// https://user-images.githubusercontent.com/1377460/40503473-faad6f34-5f42-11e8-972b-d83b727c9d0e.png
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: <Widget>[
|
|
Localizations.override(
|
|
context: context,
|
|
locale: const Locale('ja'),
|
|
child: Text(character, style: style),
|
|
),
|
|
Localizations.override(
|
|
context: context,
|
|
locale: const Locale('zh'),
|
|
child: Text(character, style: style),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
|
|
await expectLater(
|
|
find.byType(Row),
|
|
matchesGoldenFile('m3_localized_fonts.text_ambient_locale.chars.png'),
|
|
);
|
|
});
|
|
|
|
testWidgets('Material2 - Text with locale-specific glyphs, explicit locale', (
|
|
WidgetTester tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(useMaterial3: false),
|
|
supportedLocales: const <Locale>[Locale('en', 'US'), Locale('ja'), Locale('zh')],
|
|
home: Builder(
|
|
builder: (BuildContext context) {
|
|
const character = '骨';
|
|
final TextStyle style = Theme.of(context).textTheme.displayMedium!;
|
|
return Scaffold(
|
|
body: Container(
|
|
padding: const EdgeInsets.all(48.0),
|
|
alignment: Alignment.center,
|
|
child: RepaintBoundary(
|
|
// Expected result can be seen here:
|
|
// https://user-images.githubusercontent.com/1377460/40503473-faad6f34-5f42-11e8-972b-d83b727c9d0e.png
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: <Widget>[
|
|
Text(character, style: style, locale: const Locale('ja')),
|
|
Text(character, style: style, locale: const Locale('zh')),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
|
|
await expectLater(
|
|
find.byType(Row),
|
|
matchesGoldenFile('m2_localized_fonts.text_explicit_locale.chars.png'),
|
|
);
|
|
});
|
|
|
|
testWidgets('Material3 - Text with locale-specific glyphs, explicit locale', (
|
|
WidgetTester tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
supportedLocales: const <Locale>[Locale('en', 'US'), Locale('ja'), Locale('zh')],
|
|
home: Builder(
|
|
builder: (BuildContext context) {
|
|
const character = '骨';
|
|
final TextStyle style = Theme.of(context).textTheme.displayMedium!;
|
|
return Scaffold(
|
|
body: Container(
|
|
padding: const EdgeInsets.all(48.0),
|
|
alignment: Alignment.center,
|
|
child: RepaintBoundary(
|
|
// Expected result can be seen here:
|
|
// https://user-images.githubusercontent.com/1377460/40503473-faad6f34-5f42-11e8-972b-d83b727c9d0e.png
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: <Widget>[
|
|
Text(character, style: style, locale: const Locale('ja')),
|
|
Text(character, style: style, locale: const Locale('zh')),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
|
|
await expectLater(
|
|
find.byType(Row),
|
|
matchesGoldenFile('m3_localized_fonts.text_explicit_locale.chars.png'),
|
|
);
|
|
});
|
|
}
|