test: Create note and type

Signed-off-by: Enjeck C. <patrathewhiz@gmail.com>

Author: enjeck

playwright/e2e/basic.spec.ts

@@ -1,13 +1,25 @@
-import { expect, test } from '@playwright/test'
-import { login } from '../support/login'
+import { expect, test } from "@playwright/test";
+import { login } from "../support/login";
+import { NoteEditor } from "../support/sections/NoteEditor";
 
-test.describe('Basic checks', () => {
-    test.beforeEach(async ({ page }) => {
-        await login(page)
-    })
+test.describe("Basic checks", () => {
+	test.beforeEach(async ({ page }) => {
+		await login(page);
+	});
 
-	test('Notes app is visible', async ({ page }) => {
-		await page.goto('/index.php/apps/notes/')
-		await expect(page).toHaveTitle(/Notes/)
-	})
-})
+	test("Notes app is visible", async ({ page }) => {
+		await page.goto("/index.php/apps/notes/");
+		await expect(page).toHaveTitle(/Notes/);
+	});
+
+	test("Create note and type", async ({ page }) => {
+		await page.goto("/index.php/apps/notes/");
+		await page
+			.locator("#app-navigation-vue")
+			.getByRole("button", { name: "New note" })
+			.click();
+		const editor = new NoteEditor(page);
+		await editor.type("Hello from Playwright");
+		await expect(editor.content).toContainText("Hello from Playwright");
+	});
+});

playwright/support/sections/NoteEditor.ts

@@ -0,0 +1,15 @@
+import type { Locator, Page } from "@playwright/test";
+
+export class NoteEditor {
+	public readonly el: Locator;
+	public readonly content: Locator;
+
+	constructor(public readonly page: Page) {
+		this.el = this.page.locator(".editor").first();
+		this.content = this.el.getByRole("textbox");
+	}
+
+	public async type(keys: string): Promise<void> {
+		await this.content.pressSequentially(keys);
+	}
+}