ec9965bd89
Reverts: flutter/flutter#142942 Initiated by: zanderso Reason for reverting: Seems to have affected iOS platform view focus: https://ci.chromium.org/ui/p/flutter/builders/prod/Mac_ios%20native_platform_view_ui_tests_ios/10626/overview Original PR Author: gspencergoog Reviewed By: {yjbanov, goderbauer, chunhtai} This change reverts the following previous change: ## Description This causes the `Focus` widget to request focus on its focus node if the accessibility system (screen reader) focuses a widget via the `SemanticsAction.focus` action. ## Related Issues - https://github.com/flutter/flutter/issues/83809 ## Tests - Added a test to make sure that focus is requested when `SemanticsAction.focus` is sent by the engine.
312 lines
9.3 KiB
Dart
312 lines
9.3 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/rendering.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
import '../widgets/semantics_tester.dart';
|
|
|
|
void main() {
|
|
testWidgets('Material3 - Card defaults (Elevated card)', (WidgetTester tester) async {
|
|
final ThemeData theme = ThemeData();
|
|
final ColorScheme colors = theme.colorScheme;
|
|
await tester.pumpWidget(MaterialApp(
|
|
theme: theme,
|
|
home: const Scaffold(
|
|
body: Card(),
|
|
),
|
|
));
|
|
|
|
final Padding padding = _getCardPadding(tester);
|
|
final Material material = _getCardMaterial(tester);
|
|
|
|
expect(material.clipBehavior, Clip.none);
|
|
expect(material.elevation, 1.0);
|
|
expect(padding.padding, const EdgeInsets.all(4.0));
|
|
expect(material.color, colors.surfaceContainerLow);
|
|
expect(material.shadowColor, colors.shadow);
|
|
expect(material.surfaceTintColor, Colors.transparent); // Don't use surface tint. Toned surface container is used instead.
|
|
expect(material.shape, const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(12.0)),
|
|
));
|
|
});
|
|
|
|
testWidgets('Material3 - Card.filled defaults', (WidgetTester tester) async {
|
|
final ThemeData theme = ThemeData();
|
|
final ColorScheme colors = theme.colorScheme;
|
|
await tester.pumpWidget(MaterialApp(
|
|
theme: theme,
|
|
home: const Scaffold(
|
|
body: Card.filled(),
|
|
),
|
|
));
|
|
|
|
final Padding padding = _getCardPadding(tester);
|
|
final Material material = _getCardMaterial(tester);
|
|
|
|
expect(material.clipBehavior, Clip.none);
|
|
expect(material.elevation, 0.0);
|
|
expect(padding.padding, const EdgeInsets.all(4.0));
|
|
expect(material.color, colors.surfaceContainerHighest);
|
|
expect(material.shadowColor, colors.shadow);
|
|
expect(material.surfaceTintColor, Colors.transparent);
|
|
expect(material.shape, const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(12.0)),
|
|
));
|
|
});
|
|
|
|
testWidgets('Material3 - Card.outlined defaults', (WidgetTester tester) async {
|
|
final ThemeData theme = ThemeData();
|
|
final ColorScheme colors = theme.colorScheme;
|
|
await tester.pumpWidget(MaterialApp(
|
|
theme: theme,
|
|
home: const Scaffold(
|
|
body: Card.outlined(),
|
|
),
|
|
));
|
|
|
|
final Padding padding = _getCardPadding(tester);
|
|
final Material material = _getCardMaterial(tester);
|
|
|
|
expect(material.clipBehavior, Clip.none);
|
|
expect(material.elevation, 0.0);
|
|
expect(padding.padding, const EdgeInsets.all(4.0));
|
|
expect(material.color, colors.surface);
|
|
expect(material.shadowColor, colors.shadow);
|
|
expect(material.surfaceTintColor, Colors.transparent);
|
|
expect(material.shape, RoundedRectangleBorder(
|
|
side: BorderSide(color: colors.outlineVariant),
|
|
borderRadius: const BorderRadius.all(Radius.circular(12.0)),
|
|
));
|
|
});
|
|
|
|
testWidgets('Card can take semantic text from multiple children', (WidgetTester tester) async {
|
|
final SemanticsTester semantics = SemanticsTester(tester);
|
|
await tester.pumpWidget(
|
|
Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: Card(
|
|
semanticContainer: false,
|
|
child: Column(
|
|
children: <Widget>[
|
|
const Text('I am text!'),
|
|
const Text('Moar text!!1'),
|
|
ElevatedButton(
|
|
onPressed: () { },
|
|
child: const Text('Button'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
expect(semantics, hasSemantics(
|
|
TestSemantics.root(
|
|
children: <TestSemantics>[
|
|
TestSemantics(
|
|
id: 1,
|
|
elevation: 1.0,
|
|
thickness: 0.0,
|
|
children: <TestSemantics>[
|
|
TestSemantics(
|
|
id: 2,
|
|
label: 'I am text!',
|
|
textDirection: TextDirection.ltr,
|
|
),
|
|
TestSemantics(
|
|
id: 3,
|
|
label: 'Moar text!!1',
|
|
textDirection: TextDirection.ltr,
|
|
),
|
|
TestSemantics(
|
|
id: 4,
|
|
label: 'Button',
|
|
textDirection: TextDirection.ltr,
|
|
actions: <SemanticsAction>[
|
|
SemanticsAction.tap,
|
|
],
|
|
flags: <SemanticsFlag>[
|
|
SemanticsFlag.hasEnabledState,
|
|
SemanticsFlag.isButton,
|
|
SemanticsFlag.isEnabled,
|
|
SemanticsFlag.isFocusable,
|
|
],
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
ignoreTransform: true,
|
|
ignoreRect: true,
|
|
));
|
|
|
|
semantics.dispose();
|
|
});
|
|
|
|
testWidgets('Card merges children when it is a semanticContainer', (WidgetTester tester) async {
|
|
final SemanticsTester semantics = SemanticsTester(tester);
|
|
debugResetSemanticsIdCounter();
|
|
|
|
await tester.pumpWidget(
|
|
const Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: Card(
|
|
child: Column(
|
|
children: <Widget>[
|
|
Text('First child'),
|
|
Text('Second child'),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
expect(semantics, hasSemantics(
|
|
TestSemantics.root(
|
|
children: <TestSemantics>[
|
|
TestSemantics(
|
|
id: 1,
|
|
label: 'First child\nSecond child',
|
|
textDirection: TextDirection.ltr,
|
|
),
|
|
],
|
|
),
|
|
ignoreTransform: true,
|
|
ignoreRect: true,
|
|
));
|
|
|
|
semantics.dispose();
|
|
});
|
|
|
|
testWidgets('Card margin', (WidgetTester tester) async {
|
|
const Key contentsKey = ValueKey<String>('contents');
|
|
|
|
await tester.pumpWidget(
|
|
Container(
|
|
alignment: Alignment.topLeft,
|
|
child: Card(
|
|
child: Container(
|
|
key: contentsKey,
|
|
color: const Color(0xFF00FF00),
|
|
width: 100.0,
|
|
height: 100.0,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Default margin is 4
|
|
expect(tester.getTopLeft(find.byType(Card)), Offset.zero);
|
|
expect(tester.getSize(find.byType(Card)), const Size(108.0, 108.0));
|
|
|
|
expect(tester.getTopLeft(find.byKey(contentsKey)), const Offset(4.0, 4.0));
|
|
expect(tester.getSize(find.byKey(contentsKey)), const Size(100.0, 100.0));
|
|
|
|
await tester.pumpWidget(
|
|
Container(
|
|
alignment: Alignment.topLeft,
|
|
child: Card(
|
|
margin: EdgeInsets.zero,
|
|
child: Container(
|
|
key: contentsKey,
|
|
color: const Color(0xFF00FF00),
|
|
width: 100.0,
|
|
height: 100.0,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Specified margin is zero
|
|
expect(tester.getTopLeft(find.byType(Card)), Offset.zero);
|
|
expect(tester.getSize(find.byType(Card)), const Size(100.0, 100.0));
|
|
|
|
expect(tester.getTopLeft(find.byKey(contentsKey)), Offset.zero);
|
|
expect(tester.getSize(find.byKey(contentsKey)), const Size(100.0, 100.0));
|
|
});
|
|
|
|
testWidgets('Card clipBehavior property passes through to the Material', (WidgetTester tester) async {
|
|
await tester.pumpWidget(const Card());
|
|
expect(tester.widget<Material>(find.byType(Material)).clipBehavior, Clip.none);
|
|
|
|
await tester.pumpWidget(const Card(clipBehavior: Clip.antiAlias));
|
|
expect(tester.widget<Material>(find.byType(Material)).clipBehavior, Clip.antiAlias);
|
|
});
|
|
|
|
testWidgets('Card clipBehavior property defers to theme when null', (WidgetTester tester) async {
|
|
await tester.pumpWidget(Builder(builder: (BuildContext context) {
|
|
final ThemeData themeData = Theme.of(context);
|
|
return Theme(
|
|
data: themeData.copyWith(
|
|
cardTheme: themeData.cardTheme.copyWith(
|
|
clipBehavior: Clip.antiAliasWithSaveLayer,
|
|
),
|
|
),
|
|
child: const Card(),
|
|
);
|
|
}));
|
|
expect(tester.widget<Material>(find.byType(Material)).clipBehavior, Clip.antiAliasWithSaveLayer);
|
|
});
|
|
|
|
testWidgets('Card shadowColor', (WidgetTester tester) async {
|
|
Material getCardMaterial(WidgetTester tester) {
|
|
return tester.widget<Material>(
|
|
find.descendant(
|
|
of: find.byType(Card),
|
|
matching: find.byType(Material),
|
|
),
|
|
);
|
|
}
|
|
|
|
Card getCard(WidgetTester tester) {
|
|
return tester.widget<Card>(
|
|
find.byType(Card),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(
|
|
const Card(),
|
|
);
|
|
|
|
expect(getCard(tester).shadowColor, null);
|
|
expect(getCardMaterial(tester).shadowColor, const Color(0xFF000000));
|
|
|
|
await tester.pumpWidget(
|
|
const Card(
|
|
shadowColor: Colors.red,
|
|
),
|
|
);
|
|
|
|
expect(getCardMaterial(tester).shadowColor, getCard(tester).shadowColor);
|
|
expect(getCardMaterial(tester).shadowColor, Colors.red);
|
|
});
|
|
}
|
|
|
|
Material _getCardMaterial(WidgetTester tester) {
|
|
return tester.widget<Material>(
|
|
find.descendant(
|
|
of: find.byType(Card),
|
|
matching: find.byType(Material),
|
|
),
|
|
);
|
|
}
|
|
|
|
Padding _getCardPadding(WidgetTester tester) {
|
|
return tester.widget<Padding>(
|
|
find.descendant(
|
|
of: find.byType(Card),
|
|
matching: find.byType(Padding),
|
|
),
|
|
);
|
|
}
|