Implement all SmallButton golden test into a single image

Prime-Holding · Jul 31, 2024 · 2ab17e3 · 2ab17e3
1 parent 8016369
commit 2ab17e3
Show file tree

Hide file tree

Showing 3 changed files with 94 additions and 43 deletions.
diff --git a/packages/widget_toolkit/test/helpers/golden_helper.dart b/packages/widget_toolkit/test/helpers/golden_helper.dart
@@ -208,3 +208,46 @@ Future<void> pumpDeviceBuilderWithMaterialApp(
     ),
   );
 }
+
+void runGoldenBuilderTests(
+  String testName, {
+  required Size surfaceSize,
+  required GoldenBuilder builder,
+  WidgetTesterCallback? act,
+  CustomPump? matcherCustomPump,
+}) {
+  for (final theme in Themes.values) {
+    final themeName = theme.name;
+    final directory = '${themeName}_theme';
+
+    testGoldens('$testName - $themeName', (tester) async {
+      await tester.pumpWidgetBuilder(
+        builder.build(),
+        wrapper: materialAppWrapper(
+          localizations: [
+            ...GlobalMaterialLocalizations.delegates,
+          ],
+          theme: theme == Themes.light
+              ? ThemeData(
+                  extensions: <ThemeExtension<dynamic>>[
+                    WidgetToolkitTheme.light(),
+                  ],
+                )
+              : ThemeData(
+                  extensions: <ThemeExtension<dynamic>>[
+                    WidgetToolkitTheme.dark(),
+                  ],
+                ),
+        ),
+        surfaceSize: surfaceSize,
+      );
+
+      if (act != null) {
+        await act.call(tester);
+      }
+
+      await screenMatchesGolden(tester, '$directory/$testName',
+          customPump: matcherCustomPump);
+    });
+  }
+}
diff --git a/packages/widget_toolkit/test/lib_ui_components/buttons/small_button_test.dart b/packages/widget_toolkit/test/lib_ui_components/buttons/small_button_test.dart
diff --git a/packages/widget_toolkit/test/lib_ui_components/buttons/view/small_button_test.dart b/packages/widget_toolkit/test/lib_ui_components/buttons/view/small_button_test.dart
@@ -0,0 +1,51 @@
+import 'package:flutter/material.dart';
+import 'package:golden_toolkit/golden_toolkit.dart';
+import 'package:widget_toolkit/ui_components.dart';
+
+import '../../../helpers/golden_helper.dart';
+import '../factory/small_button_factory.dart';
+
+void main() {
+  runGoldenBuilderTests(
+    'SmallButton Golden Tests',
+    surfaceSize: const Size(700, 350),
+    matcherCustomPump: (widget) =>
+        widget.pump(const Duration(milliseconds: 350)),
+    builder: GoldenBuilder.grid(
+      columns: 4,
+      widthToHeightRatio: 1,
+    )
+      ..addScenario(
+          'loading filled',
+          smallButtonFactory(
+              type: SmallButtonType.filled, state: ButtonStateModel.loading))
+      ..addScenario(
+          'enabled filled',
+          smallButtonFactory(
+              type: SmallButtonType.filled, state: ButtonStateModel.enabled))
+      ..addScenario(
+          'disabled filled',
+          smallButtonFactory(
+              type: SmallButtonType.filled, state: ButtonStateModel.disabled))
+      ..addScenario(
+          'pressed filled',
+          smallButtonFactory(
+              type: SmallButtonType.filled, state: ButtonStateModel.pressed))
+      ..addScenario(
+          'loading outlined',
+          smallButtonFactory(
+              type: SmallButtonType.outline, state: ButtonStateModel.loading))
+      ..addScenario(
+          'enabled outlined',
+          smallButtonFactory(
+              type: SmallButtonType.outline, state: ButtonStateModel.enabled))
+      ..addScenario(
+          'disabled outlined',
+          smallButtonFactory(
+              type: SmallButtonType.outline, state: ButtonStateModel.disabled))
+      ..addScenario(
+          'pressed outlined',
+          smallButtonFactory(
+              type: SmallButtonType.outline, state: ButtonStateModel.pressed)),
+  );
+}