mirror of
https://github.com/AppFlowy-IO/AppFlowy.git
synced 2025-08-24 16:52:17 +00:00
7f74fd6149
* chore: change initial cover type's name to none * chore: refactor cover node widget * chore: use a constant instead of magic value * fix: make the size of icon hover effect smaller * chore: improve appearance of selected color * test: add cover integration tests * fix: inner ring of selected color in dark mode * refactor: cover node to document header node * test: simplify tests * chore: rename files
133 lines
4.4 KiB
Dart
133 lines
4.4 KiB
Dart
import 'package:appflowy/plugins/document/presentation/editor_plugins/header/document_header_node_widget.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
import 'package:integration_test/integration_test.dart';
|
|
|
|
import '../util/emoji.dart';
|
|
import '../util/util.dart';
|
|
|
|
void main() {
|
|
IntegrationTestWidgetsFlutterBinding.ensureInitialized();
|
|
|
|
group('cover image', () {
|
|
const location = 'cover_image';
|
|
|
|
setUp(() async {
|
|
await TestFolder.cleanTestLocation(location);
|
|
await TestFolder.setTestLocation(location);
|
|
});
|
|
|
|
tearDown(() async {
|
|
await TestFolder.cleanTestLocation(location);
|
|
});
|
|
|
|
tearDownAll(() async {
|
|
await TestFolder.cleanTestLocation(null);
|
|
});
|
|
|
|
testWidgets('document cover tests', (tester) async {
|
|
await tester.initializeAppFlowy();
|
|
await tester.tapGoButton();
|
|
|
|
tester.expectToSeeNoDocumentCover();
|
|
|
|
// Hover over cover toolbar to show 'Add Cover' and 'Add Icon' buttons
|
|
await tester.editor.hoverOnCoverToolbar();
|
|
tester.expectToSeePluginAddCoverAndIconButton();
|
|
|
|
// Insert a document cover
|
|
await tester.editor.tapOnAddCover();
|
|
tester.expectToSeeDocumentCover(
|
|
CoverType.asset,
|
|
"assets/images/app_flowy_abstract_cover_1.jpg",
|
|
);
|
|
|
|
// Hover over the cover to show the 'Change Cover' and delete buttons
|
|
await tester.editor.hoverOnCover();
|
|
tester.expectChangeCoverAndDeleteButton();
|
|
|
|
// Change cover to a solid color background
|
|
await tester.editor.hoverOnCover();
|
|
await tester.editor.tapOnChangeCover();
|
|
await tester.editor.switchSolidColorBackground();
|
|
await tester.editor.dismissCoverPicker();
|
|
tester.expectToSeeDocumentCover(CoverType.color, "ffe8e0ff");
|
|
|
|
// Remove the cover
|
|
await tester.editor.hoverOnCover();
|
|
await tester.editor.tapOnRemoveCover();
|
|
tester.expectToSeeNoDocumentCover();
|
|
});
|
|
|
|
testWidgets('document icon tests', (tester) async {
|
|
await tester.initializeAppFlowy();
|
|
await tester.tapGoButton();
|
|
|
|
tester.expectToSeeDocumentIcon(null);
|
|
|
|
// Hover over cover toolbar to show the 'Add Cover' and 'Add Icon' buttons
|
|
await tester.editor.hoverOnCoverToolbar();
|
|
tester.expectToSeePluginAddCoverAndIconButton();
|
|
|
|
// Insert a document icon
|
|
await tester.editor.tapAddIconButton();
|
|
await tester.switchToEmojiList();
|
|
await tester.tapEmoji('😀');
|
|
tester.expectToSeeDocumentIcon('😀');
|
|
|
|
// Remove the document icon from the cover toolbar
|
|
await tester.editor.hoverOnCoverToolbar();
|
|
await tester.editor.tapRemoveIconButton();
|
|
tester.expectToSeeDocumentIcon(null);
|
|
|
|
// Add the icon back for further testing
|
|
await tester.editor.hoverOnCoverToolbar();
|
|
await tester.editor.tapAddIconButton();
|
|
await tester.switchToEmojiList();
|
|
await tester.tapEmoji('😀');
|
|
tester.expectToSeeDocumentIcon('😀');
|
|
|
|
// Change the document icon
|
|
await tester.editor.tapOnIconWidget();
|
|
await tester.switchToEmojiList();
|
|
await tester.tapEmoji('😅');
|
|
tester.expectToSeeDocumentIcon('😅');
|
|
|
|
// Remove the document icon from the icon picker
|
|
await tester.editor.tapOnIconWidget();
|
|
await tester.editor.tapRemoveIconButton(isInPicker: true);
|
|
tester.expectToSeeDocumentIcon(null);
|
|
});
|
|
|
|
testWidgets('icon and cover at the same time', (tester) async {
|
|
await tester.initializeAppFlowy();
|
|
await tester.tapGoButton();
|
|
|
|
tester.expectToSeeDocumentIcon(null);
|
|
tester.expectToSeeNoDocumentCover();
|
|
|
|
// Hover over cover toolbar to show the 'Add Cover' and 'Add Icon' buttons
|
|
await tester.editor.hoverOnCoverToolbar();
|
|
tester.expectToSeePluginAddCoverAndIconButton();
|
|
|
|
// Insert a document icon
|
|
await tester.editor.tapAddIconButton();
|
|
await tester.switchToEmojiList();
|
|
await tester.tapEmoji('😀');
|
|
|
|
// Insert a document cover
|
|
await tester.editor.tapOnAddCover();
|
|
|
|
// Expect to see the icon and cover at the same time
|
|
tester.expectToSeeDocumentIcon('😀');
|
|
tester.expectToSeeDocumentCover(
|
|
CoverType.asset,
|
|
"assets/images/app_flowy_abstract_cover_1.jpg",
|
|
);
|
|
|
|
// Hover over the cover toolbar and see that neither icons are shown
|
|
await tester.editor.hoverOnCoverToolbar();
|
|
tester.expectToSeeEmptyDocumentHeaderToolbar();
|
|
});
|
|
});
|
|
}
|