snapshot of https://github.com/tldraw/tldraw.git (main, 2026-09-23; blobs > 131072B omitted)

apps/dotcom/client/e2e/fixtures/Editor.ts

@@ -0,0 +1,95 @@
+import { expect } from '@playwright/test'
+import type { Locator, Page } from '@playwright/test'
+import { sleep } from './helpers'
+import { Sidebar } from './Sidebar'
+import { step } from './tla-test'
+
+export class Editor {
+	public readonly sidebarToggle: Locator
+	private readonly fileName: Locator
+	private readonly shapes: Locator
+	private readonly pageMenu: Locator
+
+	constructor(
+		public readonly page: Page,
+		private readonly sidebar: Sidebar
+	) {
+		this.sidebarToggle = this.page.getByTestId('tla-sidebar-toggle')
+		this.fileName = this.page.getByTestId('tla-file-name')
+		this.shapes = this.page.locator('.tl-shape')
+		this.pageMenu = this.page.getByTestId('tla-main-menu')
+	}
+
+	async toggleSidebar() {
+		await this.sidebarToggle.click()
+		await sleep(500)
+	}
+
+	@step
+	async ensureSidebarOpen() {
+		const visible = await this.sidebar.isVisible()
+		if (!visible) {
+			await this.toggleSidebar()
+		}
+		await this.sidebar.expectIsVisible()
+	}
+
+	@step
+	async ensureSidebarClosed() {
+		const visible = await this.sidebar.isVisible()
+		if (visible) {
+			await this.toggleSidebar()
+		}
+		await this.sidebar.expectIsNotVisible()
+	}
+
+	async isLoaded() {
+		await expect(this.sidebarToggle).toBeVisible()
+	}
+
+	async getShapeCount() {
+		return await this.shapes.count()
+	}
+
+	@step
+	async expectShapesCount(expected: number, timeout?: number) {
+		await expect(this.shapes).toHaveCount(expected, { timeout })
+	}
+
+	async getCurrentFileName() {
+		const text = await this.fileName.innerText()
+		// The UI replaces spaces with \u00a0 to prevent line-breaking; normalise back.
+		return text.replace(/\u00a0/g, ' ')
+	}
+
+	@step
+	async rename(newName: string) {
+		await this.fileName.click()
+		await this.page.getByTestId('tla-file-name-input').fill(newName)
+		await this.page.keyboard.press('Enter')
+	}
+
+	@step
+	async openPageMenu() {
+		await this.pageMenu.click()
+	}
+
+	@step
+	async createNewPage() {
+		await this.page.getByTestId('page-menu.button').click()
+		await expect(this.page.getByTestId('page-menu.create')).toBeVisible()
+		await expect(this.page.getByTestId('page-menu.item').first()).toBeVisible()
+		const count = await this.page.getByTestId('page-menu.item').count()
+		await this.page.getByTestId('page-menu.create').click()
+		await expect(this.page.getByTestId('page-menu.item')).toHaveCount(count + 1)
+		await this.page.keyboard.press('Enter')
+		await this.page.keyboard.press('Escape')
+	}
+
+	@step
+	async createTextShape(text: string) {
+		await this.page.getByTestId('tools.select').click()
+		await this.page.locator('.tl-background').click({ clickCount: 2 })
+		await this.page.locator('div[contenteditable="true"]').fill(text)
+	}
+}