mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00

Adds Semantic Widget to wrap the contents of each page's AppBar title attribute and adds header: true and headingLevel: 1 as Semantic attributes so the content of the title is compiled as an h1 tag to meet accessibility guidelines that each page must have a h1 tag present. Also updates the test cases for the home page and each use case page to check for its respective h1. [Before Screenshot - Accessibility Assessments Home Page](https://screenshot.googleplex.com/4i9LuiGwvLnEcZ8) [Before Screenshot - Checkbox List Title -- note: each use case page is missing an h1](https://screenshot.googleplex.com/3qQjfqvAMTehRsm) [After Screenshot - Accessibility Assessments Home Page](https://screenshot.googleplex.com/APSJJXBmwNBP35m) [After Screenshot - Checkbox List Title-- note: change is similar across each Accessibility use case page](https://screenshot.googleplex.com/6EGgZnTusEgeN5L) Fixes b/338035526
75 lines
2.4 KiB
Dart
75 lines
2.4 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:a11y_assessments/use_cases/text_field.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
import 'test_utils.dart';
|
|
|
|
void main() {
|
|
testWidgets('text field can run', (WidgetTester tester) async {
|
|
await pumpsUseCase(tester, TextFieldUseCase());
|
|
expect(find.byType(TextField), findsExactly(2));
|
|
|
|
// Test the enabled text field
|
|
{
|
|
final Finder finder = find.byKey(const Key('enabled text field'));
|
|
await tester.tap(finder);
|
|
await tester.pumpAndSettle();
|
|
await tester.enterText(finder, 'abc');
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('abc'), findsOneWidget);
|
|
}
|
|
|
|
// Test the disabled text field
|
|
{
|
|
final Finder finder = find.byKey(const Key('disabled text field'));
|
|
final TextField textField = tester.widget<TextField>(finder);
|
|
expect(textField.enabled, isFalse);
|
|
}
|
|
});
|
|
|
|
testWidgets('font size increase does not ellipsize hint text',
|
|
(WidgetTester tester) async {
|
|
await pumpsUseCase(tester, TextFieldUseCase());
|
|
await tester.pumpWidget(MaterialApp(
|
|
home: MediaQuery.withClampedTextScaling(
|
|
minScaleFactor: 3,
|
|
maxScaleFactor: 3,
|
|
child: Builder(
|
|
builder: (BuildContext context) {
|
|
return TextFieldUseCase().build(context);
|
|
},
|
|
),
|
|
),
|
|
));
|
|
// Test the enabled text field
|
|
{
|
|
final Finder finder = find.byKey(const Key('enabled text field'));
|
|
await tester.tap(finder);
|
|
await tester.pumpAndSettle();
|
|
final Size size = tester.getSize(finder);
|
|
// Should have a multi-line height.
|
|
expect(size.height, 280);
|
|
}
|
|
});
|
|
|
|
testWidgets('text field wrapper exists', (WidgetTester tester) async {
|
|
await pumpsUseCase(tester, TextFieldUseCase());
|
|
const String textFieldLabel = 'Input field with suffix @gmail.com';
|
|
|
|
final Finder semanticsWidgets =
|
|
find.bySemanticsLabel(RegExp(textFieldLabel));
|
|
expect(semanticsWidgets, findsExactly(2));
|
|
});
|
|
|
|
testWidgets('text field demo page has one h1 tag', (WidgetTester tester) async {
|
|
await pumpsUseCase(tester, TextFieldUseCase());
|
|
final Finder findHeadingLevelOnes = find.bySemanticsLabel('TextField demo');
|
|
await tester.pumpAndSettle();
|
|
expect(findHeadingLevelOnes, findsOne);
|
|
});
|
|
}
|