fix: check if header exists for footer (AppFlowy-IO#559)

* fix: check if header exists for footer

* test: add tests and refactor if statement

---------

Co-authored-by: Mathias Mogensen <mathiasrieckm@gmail.com>

lib/src/editor/editor_component/entry/page_block_component.dart

@@ -93,11 +93,13 @@ class PageBlockComponent extends BlockComponentStatelessWidget {
               child: header!,
             );
           }
-          if (footer != null && index == items.length + 1) {
+
+          if (footer != null && index == (items.length - 1) + extentCount) {
             return IgnoreEditorSelectionGesture(
               child: footer!,
             );
           }
+
           return Padding(
             padding: editorState.editorStyle.padding,
             child: editorState.renderer.build(

test/editor/editor_test.dart

@@ -0,0 +1,60 @@
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+import '../test_helper.dart';
+
+void main() {
+  group("AppFlowyEditor tests", () {
+    testWidgets('can render', (tester) async {
+      await tester.buildAndPump(
+        AppFlowyEditor(
+          editorState: EditorState.blank(),
+        ),
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.byType(AppFlowyEditor), findsOneWidget);
+    });
+
+    testWidgets('can render with footer', (tester) async {
+      await tester.buildAndPump(
+        AppFlowyEditor(
+          editorState: EditorState(
+            document: Document(root: pageNode(children: [])),
+          ),
+          footer: const Icon(Icons.abc),
+        ),
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.byIcon(Icons.abc), findsOneWidget);
+    });
+
+    testWidgets('can render with header', (tester) async {
+      await tester.buildAndPump(
+        AppFlowyEditor(
+          editorState: EditorState.blank(),
+          header: const Icon(Icons.abc),
+        ),
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.byIcon(Icons.abc), findsOneWidget);
+    });
+
+    testWidgets('can render with header and footer', (tester) async {
+      await tester.buildAndPump(
+        AppFlowyEditor(
+          editorState: EditorState.blank(),
+          header: const Icon(Icons.abc),
+          footer: const Icon(Icons.abc_outlined),
+        ),
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.byIcon(Icons.abc), findsOneWidget);
+      expect(find.byIcon(Icons.abc_outlined), findsOneWidget);
+    });
+  });
+}