YaruRadioButton: add golden test (#330)

ubuntu · Oct 24, 2022 · d41e2f0 · d41e2f0
1 parent 463c13e
commit d41e2f0
Show file tree

Hide file tree

Showing 21 changed files with 67 additions and 0 deletions.
diff --git a/test/controls/goldens/yaru_radio_button-checked-dark.png b/test/controls/goldens/yaru_radio_button-checked-dark.png
diff --git a/test/controls/goldens/yaru_radio_button-checked-disabled-dark.png b/test/controls/goldens/yaru_radio_button-checked-disabled-dark.png
diff --git a/test/controls/goldens/yaru_radio_button-checked-disabled-light.png b/test/controls/goldens/yaru_radio_button-checked-disabled-light.png
diff --git a/test/controls/goldens/yaru_radio_button-checked-focused-dark.png b/test/controls/goldens/yaru_radio_button-checked-focused-dark.png
diff --git a/test/controls/goldens/yaru_radio_button-checked-focused-light.png b/test/controls/goldens/yaru_radio_button-checked-focused-light.png
diff --git a/test/controls/goldens/yaru_radio_button-checked-hovered-dark.png b/test/controls/goldens/yaru_radio_button-checked-hovered-dark.png
diff --git a/test/controls/goldens/yaru_radio_button-checked-hovered-light.png b/test/controls/goldens/yaru_radio_button-checked-hovered-light.png
diff --git a/test/controls/goldens/yaru_radio_button-checked-light.png b/test/controls/goldens/yaru_radio_button-checked-light.png
diff --git a/test/controls/goldens/yaru_radio_button-checked-pressed-dark.png b/test/controls/goldens/yaru_radio_button-checked-pressed-dark.png
diff --git a/test/controls/goldens/yaru_radio_button-checked-pressed-light.png b/test/controls/goldens/yaru_radio_button-checked-pressed-light.png
diff --git a/test/controls/goldens/yaru_radio_button-unchecked-dark.png b/test/controls/goldens/yaru_radio_button-unchecked-dark.png
diff --git a/test/controls/goldens/yaru_radio_button-unchecked-light.png b/test/controls/goldens/yaru_radio_button-unchecked-light.png
diff --git a/test/controls/goldens/yaru_radio_button-unckecked-disabled-dark.png b/test/controls/goldens/yaru_radio_button-unckecked-disabled-dark.png
diff --git a/test/controls/goldens/yaru_radio_button-unckecked-disabled-light.png b/test/controls/goldens/yaru_radio_button-unckecked-disabled-light.png
diff --git a/test/controls/goldens/yaru_radio_button-unckecked-focused-dark.png b/test/controls/goldens/yaru_radio_button-unckecked-focused-dark.png
diff --git a/test/controls/goldens/yaru_radio_button-unckecked-focused-light.png b/test/controls/goldens/yaru_radio_button-unckecked-focused-light.png
diff --git a/test/controls/goldens/yaru_radio_button-unckecked-hovered-dark.png b/test/controls/goldens/yaru_radio_button-unckecked-hovered-dark.png
diff --git a/test/controls/goldens/yaru_radio_button-unckecked-hovered-light.png b/test/controls/goldens/yaru_radio_button-unckecked-hovered-light.png
diff --git a/test/controls/goldens/yaru_radio_button-unckecked-pressed-dark.png b/test/controls/goldens/yaru_radio_button-unckecked-pressed-dark.png
diff --git a/test/controls/goldens/yaru_radio_button-unckecked-pressed-light.png b/test/controls/goldens/yaru_radio_button-unckecked-pressed-light.png
diff --git a/test/controls/yaru_radio_button_test.dart b/test/controls/yaru_radio_button_test.dart
@@ -4,6 +4,8 @@ import 'package:flutter/rendering.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:yaru_widgets/yaru_widgets.dart';
 
+import '../yaru_golden_tester.dart';
+
 void main() {
   testWidgets('contains radio and labels', (tester) async {
     Widget builder({required Widget title, required Widget? subtitle}) {
@@ -141,4 +143,69 @@ void main() {
       equals(Theme.of(disabled).disabledColor),
     );
   });
+
+  testWidgets(
+    'golden images',
+    (tester) async {
+      final variant = goldenVariant.currentValue!;
+
+      // ensure traditional focus highlight
+      FocusManager.instance.highlightStrategy =
+          FocusHighlightStrategy.alwaysTraditional;
+
+      await tester.pumpScaffold(
+        YaruRadioButton<bool>(
+          autofocus: variant.hasState(MaterialState.focused),
+          value: variant.hasState(MaterialState.selected),
+          groupValue: true,
+          onChanged: variant.hasState(MaterialState.disabled) ? null : (_) {},
+          title: const Text('YaruRadioButton'),
+          subtitle: const Text('Lorem ipsum dolor sit amet'),
+        ),
+        themeMode: variant.themeMode,
+        size: const Size(224, 56),
+      );
+      await tester.pumpAndSettle();
+
+      if (variant.hasState(MaterialState.pressed)) {
+        await tester.down(find.byType(Radio<bool>));
+        await tester.pumpAndSettle();
+      } else if (variant.hasState(MaterialState.hovered)) {
+        await tester.hover(find.byType(Radio<bool>));
+        await tester.pumpAndSettle();
+      }
+
+      await expectLater(
+        find.byType(YaruRadioButton<bool>),
+        matchesGoldenFile('goldens/yaru_radio_button-${variant.label}.png'),
+      );
+    },
+    variant: goldenVariant,
+    tags: 'golden',
+  );
 }
+
+final goldenVariant = ValueVariant({
+  ...goldenThemeVariants('unchecked', <MaterialState>{}),
+  ...goldenThemeVariants('unckecked-disabled', {MaterialState.disabled}),
+  ...goldenThemeVariants('unckecked-focused', {MaterialState.focused}),
+  ...goldenThemeVariants('unckecked-hovered', {MaterialState.hovered}),
+  ...goldenThemeVariants('unckecked-pressed', {MaterialState.pressed}),
+  ...goldenThemeVariants('checked', {MaterialState.selected}),
+  ...goldenThemeVariants('checked-disabled', {
+    MaterialState.selected,
+    MaterialState.disabled,
+  }),
+  ...goldenThemeVariants('checked-focused', {
+    MaterialState.selected,
+    MaterialState.focused,
+  }),
+  ...goldenThemeVariants('checked-hovered', {
+    MaterialState.selected,
+    MaterialState.hovered,
+  }),
+  ...goldenThemeVariants('checked-pressed', {
+    MaterialState.selected,
+    MaterialState.pressed,
+  }),
+});