halkyon-days/appflowy-editor
Watch
1
0
Fork
You've already forked appflowy-editor
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: implement converting 1. to numbered list style

Browse source
This commit is contained in:
Lucas.Xu 2023-04-27 15:34:39 +08:00
commit f624f3a308
3 changed files with 377 additions and 149 deletions
Download patch file Download diff file Expand all files Collapse all files

136
test/new/block_component/bulleted_list_block_component/bulleted_list_character_shortcut_test.dart Normal file
View file

@ -0,0 +1,136 @@
import 'package:appflowy_editor/appflowy_editor.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter_test/flutter_test.dart';
import '../../util/util.dart';
void main() async {
setUpAll(() {
if (kDebugMode) {
activateLog();
}
});
tearDownAll(() {
if (kDebugMode) {
deactivateLog();
}
});
group('formatNumberToNumberedList', () {
// Before
// 1|Welcome to AppFlowy Editor 🔥!
// After
// 1|Welcome to AppFlowy Editor 🔥!
test('mock inputting a ` ` after the number but not dot', () async {
const text = 'Welcome to AppFlowy Editor 🔥!';
final document = Document.blank().addParagraphs(
1,
builder: (index) => Delta()..insert('1$text'),
);
final editorState = EditorState(document: document);
// 1|Welcome to AppFlowy Editor 🔥!
final selection = Selection.collapsed(
Position(path: [0], offset: 1),
);
editorState.selection = selection;
final before = editorState.getNodesInSelection(selection).first;
final result = await formatNumberToNumberedList.execute(editorState);
final after = editorState.getNodesInSelection(selection).first;
// nothing happens
expect(result, false);
expect(before.toJson(), after.toJson());
});
// Before
// 1.|Welcome to AppFlowy Editor 🔥!
// After
// [numbered_list]Welcome to AppFlowy Editor 🔥!
test(
'mock inputting a ` ` after the number which is located at the front of the text',
() async {
const text = 'Welcome to AppFlowy Editor 🔥!';
final document = Document.blank().addParagraphs(
1,
builder: (index) => Delta()..insert('1.$text'),
);
final editorState = EditorState(document: document);
// 1.|Welcome to AppFlowy Editor 🔥!
final selection = Selection.collapsed(
Position(path: [0], offset: 2),
);
editorState.selection = selection;
final result = await formatNumberToNumberedList.execute(editorState);
expect(result, true);
final after = editorState.getNodeAtPath([0])!;
expect(after.delta!.toPlainText(), text);
expect(after.type, 'numbered_list');
});
// Before
// 1.W|elcome to AppFlowy Editor 🔥!
// After
// 1.W|elcome to AppFlowy Editor 🔥!
test('mock inputting a ` ` in the middle of the node', () async {
const text = 'Welcome to AppFlowy Editor 🔥!';
final document = Document.blank().addParagraphs(
1,
builder: (index) => Delta()..insert('1.$text'),
);
final editorState = EditorState(document: document);
// 1.W|elcome to AppFlowy Editor 🔥!
final selection = Selection.collapsed(
Position(path: [0], offset: 3),
);
editorState.selection = selection;
final before = editorState.getNodesInSelection(selection).first;
final result = await formatNumberToNumberedList.execute(editorState);
final after = editorState.getNodesInSelection(selection).first;
// nothing happens
expect(result, false);
expect(before.toJson(), after.toJson());
});
// Before
// Welcome to AppFlowy Editor 🔥!
// 1.|Welcome to AppFlowy Editor 🔥!
// After
// Welcome to AppFlowy Editor 🔥!
//[numbered_list] Welcome to AppFlowy Editor 🔥!
test(
'mock inputting a ` ` in the middle of the node, and there\'s a other node at the front of it.',
() async {
const text = 'Welcome to AppFlowy Editor 🔥!';
final document = Document.blank()
.addParagraphs(
1,
builder: (index) => Delta()..insert(text),
)
.addParagraphs(
1,
builder: (index) => Delta()..insert('1.$text'),
);
final editorState = EditorState(document: document);
// Welcome to AppFlowy Editor 🔥!
// *|Welcome to AppFlowy Editor 🔥!
final selection = Selection.collapsed(
Position(path: [1], offset: 2),
);
editorState.selection = selection;
final result = await formatNumberToNumberedList.execute(editorState);
final after = editorState.getNodeAtPath([1])!;
// the second line will be formatted as the bulleted list style
expect(result, true);
expect(after.type, 'numbered_list');
expect(after.delta!.toPlainText(), text);
});
});
}

110
test/new/block_component/bulleted_list_block_component/bulleted_list_shortcut_test.dart
View file

