flutter/dev/a11y_assessments/test/home_page_test.dart
Joy Serquiña 85b3d97673
fix(flutter/a11y assessments): h1 missing a11y from each page on the web app (#152198)
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
2024-08-13 22:22:28 +00:00

151 lines
7.2 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/main.dart';
import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:material_color_utilities/material_color_utilities.dart';
void main() {
testWidgets('Has light and dark theme', (WidgetTester tester) async {
await tester.pumpWidget(const App());
final MaterialApp app =
find.byType(MaterialApp).evaluate().first.widget as MaterialApp;
expect(app.theme!.brightness, equals(Brightness.light));
expect(app.darkTheme!.brightness, equals(Brightness.dark));
});
testWidgets('App can generate high-contrast color scheme',
(WidgetTester tester) async {
await tester.pumpWidget(const MediaQuery(
data: MediaQueryData(
highContrast: true,
),
child: App()));
final MaterialApp app =
find.byType(MaterialApp).evaluate().first.widget as MaterialApp;
final DynamicScheme highContrastScheme = SchemeTonalSpot(
sourceColorHct: Hct.fromInt(const Color(0xff6750a4).value),
isDark: false,
contrastLevel: 1.0);
final ColorScheme appScheme = app.theme!.colorScheme;
expect(appScheme.primary.value,
MaterialDynamicColors.primary.getArgb(highContrastScheme));
expect(appScheme.onPrimary.value,
MaterialDynamicColors.onPrimary.getArgb(highContrastScheme));
expect(appScheme.primaryContainer.value,
MaterialDynamicColors.primaryContainer.getArgb(highContrastScheme));
expect(appScheme.onPrimaryContainer.value,
MaterialDynamicColors.onPrimaryContainer.getArgb(highContrastScheme));
expect(appScheme.primaryFixed.value,
MaterialDynamicColors.primaryFixed.getArgb(highContrastScheme));
expect(appScheme.primaryFixedDim.value,
MaterialDynamicColors.primaryFixedDim.getArgb(highContrastScheme));
expect(appScheme.onPrimaryFixed.value,
MaterialDynamicColors.onPrimaryFixed.getArgb(highContrastScheme));
expect(
appScheme.onPrimaryFixedVariant.value,
MaterialDynamicColors.onPrimaryFixedVariant
.getArgb(highContrastScheme));
expect(appScheme.secondary.value,
MaterialDynamicColors.secondary.getArgb(highContrastScheme));
expect(appScheme.onSecondary.value,
MaterialDynamicColors.onSecondary.getArgb(highContrastScheme));
expect(appScheme.secondaryContainer.value,
MaterialDynamicColors.secondaryContainer.getArgb(highContrastScheme));
expect(appScheme.onSecondaryContainer.value,
MaterialDynamicColors.onSecondaryContainer.getArgb(highContrastScheme));
expect(appScheme.secondaryFixed.value,
MaterialDynamicColors.secondaryFixed.getArgb(highContrastScheme));
expect(appScheme.secondaryFixedDim.value,
MaterialDynamicColors.secondaryFixedDim.getArgb(highContrastScheme));
expect(appScheme.onSecondaryFixed.value,
MaterialDynamicColors.onSecondaryFixed.getArgb(highContrastScheme));
expect(
appScheme.onSecondaryFixedVariant.value,
MaterialDynamicColors.onSecondaryFixedVariant
.getArgb(highContrastScheme));
expect(appScheme.tertiary.value,
MaterialDynamicColors.tertiary.getArgb(highContrastScheme));
expect(appScheme.onTertiary.value,
MaterialDynamicColors.onTertiary.getArgb(highContrastScheme));
expect(appScheme.tertiaryContainer.value,
MaterialDynamicColors.tertiaryContainer.getArgb(highContrastScheme));
expect(appScheme.onTertiaryContainer.value,
MaterialDynamicColors.onTertiaryContainer.getArgb(highContrastScheme));
expect(appScheme.tertiaryFixed.value,
MaterialDynamicColors.tertiaryFixed.getArgb(highContrastScheme));
expect(appScheme.tertiaryFixedDim.value,
MaterialDynamicColors.tertiaryFixedDim.getArgb(highContrastScheme));
expect(appScheme.onTertiaryFixed.value,
MaterialDynamicColors.onTertiaryFixed.getArgb(highContrastScheme));
expect(
appScheme.onTertiaryFixedVariant.value,
MaterialDynamicColors.onTertiaryFixedVariant
.getArgb(highContrastScheme));
expect(appScheme.error.value,
MaterialDynamicColors.error.getArgb(highContrastScheme));
expect(appScheme.onError.value,
MaterialDynamicColors.onError.getArgb(highContrastScheme));
expect(appScheme.errorContainer.value,
MaterialDynamicColors.errorContainer.getArgb(highContrastScheme));
expect(appScheme.onErrorContainer.value,
MaterialDynamicColors.onErrorContainer.getArgb(highContrastScheme));
expect(appScheme.background.value,
MaterialDynamicColors.background.getArgb(highContrastScheme));
expect(appScheme.onBackground.value,
MaterialDynamicColors.onBackground.getArgb(highContrastScheme));
expect(appScheme.surface.value,
MaterialDynamicColors.surface.getArgb(highContrastScheme));
expect(appScheme.surfaceDim.value,
MaterialDynamicColors.surfaceDim.getArgb(highContrastScheme));
expect(appScheme.surfaceBright.value,
MaterialDynamicColors.surfaceBright.getArgb(highContrastScheme));
expect(
appScheme.surfaceContainerLowest.value,
MaterialDynamicColors.surfaceContainerLowest
.getArgb(highContrastScheme));
expect(appScheme.surfaceContainerLow.value,
MaterialDynamicColors.surfaceContainerLow.getArgb(highContrastScheme));
expect(appScheme.surfaceContainer.value,
MaterialDynamicColors.surfaceContainer.getArgb(highContrastScheme));
expect(appScheme.surfaceContainerHigh.value,
MaterialDynamicColors.surfaceContainerHigh.getArgb(highContrastScheme));
expect(
appScheme.surfaceContainerHighest.value,
MaterialDynamicColors.surfaceContainerHighest
.getArgb(highContrastScheme));
expect(appScheme.onSurface.value,
MaterialDynamicColors.onSurface.getArgb(highContrastScheme));
expect(appScheme.surfaceVariant.value,
MaterialDynamicColors.surfaceVariant.getArgb(highContrastScheme));
expect(appScheme.onSurfaceVariant.value,
MaterialDynamicColors.onSurfaceVariant.getArgb(highContrastScheme));
expect(appScheme.outline.value,
MaterialDynamicColors.outline.getArgb(highContrastScheme));
expect(appScheme.outlineVariant.value,
MaterialDynamicColors.outlineVariant.getArgb(highContrastScheme));
expect(appScheme.shadow.value,
MaterialDynamicColors.shadow.getArgb(highContrastScheme));
expect(appScheme.scrim.value,
MaterialDynamicColors.scrim.getArgb(highContrastScheme));
expect(appScheme.inverseSurface.value,
MaterialDynamicColors.inverseSurface.getArgb(highContrastScheme));
expect(appScheme.onInverseSurface.value,
MaterialDynamicColors.inverseOnSurface.getArgb(highContrastScheme));
expect(appScheme.inversePrimary.value,
MaterialDynamicColors.inversePrimary.getArgb(highContrastScheme));
});
testWidgets('a11y assessments home page has one h1 tag', (WidgetTester tester) async {
await tester.pumpWidget(const App());
final Finder findHeadingLevelOnes = find.bySemanticsLabel('Accessibility Assessments');
await tester.pumpAndSettle();
expect(findHeadingLevelOnes, findsOne);
});
}