122 lines
4.1 KiB
Dart
122 lines
4.1 KiB
Dart
import 'package:appflowy_editor/appflowy_editor.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
import '../../infra/testable_editor.dart';
|
|
|
|
void main() async {
|
|
group('floating toolbar', () {
|
|
const text = 'Welcome to AppFlowy Editor 🔥!';
|
|
|
|
testWidgets(
|
|
'select the first line of the document, the toolbar should not be blocked',
|
|
(tester) async {
|
|
final editor = tester.editor..addParagraphs(3, initialText: text);
|
|
await editor.startTesting(
|
|
withFloatingToolbar: true,
|
|
);
|
|
|
|
final selection = Selection.single(
|
|
path: [0],
|
|
startOffset: 0,
|
|
endOffset: text.length,
|
|
);
|
|
await editor.updateSelection(selection);
|
|
|
|
final floatingToolbar = find.byType(FloatingToolbarWidget);
|
|
expect(floatingToolbar, findsOneWidget);
|
|
expect(tester.getTopLeft(floatingToolbar).dy >= 0, true);
|
|
|
|
await editor.dispose();
|
|
});
|
|
|
|
testWidgets(
|
|
'select the first line of the document, the toolbar layout should be right to left in RTL mode',
|
|
(tester) async {
|
|
final editor = tester.editor..addParagraphs(3, initialText: text);
|
|
await editor.startTesting(
|
|
withFloatingToolbar: true,
|
|
textDirection: TextDirection.rtl,
|
|
);
|
|
|
|
final selection = Selection.single(
|
|
path: [0],
|
|
startOffset: 0,
|
|
endOffset: text.length,
|
|
);
|
|
await editor.updateSelection(selection);
|
|
|
|
final floatingToolbar = find.byType(FloatingToolbarWidget);
|
|
expect(floatingToolbar, findsOneWidget);
|
|
final floatingToolbarContainer = tester.widget<Row>(
|
|
find.byKey(floatingToolbarContainerKey),
|
|
);
|
|
expect(floatingToolbarContainer.textDirection, TextDirection.rtl);
|
|
final List<Widget> toolbarItemWidgets = floatingToolbarContainer.children;
|
|
expect(
|
|
toolbarItemWidgets.length,
|
|
// the floating toolbar items will add the divider between the groups,
|
|
// so the length of the toolbar items will be the sum of the (floatingToolbarItems.length +
|
|
// the number of the groups) - 1.
|
|
floatingToolbarItems.length +
|
|
floatingToolbarItems.map((e) => e.group).toSet().length -
|
|
1,
|
|
);
|
|
|
|
final expectedIds = floatingToolbarItems.map((e) => e.id).toList();
|
|
var j = 0;
|
|
for (int i = 0; i < toolbarItemWidgets.length; i++) {
|
|
final id = '${floatingToolbarItemPrefixKey}_${expectedIds[j]}_$i';
|
|
final key = toolbarItemWidgets[i].key as ValueKey;
|
|
if (key.value.contains(placeholderItem.id)) {
|
|
continue;
|
|
}
|
|
expect(key, Key(id));
|
|
j++;
|
|
}
|
|
|
|
await editor.dispose();
|
|
});
|
|
|
|
testWidgets('select multiple line should show bullet and number list item',
|
|
(tester) async {
|
|
final editor = tester.editor..addParagraphs(3, initialText: text);
|
|
await editor.startTesting(withFloatingToolbar: true);
|
|
|
|
final selection = Selection(
|
|
start: Position(path: [0], offset: 7),
|
|
end: Position(path: [2], offset: 3),
|
|
);
|
|
await editor.updateSelection(selection);
|
|
|
|
final floatingToolbar = find.byType(FloatingToolbarWidget);
|
|
final bulletListItem = find.byWidgetPredicate(
|
|
(w) => w is SVGIconItemWidget && w.iconName == 'toolbar/bulleted_list',
|
|
);
|
|
final numberListItem = find.byWidgetPredicate(
|
|
(w) => w is SVGIconItemWidget && w.iconName == 'toolbar/numbered_list',
|
|
);
|
|
expect(floatingToolbar, findsOneWidget);
|
|
expect(bulletListItem, findsOneWidget);
|
|
expect(numberListItem, findsOneWidget);
|
|
|
|
await editor.dispose();
|
|
});
|
|
|
|
testWidgets('select invisible content should not show the toolbar',
|
|
(tester) async {
|
|
final editor = tester.editor..addParagraphs(3, initialText: '');
|
|
await editor.startTesting(withFloatingToolbar: true);
|
|
|
|
final selection = Selection(
|
|
start: Position(path: [0]),
|
|
end: Position(path: [2]),
|
|
);
|
|
await editor.updateSelection(selection);
|
|
|
|
expect(find.byType(FloatingToolbarWidget), findsNothing);
|
|
|
|
await editor.dispose();
|
|
});
|
|
});
|
|
}
|