feat: Initial clean release of CHM

packages/app-desktop/integration-tests/models/NoteEditor/RichTextEditor.ts

@@ -0,0 +1,44 @@
+import { FrameLocator, Locator, Page } from '@playwright/test';
+import BaseEditor from './BaseEditor';
+import EditorCodeDialog from './EditorCodeDialog';
+
+export default class RichTextEditor implements BaseEditor {
+	public readonly container: Locator;
+	public readonly content: FrameLocator;
+	public readonly codeEditor: EditorCodeDialog;
+	public readonly body: Locator;
+
+	public constructor(parent: Locator, page: Page) {
+		this.container = parent.locator('iframe[title="Rich Text Area"]');
+		this.content = this.container.contentFrame();
+		this.codeEditor = new EditorCodeDialog(page);
+		this.body = this.content.locator('body');
+	}
+
+	public async waitFor() {
+		await this.container.waitFor();
+		await this.content.locator('body').waitFor();
+	}
+
+	public async focusContent() {
+		// eslint-disable-next-line no-restricted-properties -- The focusHandler wrapper can't be used here, since Playwright's focus needs to be awaited
+		await this.body.focus();
+	}
+
+	public async typeText(text: string) {
+		await this.body.waitFor();
+		await this.focusContent();
+		await this.body.pressSequentially(text);
+	}
+
+	public async getSearchMatches() {
+		return this.body.evaluate(() => {
+			const highlights = CSS.highlights.get('jop-search-highlight') ?? new Set();
+			const result = [];
+			for (const highlight of highlights) {
+				result.push(highlight.toString());
+			}
+			return result;
+		});
+	}
+}