first commit

packages/testing/playwright/pages/SettingsEnvironmentPage.ts

@@ -0,0 +1,54 @@
+import { expect, type Locator } from '@playwright/test';
+
+import { BasePage } from './BasePage';
+
+export class SettingsEnvironmentPage extends BasePage {
+	getConnectButton(): Locator {
+		return this.page.getByTestId('source-control-connect-button');
+	}
+
+	getDisconnectButton(): Locator {
+		return this.page.getByTestId('source-control-disconnect-button');
+	}
+
+	getRepoUrlInput(): Locator {
+		return this.page.getByPlaceholder('git@github.com:user/repository.git');
+	}
+
+	getBranchSelect(): Locator {
+		return this.page.getByTestId('source-control-branch-select');
+	}
+
+	getSaveButton(): Locator {
+		return this.page.getByTestId('source-control-save-settings-button');
+	}
+
+	fillRepoUrl(url: string): Promise<void> {
+		return this.getRepoUrlInput().fill(url);
+	}
+
+	async selectBranch(branchName: string): Promise<void> {
+		await this.getBranchSelect().click();
+		await this.page.getByRole('option', { name: branchName }).click();
+	}
+
+	async enableReadOnlyMode(): Promise<void> {
+		const checkbox = this.page.getByTestId('source-control-read-only-checkbox');
+		await checkbox.check();
+	}
+
+	async disableReadOnlyMode(): Promise<void> {
+		const checkbox = this.page.getByTestId('source-control-read-only-checkbox');
+		await checkbox.uncheck();
+	}
+
+	async disconnect(): Promise<void> {
+		await this.getDisconnectButton().click();
+
+		const confirmModal = this.page
+			.getByRole('dialog')
+			.filter({ hasText: 'Disconnect Git repository' });
+		await expect(confirmModal).toBeVisible();
+		await confirmModal.locator('.btn--confirm').click();
+	}
+}