feat: tried to add some more tests for the add desk page and some oth…

…er widgets

lib/features/presentation/pages/add_desk_page/add_desk_page.dart

@@ -22,6 +22,10 @@ class AddDeskPage extends StatefulWidget {
 class _AddDeskPageState extends State<AddDeskPage> {
   Desk newDesk = Desk.empty();
 
+  final TextEditingController deskNameController = TextEditingController();
+  late final TextEditingController deskHeightController =
+      TextEditingController(text: newDesk.height.toStringAsFixed(2));
+
   @override
   void initState() {
     super.initState();
@@ -43,18 +47,14 @@ class _AddDeskPageState extends State<AddDeskPage> {
     );
   }
 
-  final TextEditingController deskNameController = TextEditingController();
-  late final TextEditingController deskHeightController =
-      TextEditingController(text: newDesk.height.toStringAsFixed(2));
-
   @override
   Widget build(BuildContext context) {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
         const Heading(
-          title: 'General',
           key: Key('general-heading'),
+          title: 'General',
         ),
         const SizedBox(height: ThemeSettings.smallSpacing),
         _buildDeskNameTextField(),
@@ -70,8 +70,8 @@ class _AddDeskPageState extends State<AddDeskPage> {
         ),
         const SizedBox(height: ThemeSettings.mediumSpacing),
         const Heading(
-          title: 'Presets',
           key: Key('presets-heading'),
+          title: 'Presets',
         ),
         const SizedBox(height: ThemeSettings.smallSpacing),
         Column(
@@ -88,11 +88,11 @@ class _AddDeskPageState extends State<AddDeskPage> {
 
   TextField _buildDeskNameTextField() {
     return TextField(
+      key: const Key('desk-name-text-field'),
       controller: deskNameController,
       decoration: const InputDecoration(
         labelText: 'Desk Name',
       ),
-      key: const Key('desk-name-text-field'),
       onEditingComplete: () {
         _updateDeskName();
       },
@@ -101,12 +101,12 @@ class _AddDeskPageState extends State<AddDeskPage> {
 
   TextField _buildDeskHeightTextField() {
     return TextField(
+      key: const Key('desk-height-text-field'),
       controller: deskHeightController,
       decoration: const InputDecoration(
         labelText: 'Desk Height',
       ),
       keyboardType: const TextInputType.numberWithOptions(decimal: true),
-      key: const Key('desk-height-text-field'),
       onEditingComplete: () {
         _updateDeskHeight();
       },
@@ -118,17 +118,17 @@ class _AddDeskPageState extends State<AddDeskPage> {
       height: deskMaximumHeight + DeskAnimation.topOfDeskThickness,
       width: MediaQuery.of(context).size.width * 0.5,
       child: DeskAnimation(
+        key: const Key('desk-animation'),
         width: MediaQuery.of(context).size.width * 0.6,
         deskHeight: newDesk.height,
-        key: const Key('desk-animation'),
       ),
     );
   }
 
   HeightSlider _buildHeightSlider() {
     return HeightSlider(
-      deskHeight: newDesk.height,
       key: const Key('desk-height-slider'),
+      deskHeight: newDesk.height,
       onChanged: (double newHeight) {
         setState(() {
           deskHeightController.text = newHeight.toStringAsFixed(2);
@@ -147,6 +147,7 @@ class _AddDeskPageState extends State<AddDeskPage> {
   Center _buildAddPresetButton(BuildContext context) {
     return Center(
       child: IconButton(
+        key: const Key('add-preset-button'),
         icon: const Icon(Icons.add),
         iconSize: 30.0,
         style: ButtonStyle(
@@ -173,7 +174,7 @@ class _AddDeskPageState extends State<AddDeskPage> {
               CreatedDesk(desk: newDesk),
             );
 
-            _clearInputs();
+            _clearInput();
           },
           child: Text(
             'Add Desk',
@@ -190,11 +191,7 @@ class _AddDeskPageState extends State<AddDeskPage> {
     List<PresetCard> presetCards = [];
 
     for (final Preset preset in newDesk.presets) {
-      final PresetCard card = PresetCard(
-        preset: preset,
-        key: Key('preset-card-${preset.name}'),
-      );
-
+      final PresetCard card = PresetCard(preset: preset);
       presetCards.add(card);
     }
 
@@ -215,7 +212,7 @@ class _AddDeskPageState extends State<AddDeskPage> {
     });
   }
 
-  void _clearInputs() {
+  void _clearInput() {
     setState(() {
       newDesk = Desk.empty();
 

test/features/presentation/pages/add_desk_page/add_desk_page_test.dart

@@ -1,10 +1,13 @@
 import 'package:dartz/dartz.dart';
+import 'package:deskify/core/core.dart';
 import 'package:deskify/features/domain/entities/desk.dart';
 import 'package:deskify/features/domain/entities/preset.dart';
 import 'package:deskify/features/domain/repository/desk_repository.dart';
 import 'package:deskify/features/domain/usecases/usecases.dart';
 import 'package:deskify/features/presentation/bloc/desk/desk_bloc.dart';
 import 'package:deskify/features/presentation/pages/add_desk_page/add_desk_page.dart';
+import 'package:deskify/features/presentation/pages/add_desk_page/preset_card.dart';
+import 'package:deskify/features/presentation/widgets/widgets.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_test/flutter_test.dart';
@@ -19,7 +22,7 @@ void main() {
     mockDeskRepository = MockDeskRepository();
   });
 
-  final Desk desk = Desk(
+  final Desk tDesk = Desk(
     id: '0',
     name: 'test',
     height: 0.0,
@@ -37,18 +40,6 @@ void main() {
     ],
   );
 
-  void arrangeDeskRepositoryCreateDesk() {
-    when(() => mockDeskRepository.createDesk(desk))
-        .thenAnswer((_) async => const Right(null));
-  }
-
-  void arrangeDeskRepositoryCreateDeskAfter2SecondsWait() {
-    when(() => mockDeskRepository.createDesk(desk)).thenAnswer((_) async {
-      await Future.delayed(const Duration(seconds: 2));
-      return const Right(null);
-    });
-  }
-
   Widget createWidgetUnderTest() {
     return BlocProvider(
       create: (context) => DeskBloc(
@@ -105,6 +96,32 @@ void main() {
       // assert
       expect(find.byKey(const Key('desk-height-slider')), findsOneWidget);
     });
+
+    testWidgets(
+        'Entering text in the desk height TextField changes the value of the slider',
+        (widgetTester) async {
+      // TODO: TEST
+    });
+
+    testWidgets(
+        'Changing the value of the slider, changes the value of the desk height TextField',
+        (widgetTester) async {
+      // arrange
+      await widgetTester.pumpWidget(createWidgetUnderTest());
+      // act
+      await widgetTester.drag(
+          find.byKey(const Key('desk-height-slider')), const Offset(0, -50));
+      await widgetTester.pump();
+      // assert
+      final TextField textField = widgetTester
+          .widget<TextField>(find.byKey(const Key('desk-height-text-field')));
+      final HeightSlider heightSlider = widgetTester
+          .widget<HeightSlider>(find.byKey(const Key('desk-height-slider')));
+
+      expect(textField.controller!.text,
+          heightSlider.deskHeight.toStringAsFixed(2));
+      await widgetTester.pumpAndSettle(const Duration(seconds: 1));
+    });
   });
 
   group('Presets', () {
@@ -114,5 +131,32 @@ void main() {
       // assert
       expect(find.byKey(const Key('presets-heading')), findsOneWidget);
     });
+
+    testWidgets('List of Preset Cards is displayed', (widgetTester) async {
+      // act
+      await widgetTester.pumpWidget(createWidgetUnderTest());
+      // assert
+      expect(find.byType(PresetCard), findsAtLeastNWidgets(2));
+    });
+
+    testWidgets('Add Preset button is displayed', (widgetTester) async {
+      // act
+      await widgetTester.pumpWidget(createWidgetUnderTest());
+      // assert
+      expect(find.byKey(const Key('add-preset-button')), findsOneWidget);
+    });
+  });
+
+  testWidgets('Add Desk button is displayed', (widgetTester) async {
+    // act
+    await widgetTester.pumpWidget(createWidgetUnderTest());
+    // assert
+    expect(find.byKey(const Key('add-desk-button')), findsOneWidget);
+  });
+
+  testWidgets(
+      'After tapping the add desk button, the input of the desk name, the desk height and the presets are cleared',
+      (widgetTester) async {
+    // TODO: TEST
   });
 }

test/features/presentation/pages/add_desk_page/preset_card_test.dart

@@ -0,0 +1 @@
+// TODO: skipped for now

test/features/presentation/widgets/height_slider_test.dart

@@ -6,12 +6,22 @@ import 'package:flutter_test/flutter_test.dart';
 import 'package:syncfusion_flutter_sliders/sliders.dart';
 
 void main() {
+  late double tHeight;
+
+  setUp(() {
+    tHeight = deskMinimumHeight;
+  });
+
   Widget createWidgetUnderTest() {
     return MaterialApp(
       home: HeightSlider(
         deskHeight: deskMinimumHeight,
-        onChanged: (double height) {},
-        onChangeEnd: (double height) {},
+        onChanged: (double height) {
+          tHeight = height;
+        },
+        onChangeEnd: (double height) {
+          tHeight = height;
+        },
       ),
     );
   }
@@ -24,4 +34,40 @@ void main() {
     // assert
     expect(find.byType(SfSlider), findsOneWidget);
   });
+
+  testWidgets(
+    'Changing the value of the slider, calls the onChanged callback',
+    (widgetTester) async {
+      // arrange
+      final Widget widgetUnderTest = createWidgetUnderTest();
+      await widgetTester.pumpWidget(widgetUnderTest);
+      // act
+      await widgetTester.drag(
+        find.byType(SfSlider),
+        const Offset(0, -100),
+      );
+      await widgetTester.pump();
+      // assert
+      expect(tHeight, isNot(deskMinimumHeight));
+      await widgetTester.pumpAndSettle(const Duration(seconds: 1));
+    },
+  );
+
+  testWidgets(
+    'Changing the value of the slider, calls the onChangeEnd callback',
+    (widgetTester) async {
+      // arrange
+      final Widget widgetUnderTest = createWidgetUnderTest();
+      await widgetTester.pumpWidget(widgetUnderTest);
+      // act
+      await widgetTester.drag(
+        find.byType(SfSlider),
+        const Offset(0, -100),
+      );
+      await widgetTester.pump();
+      // assert
+      expect(tHeight, isNot(deskMinimumHeight));
+      await widgetTester.pumpAndSettle(const Duration(seconds: 1));
+    },
+  );
 }