Add golden tests

forui/example/lib/main.dart

@@ -52,15 +52,6 @@ class _ExampleWidgetState extends State<ExampleWidget> {
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          FTextField(
-            rawHelp: Text('Some error text'),
-          ),
-          const SizedBox(height: 10),
-          FTextField(rawHelp: Text('Some error text', style: context.theme.textFieldStyle.enabled.footer,)),
-          const SizedBox(height: 10),
-          Text('Some error text', style: context.theme.textFieldStyle.enabled.footer,),
-          FTextField(help: 'Some error text', textAlign: TextAlign.start,),
-          const SizedBox(height: 10),
           FButton(
             design: FButtonVariant.destructive,
             labelText: 'Delete?',

forui/lib/src/widgets/badge/badge.dart

@@ -146,9 +146,9 @@ final class FBadgeStyle with Diagnosticable implements FBadgeDesign {
     properties
       ..add(ColorProperty('background', background))
       ..add(ColorProperty('border', border))
-      ..add(DiagnosticsProperty<BorderRadius>('borderRadius', borderRadius, defaultValue: BorderRadius.circular(100)))
+      ..add(DiagnosticsProperty('borderRadius', borderRadius, defaultValue: BorderRadius.circular(100)))
       ..add(DoubleProperty('borderWidth', borderWidth))
-      ..add(DiagnosticsProperty<FBadgeContentStyle>('content', content));
+      ..add(DiagnosticsProperty('content', content));
   }
 
   @override

forui/lib/src/widgets/button/button_icon.dart

@@ -17,6 +17,11 @@ class FButtonIcon extends StatelessWidget {
       colorFilter: ColorFilter.mode(enabled ? style.icon.enabled : style.icon.disabled, BlendMode.srcIn),
     );
   }
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties.add(DiagnosticsProperty('icon', icon));
+  }
 }
 
 /// [FButtonIcon]'s style.

forui/test/src/widgets/card_golden_test.dart → forui/test/src/widgets/card/card_golden_test.dart

@@ -6,12 +6,12 @@ import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 
 import 'package:forui/forui.dart';