@ -1,110 +0,0 @@
import 'package:appflowy_editor/appflowy_editor.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter_test/flutter_test.dart';
import '../../util/util.dart';
void main() async {
group('bulleted_list_shortcut.dart', () {
setUpAll(() {
if (kDebugMode) {
activateLog();
}
});
tearDownAll(() {
if (kDebugMode) {
deactivateLog();
}
});
group('formatAsteriskToBulletedList', () {
// Before
// *|Welcome to AppFlowy Editor 🔥!
// After
// [bulleted_list]Welcome to AppFlowy Editor 🔥!
test(
'mock inputting a ` ` after asterisk which is located at the front of the text',
() async {
const text = 'Welcome to AppFlowy Editor 🔥!';
final document = Document.blank().addParagraphs(
1,
builder: (index) => Delta()..insert('*$text'),
);
final editorState = EditorState(document: document);
// *|Welcome to AppFlowy Editor 🔥!
final selection = Selection.collapsed(
Position(path: [0], offset: 1),
);
editorState.selection = selection;
final result = await formatAsteriskToBulletedList.execute(editorState);
expect(result, true);
final after = editorState.getNodeAtPath([0])!;
expect(after.delta!.toPlainText(), text);
expect(after.type, 'bulleted_list');
});
// Before
// *W|elcome to AppFlowy Editor 🔥!
// After
// *W|elcome to AppFlowy Editor 🔥!
test('mock inputting a ` ` in the middle of the text', () async {
const text = 'Welcome to AppFlowy Editor 🔥!';
final document = Document.blank().addParagraphs(
1,
builder: (index) => Delta()..insert('*$text'),
);
final editorState = EditorState(document: document);
// *W|elcome to AppFlowy Editor 🔥!
final selection = Selection.collapsed(
Position(path: [0], offset: 2),
);
editorState.selection = selection;
final before = editorState.getNodesInSelection(selection).first;
final result = await formatAsteriskToBulletedList.execute(editorState);
final after = editorState.getNodesInSelection(selection).first;
// nothing happens
expect(result, false);
expect(before.toJson(), after.toJson());
});
// Before
// Welcome to AppFlowy Editor 🔥!
// *|Welcome to AppFlowy Editor 🔥!
// After
// Welcome to AppFlowy Editor 🔥!
//[bulleted_list] Welcome to AppFlowy Editor 🔥!
test('mock inputting a ` ` in the middle of the text', () async {
const text = 'Welcome to AppFlowy Editor 🔥!';
final document = Document.blank()
.addParagraphs(
1,
builder: (index) => Delta()..insert(text),
)
.addParagraphs(
1,
builder: (index) => Delta()..insert('*$text'),
);
final editorState = EditorState(document: document);
// Welcome to AppFlowy Editor 🔥!
// *|Welcome to AppFlowy Editor 🔥!
final selection = Selection.collapsed(
Position(path: [1], offset: 1),
);
editorState.selection = selection;
final result = await formatAsteriskToBulletedList.execute(editorState);
final after = editorState.getNodeAtPath([1])!;
// the second line will be formatted as the bulleted list style
expect(result, true);
expect(after.type, 'bulleted_list');
expect(after.delta!.toPlainText(), text);
});
});
});
}

108
test/new/block_component/numbered_list_component/numbered_list_character_shortcut_test.dart Normal file
View file

@ -0,0 +1,108 @@
import 'package:appflowy_editor/appflowy_editor.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter_test/flutter_test.dart';
import '../../util/util.dart';
void main() async {
setUpAll(() {
if (kDebugMode) {
activateLog();
}
});
tearDownAll(() {
if (kDebugMode) {
deactivateLog();
}
});
group('formatAsteriskToBulletedList', () {
// Before
// *|Welcome to AppFlowy Editor 🔥!
// After
// [bulleted_list]Welcome to AppFlowy Editor 🔥!
test(
'mock inputting a ` ` after asterisk which is located at the front of the text',
() async {
const text = 'Welcome to AppFlowy Editor 🔥!';
final document = Document.blank().addParagraphs(
1,
builder: (index) => Delta()..insert('*$text'),
);
final editorState = EditorState(document: document);
// *|Welcome to AppFlowy Editor 🔥!
final selection = Selection.collapsed(
Position(path: [0], offset: 1),
);
editorState.selection = selection;
final result = await formatAsteriskToBulletedList.execute(editorState);
expect(result, true);
final after = editorState.getNodeAtPath([0])!;
expect(after.delta!.toPlainText(), text);
expect(after.type, 'bulleted_list');
});
// Before
// *W|elcome to AppFlowy Editor 🔥!
// After
// *W|elcome to AppFlowy Editor 🔥!
test('mock inputting a ` ` in the middle of the text', () async {
const text = 'Welcome to AppFlowy Editor 🔥!';
final document = Document.blank().addParagraphs(
1,
builder: (index) => Delta()..insert('*$text'),
);
final editorState = EditorState(document: document);
// *W|elcome to AppFlowy Editor 🔥!
final selection = Selection.collapsed(
Position(path: [0], offset: 2),
);
editorState.selection = selection;
final before = editorState.getNodesInSelection(selection).first;
final result = await formatAsteriskToBulletedList.execute(editorState);
final after = editorState.getNodesInSelection(selection).first;
// nothing happens
expect(result, false);
expect(before.toJson(), after.toJson());
});
// Before
// Welcome to AppFlowy Editor 🔥!
// *|Welcome to AppFlowy Editor 🔥!
// After
// Welcome to AppFlowy Editor 🔥!
//[bulleted_list] Welcome to AppFlowy Editor 🔥!
test('mock inputting a ` ` in the middle of the text', () async {
const text = 'Welcome to AppFlowy Editor 🔥!';
final document = Document.blank()
.addParagraphs(
1,
builder: (index) => Delta()..insert(text),
)
.addParagraphs(
1,
builder: (index) => Delta()..insert('*$text'),
);
final editorState = EditorState(document: document);
// Welcome to AppFlowy Editor 🔥!
// *|Welcome to AppFlowy Editor 🔥!
final selection = Selection.collapsed(
Position(path: [1], offset: 1),
);
editorState.selection = selection;
final result = await formatAsteriskToBulletedList.execute(editorState);
final after = editorState.getNodeAtPath([1])!;
// the second line will be formatted as the bulleted list style
expect(result, true);
expect(after.type, 'bulleted_list');
expect(after.delta!.toPlainText(), text);
});
});
}