feat: Initial clean release of CHM

packages/lib/components/shared/side-menu-shared.test.ts

@@ -0,0 +1,138 @@
+import { FolderEntity } from '../../services/database/types';
+import { getTrashFolder, getTrashFolderId } from '../../services/trash';
+import { buildFolderTree, renderFolders } from './side-menu-shared';
+
+const renderItem = (folder: FolderEntity, hasChildren: boolean, depth: number) => {
+	return [folder.id, hasChildren, depth];
+};
+
+describe('side-menu-shared', () => {
+
+	test.each([
+		[
+			{
+				collapsedFolderIds: [],
+				folders: [],
+				notesParentType: 'Folder',
+				selectedFolderId: '',
+				selectedTagId: '',
+			},
+			{
+				items: [],
+				order: [],
+			},
+		],
+
+		[
+			{
+				collapsedFolderIds: [],
+				folders: [
+					{
+						id: '1',
+						parent_id: '',
+						deleted_time: 0,
+					},
+					{
+						id: '2',
+						parent_id: '',
+						deleted_time: 0,
+					},
+					{
+						id: '3',
+						parent_id: '1',
+						deleted_time: 0,
+					},
+				],
+				notesParentType: 'Folder',
+				selectedFolderId: '2',
+				selectedTagId: '',
+			},
+			{
+				items: [
+					['1', true, 0],
+					['3', false, 1],
+					['2', false, 0],
+				],
+				order: ['1', '3', '2'],
+			},
+		],
+
+		[
+			{
+				collapsedFolderIds: [],
+				folders: [
+					{
+						id: '1',
+						parent_id: '',
+						deleted_time: 0,
+					},
+					{
+						id: '2',
+						parent_id: '',
+						deleted_time: 1000,
+					},
+					getTrashFolder(),
+				],
+				notesParentType: 'Folder',
+				selectedFolderId: '',
+				selectedTagId: '',
+			},
+			{
+				items: [
+					['1', false, 0],
+					[getTrashFolderId(), true, 0],
+					['2', false, 1],
+				],
+				order: ['1', getTrashFolderId(), '2'],
+			},
+		],
+
+		// Should not render id: 4 because it's contained within the child of a collapsed folder.
+		[
+			{
+				collapsedFolderIds: ['2'],
+				folders: [
+					{
+						id: '1',
+						parent_id: '',
+						deleted_time: 0,
+					},
+					{
+						id: '2',
+						parent_id: '',
+						deleted_time: 0,
+					},
+					{
+						id: '3',
+						parent_id: '2',
+						deleted_time: 0,
+					},
+					{
+						id: '4',
+						parent_id: '3',
+						deleted_time: 0,
+					},
+					getTrashFolder(),
+				],
+				notesParentType: 'Folder',
+				selectedFolderId: '',
+				selectedTagId: '',
+			},
+			{
+				items: [
+					['1', false, 0],
+					['2', true, 0],
+					[getTrashFolderId(), false, 0],
+				],
+				order: ['1', '2', getTrashFolderId()],
+			},
+		],
+	])('should render folders (case %#)', (props, expected) => {
+		const actual = renderFolders({
+			folderTree: buildFolderTree(props.folders),
+			collapsedFolderIds: props.collapsedFolderIds,
+		}, renderItem);
+		expect(actual).toEqual(expected);
+	});
+
+});