-import '../test_scaffold.dart';
+import '../../test_scaffold.dart';
 
 void main() {
   group('FCard', () {
     for (final (name, theme, background) in TestScaffold.themes) {
-      testWidgets('$name with FCardContent', (tester) async {
+      testWidgets('$name with text FCardContent', (tester) async {
         await tester.pumpWidget(
           TestScaffold(
             data: theme,
@@ -30,7 +30,30 @@ void main() {
 
         await expectLater(
           find.byType(TestScaffold),
-          matchesGoldenFile('card/$name-card-content.png'),
+          matchesGoldenFile('card/$name-text-card-content.png'),
+        );
+      });
+
+      testWidgets('$name with raw FCardContent', (tester) async {
+        await tester.pumpWidget(
+          TestScaffold(
+            data: theme,
+            background: background,
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                FCard(
+                  rawTitle: const Text('Notifications'),
+                  rawSubtitle: const Text('You have 3 unread messages.'),
+                ),
+              ],
+            ),
+          ),
+        );
+
+        await expectLater(
+          find.byType(TestScaffold),
+          matchesGoldenFile('card/$name-raw-card-content.png'),
         );
       });
 

forui/test/src/widgets/card/card_test.dart

@@ -0,0 +1,59 @@
+import 'package:flutter/material.dart';
+
+import 'package:flutter_test/flutter_test.dart';
+
+import 'package:forui/forui.dart';
+
+void main() {
+  group('FCard', () {
+    for (final (string, raw) in [
+      (null, null),
+      ('', null),
+      (null, const SizedBox()),
+    ]) {
+      testWidgets('constructor title does not throw error', (tester) async {
+        expect(
+          () => FCard(
+            title: string,
+            rawTitle: raw,
+          ),
+          returnsNormally,
+        );
+      });
+
+      testWidgets('constructor subtitle does not throw error', (tester) async {
+        expect(
+          () => FCard(
+            subtitle: string,
+            rawSubtitle: raw,
+          ),
+          returnsNormally,
+        );
+      });
+    }
+
+    for (final (string, raw) in [
+      ('', const SizedBox()),
+    ]) {
+      testWidgets('constructor title throws error', (tester) async {
+        expect(
+          () => FCard(
+            title: string,
+            rawTitle: raw,
+          ),
+          throwsAssertionError,
+        );
+      });
+
+      testWidgets('constructor subtitle throws error', (tester) async {
+        expect(
+          () => FCard(
+            subtitle: string,
+            rawSubtitle: raw,
+          ),
+          throwsAssertionError,
+        );
+      });
+    }
+  });
+}

forui/test/src/widgets/dialog/dialog_golden_test.dart

@@ -8,26 +8,43 @@ import '../../test_scaffold.dart';
 
 class UnderTest extends StatelessWidget {
   final FDialogAlignment alignment;
+  final bool raw;
 
-  const UnderTest({required this.alignment, super.key});
+  const UnderTest({required this.alignment, required this.raw, super.key});
 
   @override
-  Widget build(BuildContext context) => FDialog(
-    alignment: alignment,
-    title: 'Are you absolutely sure?',
-    body: 'This action cannot be undone. This will permanently delete your account and remove your data from our servers.',
-    actions: [
+  Widget build(BuildContext context) {
+    final actions = [
       FButton(labelText: 'Continue', onPress: () {}),
       FButton(design: FButtonVariant.outlined, labelText: 'Cancel', onPress: () {
         Navigator.of(context).pop();
       }),
-    ],
-  );
+    ];
+
+    if (raw) {
+      return FDialog(
+        alignment: alignment,
+        rawTitle: const Text('Are you absolutely sure?'),
+        rawBody: const Text('This action cannot be undone. This will permanently delete your account and remove your data from our servers.'),
+        actions: actions,
+      );
+
+    } else {
+      return FDialog(
+        alignment: alignment,
+        title: 'Are you absolutely sure?',
+        body: 'This action cannot be undone. This will permanently delete your account and remove your data from our servers.',
+        actions: actions,
+      );
+    }
+  }
 
   @override
   void debugFillProperties(DiagnosticPropertiesBuilder properties) {
     super.debugFillProperties(properties);
-    properties.add(EnumProperty<FDialogAlignment>('alignment', alignment));
+    properties
+      ..add(EnumProperty('alignment', alignment))
+      ..add(DiagnosticsProperty('raw', raw));
   }
 }
 
@@ -36,24 +53,40 @@ void main() {
   group('FDialog', () {
     for (final (name, theme, background) in TestScaffold.themes) {
       for (final alignment in [FDialogAlignment.horizontal, FDialogAlignment.vertical]) {
-        testWidgets('$name with $alignment content', (tester) async {
+        testWidgets('$name with $alignment text FDialogContent', (tester) async {
+          await tester.pumpWidget(
+            MaterialApp(
+              home: TestScaffold(
+                data: theme,
+                background: background,
+                child: UnderTest(alignment: alignment, raw: false),
+              ),
+            ),
+          );
+
+          await expectLater(
+            find.byType(UnderTest),
+            matchesGoldenFile('dialog/$name-$alignment-text-dialog-content.png'),
+          );
+        });
+
+        testWidgets('$name with $alignment raw FDialogContent', (tester) async {
           await tester.pumpWidget(
             MaterialApp(
               home: TestScaffold(
                 data: theme,
                 background: background,
-                child: UnderTest(alignment: alignment),
+                child: UnderTest(alignment: alignment, raw: true),
               ),
             ),
           );
 
           await expectLater(
             find.byType(UnderTest),
-            matchesGoldenFile('dialog/$name-$alignment-content.png'),
+            matchesGoldenFile('dialog/$name-$alignment-raw-dialog-content.png'),
           );
         });
       }
-
 
       testWidgets('$name with raw content', (tester) async {
         await tester.pumpWidget(

forui/test/src/widgets/dialog/dialog_test.dart

@@ -0,0 +1,63 @@
+import 'package:flutter/material.dart';
+
+import 'package:flutter_test/flutter_test.dart';
+
+import 'package:forui/forui.dart';
+
+void main() {
+  group('FDialog', () {
+    for (final (string, raw) in [
+      (null, null),
+      ('', null),
+      (null, const SizedBox()),
+    ]) {
+      testWidgets('constructor title does not throw error', (tester) async {
+        expect(
+          () => FDialog(
+            title: string,
+            rawTitle: raw,
+            actions: const [],
+          ),
+          returnsNormally,
+        );
+      });
+
+      testWidgets('constructor body does not throw error', (tester) async {
+        expect(
+          () => FDialog(
+            body: string,
+            rawBody: raw,
+            actions: const [],
+          ),
+          returnsNormally,
+        );
+      });
+    }
+
+    for (final (string, raw) in [
+      ('', const SizedBox()),
+    ]) {
+      testWidgets('constructor title throws error', (tester) async {
+        expect(
+          () => FDialog(
+            title: string,
+            rawTitle: raw,
+            actions: const [],
+          ),
+          throwsAssertionError,
+        );
+      });
+
+      testWidgets('constructor body throws error', (tester) async {
+        expect(
+          () => FDialog(
+            body: string,
+            rawBody: raw,
+            actions: const [],
+          ),
+          throwsAssertionError,
+        );
+      });
+    }
+  });
+}

forui/test/src/widgets/header/header_golden_test.dart

@@ -0,0 +1,75 @@
+@Tags(['golden'])
+library;
+
+import 'package:flutter/cupertino.dart';
+
+import 'package:flutter_test/flutter_test.dart';
+
+import 'package:forui/forui.dart';
+import '../../test_scaffold.dart';
+
+const title = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.';
+
+void main() {
+  group('FHeader', () {
+    for (final (name, theme, _) in TestScaffold.themes) {
+      testWidgets('$name with FHeader actions', (tester) async {
+        await tester.pumpWidget(
+          TestScaffold(
+              data: theme,
+              child: Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 20),
+                child: FHeader(
+                  title: title,
+                  actions: [
+                    FHeaderAction(
+                      icon: FAssets.icons.alarmClock,
+                      onPress: null,
+                    ),
+                    FHeaderAction(
+                      icon: FAssets.icons.plus,
+                      onPress: () {},
+                    ),
+                  ],
+                ),
+              )
+          ),
+        );
+
+        await expectLater(
+          find.byType(TestScaffold),
+          matchesGoldenFile('header/$name-header.png'),
+        );
+      });
+
+      testWidgets('$name with raw title', (tester) async {
+        await tester.pumpWidget(
+          TestScaffold(
+              data: theme,
+              child: Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 20),
+                child: FHeader(
+                  rawTitle: const Text('Title'),
+                  actions: [
+                    FHeaderAction(
+                      icon: FAssets.icons.alarmClock,
+                      onPress: null,
+                    ),
+                    FHeaderAction(
+                      icon: FAssets.icons.plus,
+                      onPress: () {},
+                    ),
+                  ],
+                ),
+              )
+          ),
+        );
+
+        await expectLater(
+          find.byType(TestScaffold),
+          matchesGoldenFile('header/$name-raw-title.png'),
+        );
+      });
+    }
+  });
+}