test(support-center): aprimorar testes da SupportCenterAddPage com su…

…porte a widgets e múltiplos dispositivos
institutoazmina · Jan 8, 2025 · 50c5bbe · 50c5bbe
1 parent 22f037f
commit 50c5bbe
Show file tree

Hide file tree

Showing 3 changed files with 111 additions and 17 deletions.
diff --git a/...features/support_center/presentation/add/goldens/ci/support_center_add_page.png b/...features/support_center/presentation/add/goldens/ci/support_center_add_page.png
diff --git a/...s/support_center/presentation/add/goldens/ci/support_center_add_page_loaded.png b/...s/support_center/presentation/add/goldens/ci/support_center_add_page_loaded.png
diff --git a/test/app/features/support_center/presentation/add/support_center_add_page_test.dart b/test/app/features/support_center/presentation/add/support_center_add_page_test.dart
@@ -1,7 +1,9 @@
 import 'package:dartz/dartz.dart' as dartz;
+import 'package:flutter/material.dart';
 import 'package:flutter_modular/flutter_modular.dart';
 import 'package:flutter_modular_test/flutter_modular_test.dart';
 import 'package:flutter_test/flutter_test.dart';
+import 'package:golden_toolkit/golden_toolkit.dart';
 import 'package:mocktail/mocktail.dart';
 import 'package:penhas/app/core/error/failures.dart';
 import 'package:penhas/app/features/filters/domain/entities/filter_tag_entity.dart';
@@ -16,6 +18,23 @@ import '../../../../../utils/golden_tests.dart';
 void main() {
   late MockSupportCenterUseCase mockSupportCenterUseCase;
 
+  final devices = const [
+    Device(
+      name: 'iPhone 6',
+      size: Size(375, 667),
+    ),
+    Device(
+      name: 'iPhone Pro',
+      size: Size(390, 844),
+      safeArea: EdgeInsets.only(top: 47, bottom: 34),
+    ),
+    Device(
+      name: 'iPhone Pro Max',
+      size: Size(428, 1800),
+      safeArea: EdgeInsets.only(top: 47, bottom: 34),
+    ),
+  ];
+
   setUp(() {
     mockSupportCenterUseCase = MockSupportCenterUseCase();
 
@@ -35,22 +54,27 @@ void main() {
     Modular.removeModule(SupportCenterModule());
   });
 
-  screenshotTest(
-    'support center add page - error state',
-    fileName: 'support_center_add_page_error',
-    pageBuilder: () => const SupportCenterAddPage(),
-    setUp: () {
-      when(() => mockSupportCenterUseCase.metadata()).thenAnswer(
-        (_) async => dartz.Left(ServerFailure()),
-      );
-    },
-  );
+  group(SupportCenterAddPage, () {
+    testWidgets(
+      'should show loading state when initial',
+      (tester) async {
+        // arrange
+        when(() => mockSupportCenterUseCase.metadata()).thenAnswer(
+          (_) async => dartz.Left(ServerFailure()),
+        );
+        // act
+        await tester.pumpWidget(
+          MaterialApp(
+            home: SupportCenterAddPage(),
+          ),
+        );
+        // assert
+        expect(find.text('Carregando as categorias'), findsOneWidget);
+      },
+    );
 
-  screenshotTest(
-    'support center add page - loaded state',
-    fileName: 'support_center_add_page_loaded',
-    pageBuilder: () => const SupportCenterAddPage(),
-    setUp: () {
+    testWidgets('should show loaded state with categories', (tester) async {
+      // arrange
       when(() => mockSupportCenterUseCase.metadata()).thenAnswer(
         (_) async => dartz.Right(
           SupportCenterMetadataEntity(
@@ -70,8 +94,78 @@ void main() {
           ),
         ),
       );
-    },
-  );
+      // act
+      final page = SupportCenterAddPage();
+      await tester.pumpWidget(MaterialApp(home: page));
+      await tester.pumpAndSettle();
+      // assert
+      expect(find.text('Adicionar Ponto'), findsOneWidget);
+      expect(find.text('Informação sobre o ponto de apoio'), findsOneWidget);
+      expect(find.text('* Marcam os campos com preenchimento obrigatório.'),
+          findsOneWidget);
+      expect(find.text('Nome *'), findsOneWidget);
+      expect(find.text('Categoria *'), findsOneWidget);
+      expect(find.text('Abrangência *'), findsOneWidget);
+      expect(find.text('Nome do logradouro (Rua, Avenida, etc) *'),
+          findsOneWidget);
+      expect(find.text('Número *'), findsOneWidget);
+      expect(find.text('Complemento'), findsOneWidget);
+      expect(find.text('Bairro'), findsOneWidget);
+      expect(find.text('Município *'), findsOneWidget);
+      expect(find.text('Estado *'), findsOneWidget);
+      expect(find.text('CEP'), findsOneWidget);
+      expect(find.text('DDD primário'), findsOneWidget);
+      expect(find.text('Telefone primário'), findsOneWidget);
+      expect(find.text('Telefone é WhatsApp?'), findsOneWidget);
+      expect(find.text('DDD secundário'), findsOneWidget);
+      expect(find.text('Telefone secundário'), findsOneWidget);
+
+      await tester.drag(
+          find.byType(SingleChildScrollView), const Offset(0, -1000));
+      await tester.pumpAndSettle();
+
+      expect(find.text('Observação'), findsOneWidget);
+    });
+
+    screenshotTest(
+      'support center add page - error state',
+      fileName: 'support_center_add_page_error',
+      pageBuilder: () => const SupportCenterAddPage(),
+      setUp: () {
+        when(() => mockSupportCenterUseCase.metadata()).thenAnswer(
+          (_) async => dartz.Left(ServerFailure()),
+        );
+      },
+    );
+
+    screenshotTest(
+      'support center add page - loaded state',
+      fileName: 'support_center_add_page_loaded',
+      pageBuilder: () => const SupportCenterAddPage(),
+      devices: devices,
+      setUp: () {
+        when(() => mockSupportCenterUseCase.metadata()).thenAnswer(
+          (_) async => dartz.Right(
+            SupportCenterMetadataEntity(
+              categories: [
+                FilterTagEntity(
+                  id: '1',
+                  label: 'Categoria 1',
+                  isSelected: false,
+                ),
+                FilterTagEntity(
+                  id: '2',
+                  label: 'Categoria 2',
+                  isSelected: false,
+                ),
+              ],
+              projects: [],
+            ),
+          ),
+        );
+      },
+    );
+  });
 }
 
 class MockSupportCenterUseCase extends Mock implements SupportCenterUseCase {}