tests: organised chat item, checkbox, chip, dialpad, fab, icon, in pa…

…ge banner, password, search bar, slider, stepper input, and, tooltip
ZebraDevs · Oct 15, 2024 · 889164b · 889164b
1 parent a575ada
commit 889164b
Show file tree

Hide file tree

Showing 27 changed files with 1,143 additions and 919 deletions.
diff --git a/test/TESTING_README.mdx → test/TESTING_README.md b/test/TESTING_README.mdx → test/TESTING_README.md
@@ -11,24 +11,34 @@ As you are writing tests think about helper function you could write and add the
 
 ### Groups
 
-- Accessibility Tests  
+- **Accessibility Tests**  
   Semantic labels, touch areas, contrast ratios, etc.
-- Content Tests  
-  Finds the widget, parameter statuses, etc.
-- Dimensions Tests  
-  Size, padding, margin, alignment, etc.
-- Styling Tests  
+
+- **Content Tests**  
+  Finds the widget, parameter statuses, etc.  
+  Checking for the value of props and attributes of the widget. Checking for the presence of widgets.
+
+- **Dimensions Tests**  
+  Size, padding, margin, alignment, etc.  
+  getSize().
+
+- **Styling Tests**  
   Rendered colors, fonts, borders, radii etc.
-- Interaction Tests  
+  Checking the style of widgets and child widgets.
+
+- **Interaction Tests**  
   Gesture recognizers, taps, drags, etc.
-- Golden Tests  
+  For example, using a boolean to check if the widgets interaction function runs.
+
+- **Golden Tests**  
   Compares the rendered widget with the golden file. Use the `goldenTest()` function from test_utils/utils.dart.
-- Performance Tests  
+
+- **Performance Tests**  
   Animation performance, rendering performance, data manupulation performance, etc.
 
 ### Testing File Template
 
-```
+```dart
 import 'dart:ui';
 
 import 'package:flutter/foundation.dart';

diff --git a/test/src/components/badge/label_test.dart b/test/src/components/badge/label_test.dart
@@ -130,7 +130,7 @@ void main() {
       ZetaLabel,
       'label_neutral',
     );
-    goldenTest(goldenFile, const ZetaLabel(label: 'Test Label'), ZetaLabel, 'label_dark', darkMode: true);
+    goldenTest(goldenFile, const ZetaLabel(label: 'Test Label'), ZetaLabel, 'label_dark', themeMode: ThemeMode.dark);
     goldenTest(goldenFile, const ZetaLabel(label: 'Test Label', rounded: false), ZetaLabel, 'label_sharp');
   });
   group('$componentName Performance Tests', () {});

diff --git a/test/src/components/badge/priority_pill_test.dart b/test/src/components/badge/priority_pill_test.dart
@@ -84,11 +84,6 @@ void main() {
       expect(zetaPriorityPill.size, ZetaPriorityPillSize.small);
 
       expect(find.text('test label'), findsOneWidget);
-
-      await expectLater(
-        find.byType(ZetaPriorityPill),
-        matchesGoldenFile(goldenFile.getFileUri('priority_pill_high')),
-      );
     });
     testWidgets('Medium priority pill', (WidgetTester tester) async {
       await tester.pumpWidget(
@@ -104,11 +99,6 @@ void main() {
       final ZetaPriorityPill zetaPriorityPill = tester.firstWidget(zetaPriorityPillFinder);
       expect(zetaPriorityPill.type, ZetaPriorityPillType.medium);
       expect(zetaPriorityPill.isBadge, true);
-
-      await expectLater(
-        find.byType(ZetaPriorityPill),
-        matchesGoldenFile(goldenFile.getFileUri('priority_pill_medium')),
-      );
     });
     testWidgets('Low priority pill', (WidgetTester tester) async {
       await tester.pumpWidget(
@@ -126,11 +116,6 @@ void main() {
       expect(zetaPriorityPill.type, ZetaPriorityPillType.low);
       expect(zetaPriorityPill.isBadge, true);
       expect(zetaPriorityPill.size, ZetaPriorityPillSize.small);
-
-      await expectLater(
-        find.byType(ZetaPriorityPill),
-        matchesGoldenFile(goldenFile.getFileUri('priority_pill_low')),
-      );
     });
   });
   group('$componentName Dimensions Tests', () {});

diff --git a/test/src/components/button/button_test.dart b/test/src/components/button/button_test.dart
@@ -284,8 +284,12 @@ void main() {
       ZetaButton,
       'button_outline',
     );
-    goldenTest(goldenFile, const ZetaButton.outlineSubtle(label: 'Test Button', borderType: ZetaWidgetBorder.sharp),
-        ZetaButton, 'button_outline_subtle');
+    goldenTest(
+      goldenFile,
+      const ZetaButton.outlineSubtle(label: 'Test Button', borderType: ZetaWidgetBorder.sharp),
+      ZetaButton,
+      'button_outline_subtle',
+    );
     goldenTest(
       goldenFile,
       ZetaButton.text(onPressed: () {}, label: 'Test Button', borderType: ZetaWidgetBorder.full),

diff --git a/test/src/components/chat_item/chat_item_test.dart b/test/src/components/chat_item/chat_item_test.dart
@@ -1,4 +1,3 @@
-import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:intl/intl.dart';
@@ -520,7 +519,7 @@ void main() {
     const subtitle = Text('Hello, how are you?');
     final time = DateTime.now();
 
-    goldenTest(
+    goldenTestWithCallbacks(
       goldenFile,
       Scaffold(
         body: Column(
@@ -554,7 +553,7 @@ void main() {
       },
     );
 
-    goldenTest(
+    goldenTestWithCallbacks(
       goldenFile,
       Column(
         children: [
@@ -588,7 +587,7 @@ void main() {
       },
     );
 
-    goldenTest(
+    goldenTestWithCallbacks(
       goldenFile,
       Column(
         children: [
@@ -619,7 +618,7 @@ void main() {
       },
     );
 
-    goldenTest(
+    goldenTestWithCallbacks(
       goldenFile,
       Column(
         children: [
@@ -659,7 +658,7 @@ void main() {
       },
     );
 
-    goldenTest(
+    goldenTestWithCallbacks(
       goldenFile,
       Column(
         children: [
@@ -704,7 +703,7 @@ void main() {
       },
     );
 
-    goldenTest(
+    goldenTestWithCallbacks(
       goldenFile,
       Column(
         children: [
@@ -734,7 +733,7 @@ void main() {
       },
     );
 
-    goldenTest(
+    goldenTestWithCallbacks(
       goldenFile,
       Column(
         children: [
@@ -771,7 +770,7 @@ void main() {
       },
     );
 
-    goldenTest(
+    goldenTestWithCallbacks(
       goldenFile,
       Column(
         children: [

diff --git a/test/src/components/checkbox/checkbox_test.dart b/test/src/components/checkbox/checkbox_test.dart
@@ -140,7 +140,7 @@ void main() {
     });
   });
   group('$componentName Golden Tests', () {
-    goldenTest(
+    goldenTestWithCallbacks(
       goldenFile,
       ZetaCheckbox(
         onChanged: (value) {},

diff --git a/test/src/components/chips/chip_test.dart b/test/src/components/chips/chip_test.dart
@@ -1,6 +1,3 @@
-import 'dart:ui';
-
-import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:zeta_flutter/zeta_flutter.dart';