feat: Initial clean release of CHM

packages/app-desktop/integration-tests/models/SettingsScreen/SettingsScreen.ts

@@ -0,0 +1,36 @@
+
+import { Page, Locator } from '@playwright/test';
+import SyncTab from './SyncTab';
+
+export default class SettingsScreen {
+	private readonly container: Locator;
+	public readonly okayButton: Locator;
+	public readonly appearanceTabButton: Locator;
+
+	public constructor(page: Page) {
+		this.container = page.locator('.config-screen');
+		this.okayButton = this.container.locator('.button-bar button', { hasText: 'OK' });
+		this.appearanceTabButton = this.getTabLocator('Appearance');
+	}
+
+	public getTabLocator(tabName: string) {
+		return this.container.getByRole('tab', { name: tabName });
+	}
+
+	public getLastTab() {
+		return this.container.getByRole('tablist').getByRole('tab').last();
+	}
+
+	public async waitFor() {
+		await this.okayButton.waitFor();
+		await this.appearanceTabButton.waitFor();
+	}
+
+	public async openSyncTab() {
+		await this.waitFor();
+		const syncTab = this.getTabLocator('Synchronisation');
+		await syncTab.click();
+
+		return new SyncTab(this.container);
+	}
+}