feat: Initial clean release of CHM

packages/app-mobile/components/NoteEditor/MarkdownEditor.test.tsx

@@ -0,0 +1,76 @@
+import * as React from 'react';
+
+import { describe, it, beforeEach } from '@jest/globals';
+import { render, waitFor } from '../../utils/testing/testingLibrary';
+
+import Setting from '@joplin/lib/models/Setting';
+import { setupDatabaseAndSynchronizer, switchClient } from '@joplin/lib/testing/test-utils';
+import TestProviderStack from '../testing/TestProviderStack';
+import createMockReduxStore from '../../utils/testing/createMockReduxStore';
+import createTestEditorProps from './testing/createTestEditorProps';
+import { EditorEvent, EditorEventType } from '@joplin/editor/events';
+import { RefObject, useCallback } from 'react';
+import { EditorCommandType, EditorControl } from '@joplin/editor/types';
+import MarkdownEditor from './MarkdownEditor';
+
+
+interface WrapperProps {
+	ref?: RefObject<EditorControl>;
+	onBodyChange: (newBody: string)=> void;
+	noteBody: string;
+}
+
+const defaultEditorProps = createTestEditorProps();
+const testStore = createMockReduxStore();
+const WrappedEditor: React.FC<WrapperProps> = (
+	{
+		noteBody,
+		onBodyChange,
+		ref,
+	}: WrapperProps,
+) => {
+	const onEvent = useCallback((event: EditorEvent) => {
+		if (event.kind === EditorEventType.Change) {
+			onBodyChange(event.value);
+		}
+	}, [onBodyChange]);
+
+	return <TestProviderStack store={testStore}>
+		<MarkdownEditor
+			{...defaultEditorProps}
+			onEditorEvent={onEvent}
+			initialText={noteBody}
+			editorRef={ref ?? defaultEditorProps.editorRef}
+		/>
+	</TestProviderStack>;
+};
+
+describe('MarkdownEditor', () => {
+	beforeEach(async () => {
+		await setupDatabaseAndSynchronizer(0);
+		await switchClient(0);
+		Setting.setValue('editor.codeView', true);
+	});
+
+	// Regression test for #13193. This verifies that the editor can be reached
+	// over IPC.
+	it('should support the "textBold" command', async () => {
+		let editorBody = 'test';
+		const editorRef = React.createRef<EditorControl|null>();
+		render(<WrappedEditor
+			ref={editorRef}
+			noteBody={editorBody}
+			onBodyChange={newValue => { editorBody = newValue; }}
+		/>);
+
+		// Should mark the command as supported
+		expect(await editorRef.current.supportsCommand(EditorCommandType.ToggleBolded));
+
+		// Command should run
+		await editorRef.current.execCommand(EditorCommandType.SelectAll);
+		await editorRef.current.execCommand(EditorCommandType.ToggleBolded);
+		await waitFor(() => {
+			expect(editorBody).toBe('**test**');
+		});
+	});
+});