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

packages/twenty-e2e-testing/lib/pom/settings/accountsSection.ts

@@ -0,0 +1,62 @@
+import { Locator, Page } from '@playwright/test';
+
+export class AccountsSection {
+  private readonly addAccountButton: Locator;
+  private readonly deleteAccountButton: Locator;
+  private readonly addBlocklistField: Locator;
+  private readonly addBlocklistButton: Locator;
+  private readonly connectWithGoogleButton: Locator;
+  private readonly connectWithMicrosoftButton: Locator;
+
+  constructor(public readonly page: Page) {
+    this.page = page;
+    this.addAccountButton = page.getByRole('button', { name: 'Add account' });
+    this.deleteAccountButton = page
+      .getByTestId('tooltip')
+      .getByText('Remove account');
+    this.addBlocklistField = page.getByPlaceholder(
+      'eddy@gmail.com, @apple.com',
+    );
+    this.addBlocklistButton = page.getByRole('button', {
+      name: 'Add to blocklist',
+    });
+    this.connectWithGoogleButton = page.getByRole('button', {
+      name: 'Connect with Google',
+    });
+    this.connectWithMicrosoftButton = page.getByRole('button', {
+      name: 'Connect with Microsoft',
+    });
+  }
+
+  async clickAddAccount() {
+    await this.addAccountButton.click();
+  }
+
+  async deleteAccount(email: string) {
+    await this.page
+      .locator(`//span[contains(., "${email}")]/../div/div/div/button`)
+      .click();
+    await this.deleteAccountButton.click();
+  }
+
+  async addToBlockList(domain: string) {
+    await this.addBlocklistField.fill(domain);
+    await this.addBlocklistButton.click();
+  }
+
+  async removeFromBlocklist(domain: string) {
+    await this.page
+      .locator(
+        `//div[@data-testid='tooltip' and contains(., '${domain}')]/../../div[last()]/button`,
+      )
+      .click();
+  }
+
+  async linkGoogleAccount() {
+    await this.connectWithGoogleButton.click();
+  }
+
+  async linkMicrosoftAccount() {
+    await this.connectWithMicrosoftButton.click();
+  }
+}

packages/twenty-e2e-testing/lib/pom/settings/apisSection.ts

@@ -0,0 +1,64 @@
+import { Locator, Page } from '@playwright/test';
+
+export class APIsSection {
+  private readonly createApiKeyButton: Locator;
+  private readonly regenerateApiKeyButton: Locator;
+  private readonly nameOfApiKeyInput: Locator;
+  private readonly expirationDateApiKeySelect: Locator;
+  private readonly cancelButton: Locator;
+  private readonly saveButton: Locator;
+  private readonly deleteButton: Locator;
+
+  constructor(public readonly page: Page) {
+    this.page = page;
+    this.createApiKeyButton = page.getByRole('link', {
+      name: 'Create API Key',
+    });
+    this.nameOfApiKeyInput = page
+      .getByPlaceholder('E.g. backoffice integration')
+      .first();
+    this.expirationDateApiKeySelect = page.locator(
+      'div[aria-controls="object-field-type-select-options"]',
+    );
+    this.regenerateApiKeyButton = page.getByRole('button', {
+      name: 'Regenerate Key',
+    });
+    this.cancelButton = page.getByRole('button', { name: 'Cancel' });
+    this.saveButton = page.getByRole('button', { name: 'Save' });
+    this.deleteButton = page.getByRole('button', { name: 'Delete' });
+  }
+
+  async createApiKey() {
+    await this.createApiKeyButton.click();
+  }
+
+  async typeApiKeyName(name: string) {
+    await this.nameOfApiKeyInput.clear();
+    await this.nameOfApiKeyInput.fill(name);
+  }
+
+  async selectApiExpirationDate(date: string) {
+    await this.expirationDateApiKeySelect.click();
+    await this.page.getByText(date, { exact: true }).click();
+  }
+
+  async regenerateApiKey() {
+    await this.regenerateApiKeyButton.click();
+  }
+
+  async deleteApiKey() {
+    await this.deleteButton.click();
+  }
+
+  async clickCancelButton() {
+    await this.cancelButton.click();
+  }
+
+  async clickSaveButton() {
+    await this.saveButton.click();
+  }
+
+  async checkApiKeyDetails(name: string) {
+    await this.page.locator(`//a/div[contains(.,'${name}')][first()]`).click();
+  }
+}

packages/twenty-e2e-testing/lib/pom/settings/calendarSection.ts

@@ -0,0 +1,30 @@
+import { Locator, Page } from '@playwright/test';
+
+export class CalendarSection {
+  private readonly eventVisibilityEverythingOption: Locator;
+  private readonly eventVisibilityMetadataOption: Locator;
+  private readonly contactAutoCreation: Locator;
+
+  constructor(public readonly page: Page) {
+    this.page = page;
+    this.eventVisibilityEverythingOption = page.locator(
+      'input[value="SHARE_EVERYTHING"]',
+    );
+    this.eventVisibilityMetadataOption = page.locator(
+      'input[value="METADATA"]',
+    );
+    this.contactAutoCreation = page.getByRole('checkbox').nth(1);
+  }
+
+  async changeVisibilityToEverything() {
+    await this.eventVisibilityEverythingOption.click();
+  }
+
+  async changeVisibilityToMetadata() {
+    await this.eventVisibilityMetadataOption.click();
+  }
+
+  async toggleAutoCreation() {
+    await this.contactAutoCreation.click();
+  }
+}

packages/twenty-e2e-testing/lib/pom/settings/dataModelSection.ts

@@ -0,0 +1,189 @@
+import { Locator, Page } from '@playwright/test';
+
+export class DataModelSection {
+  private readonly searchObjectInput: Locator;
+  private readonly addObjectButton: Locator;
+  private readonly objectSingularNameInput: Locator;
+  private readonly objectPluralNameInput: Locator;
+  private readonly objectDescription: Locator;
+  private readonly synchronizeLabelApiToggle: Locator;
+  private readonly objectApiSingularNameInput: Locator;
+  private readonly objectApiPluralNameInput: Locator;
+  private readonly objectMoreOptionsButton: Locator;
+  private readonly editObjectButton: Locator;
+  private readonly deleteObjectButton: Locator;
+  private readonly activeSection: Locator;
+  private readonly inactiveSection: Locator;
+  private readonly searchFieldInput: Locator;
+  private readonly addFieldButton: Locator;
+  private readonly viewFieldDetailsMoreOptionsButton: Locator;
+  private readonly nameFieldInput: Locator;
+  private readonly descriptionFieldInput: Locator;
+  private readonly deactivateMoreOptionsButton: Locator;
+  private readonly activateMoreOptionsButton: Locator;
+  private readonly deactivateButton: Locator; // TODO: add attribute to make it one button
+  private readonly activateButton: Locator;
+  private readonly cancelButton: Locator;
+  private readonly saveButton: Locator;
+
+  constructor(public readonly page: Page) {
+    this.searchObjectInput = page.getByPlaceholder('Search an object...');
+    this.addObjectButton = page.getByRole('button', { name: 'Add object' });
+    this.objectSingularNameInput = page.getByPlaceholder('Listing', {
+      exact: true,
+    });
+    this.objectPluralNameInput = page.getByPlaceholder('Listings', {
+      exact: true,
+    });
+    this.objectDescription = page.getByPlaceholder('Write a description');
+    this.synchronizeLabelApiToggle = page.getByRole('checkbox').nth(1);
+    this.objectApiSingularNameInput = page.getByPlaceholder('listing', {
+      exact: true,
+    });
+    this.objectApiPluralNameInput = page.getByPlaceholder('listings', {
+      exact: true,
+    });
+    this.objectMoreOptionsButton = page.getByLabel('Object Options');
+    this.editObjectButton = page.getByTestId('tooltip').getByText('Edit');
+    this.deactivateMoreOptionsButton = page
+      .getByTestId('tooltip')
+      .getByText('Deactivate');
+    this.activateMoreOptionsButton = page
+      .getByTestId('tooltip')
+      .getByText('Activate');
+    this.deleteObjectButton = page.getByTestId('tooltip').getByText('Delete');
+    this.activeSection = page.getByText('Active', { exact: true });
+    this.inactiveSection = page.getByText('Inactive');
+    this.searchFieldInput = page.getByPlaceholder('Search a field...');
+    this.addFieldButton = page.getByRole('button', { name: 'Add field' });
+    this.viewFieldDetailsMoreOptionsButton = page
+      .getByTestId('tooltip')
+      .getByText('View');
+    this.nameFieldInput = page.getByPlaceholder('Employees');
+    this.descriptionFieldInput = page.getByPlaceholder('Write a description');
+    this.deactivateButton = page.getByRole('button', { name: 'Deactivate' });
+    this.activateButton = page.getByRole('button', { name: 'Activate' });
+    this.cancelButton = page.getByRole('button', { name: 'Cancel' });
+    this.saveButton = page.getByRole('button', { name: 'Save' });
+  }
+
+  async searchObject(name: string) {
+    await this.searchObjectInput.fill(name);
+  }
+
+  async clickAddObjectButton() {
+    await this.addObjectButton.click();
+  }
+
+  async typeObjectSingularName(name: string) {
+    await this.objectSingularNameInput.fill(name);
+  }
+
+  async typeObjectPluralName(name: string) {
+    await this.objectPluralNameInput.fill(name);
+  }
+
+  async typeObjectDescription(name: string) {
+    await this.objectDescription.fill(name);
+  }
+
+  async toggleSynchronizeLabelApi() {
+    await this.synchronizeLabelApiToggle.click();
+  }
+
+  async typeObjectSingularApiName(name: string) {
+    await this.objectApiSingularNameInput.fill(name);
+  }
+
+  async typeObjectPluralApiName(name: string) {
+    await this.objectApiPluralNameInput.fill(name);
+  }
+
+  async checkObjectDetails(name: string) {
+    await this.page.getByRole('link').filter({ hasText: name }).click();
+  }
+
+  async activateInactiveObject(name: string) {
+    await this.page
+      .locator(`//div[@title="${name}"]/../../div[last()]`)
+      .click();
+    await this.activateButton.click();
+  }
+
+  // object can be deleted only if is custom and inactive
+  async deleteInactiveObject(name: string) {
+    await this.page
+      .locator(`//div[@title="${name}"]/../../div[last()]`)
+      .click();
+    await this.deleteObjectButton.click();
+  }
+
+  async editObjectDetails() {
+    await this.objectMoreOptionsButton.click();
+    await this.editObjectButton.click();
+  }
+
+  async deactivateObjectWithMoreOptions() {
+    await this.objectMoreOptionsButton.click();
+    await this.deactivateButton.click();
+  }
+
+  async searchField(name: string) {
+    await this.searchFieldInput.fill(name);
+  }
+
+  async checkFieldDetails(name: string) {
+    await this.page.locator(`//div[@title="${name}"]`).click();
+  }
+
+  async checkFieldDetailsWithButton(name: string) {
+    await this.page
+      .locator(`//div[@title="${name}"]/../../div[last()]`)
+      .click();
+    await this.viewFieldDetailsMoreOptionsButton.click();
+  }
+
+  async deactivateFieldWithButton(name: string) {
+    await this.page
+      .locator(`//div[@title="${name}"]/../../div[last()]`)
+      .click();
+    await this.deactivateMoreOptionsButton.click();
+  }
+
+  async activateFieldWithButton(name: string) {
+    await this.page
+      .locator(`//div[@title="${name}"]/../../div[last()]`)
+      .click();
+    await this.activateMoreOptionsButton.click();
+  }
+
+  async clickAddFieldButton() {
+    await this.addFieldButton.click();
+  }
+
+  async typeFieldName(name: string) {
+    await this.nameFieldInput.clear();
+    await this.nameFieldInput.fill(name);
+  }
+
+  async typeFieldDescription(description: string) {
+    await this.descriptionFieldInput.clear();
+    await this.descriptionFieldInput.fill(description);
+  }
+
+  async clickInactiveSection() {
+    await this.inactiveSection.click();
+  }
+
+  async clickActiveSection() {
+    await this.activeSection.click();
+  }
+
+  async clickCancelButton() {
+    await this.cancelButton.click();
+  }
+
+  async clickSaveButton() {
+    await this.saveButton.click();
+  }
+}

packages/twenty-e2e-testing/lib/pom/settings/emailsSection.ts

@@ -0,0 +1,61 @@
+import { Locator, Page } from '@playwright/test';
+
+export class EmailsSection {
+  private readonly visibilityEverythingRadio: Locator;
+  private readonly visibilitySubjectRadio: Locator;
+  private readonly visibilityMetadataRadio: Locator;
+  private readonly autoCreationReceivedRadio: Locator;
+  private readonly autoCreationSentRadio: Locator;
+  private readonly autoCreationNoneRadio: Locator;
+  private readonly excludeNonProfessionalToggle: Locator;
+  private readonly excludeGroupToggle: Locator;
+
+  constructor(public readonly page: Page) {
+    this.page = page;
+    this.visibilityEverythingRadio = page.locator(
+      'input[value="SHARE_EVERYTHING"]',
+    );
+    this.visibilitySubjectRadio = page.locator('input[value="SUBJECT"]');
+    this.visibilityMetadataRadio = page.locator('input[value="METADATA"]');
+    this.autoCreationReceivedRadio = page.locator(
+      'input[value="SENT_AND_RECEIVED"]',
+    );
+    this.autoCreationSentRadio = page.locator('input[value="SENT"]');
+    this.autoCreationNoneRadio = page.locator('input[value="NONE"]');
+    // first checkbox is advanced settings toggle
+    this.excludeNonProfessionalToggle = page.getByRole('checkbox').nth(1);
+    this.excludeGroupToggle = page.getByRole('checkbox').nth(2);
+  }
+
+  async changeVisibilityToEverything() {
+    await this.visibilityEverythingRadio.click();
+  }
+
+  async changeVisibilityToSubject() {
+    await this.visibilitySubjectRadio.click();
+  }
+
+  async changeVisibilityToMetadata() {
+    await this.visibilityMetadataRadio.click();
+  }
+
+  async changeAutoCreationToAll() {
+    await this.autoCreationReceivedRadio.click();
+  }
+
+  async changeAutoCreationToSent() {
+    await this.autoCreationSentRadio.click();
+  }
+
+  async changeAutoCreationToNone() {
+    await this.autoCreationNoneRadio.click();
+  }
+
+  async toggleExcludeNonProfessional() {
+    await this.excludeNonProfessionalToggle.click();
+  }
+
+  async toggleExcludeGroup() {
+    await this.excludeGroupToggle.click();
+  }
+}

packages/twenty-e2e-testing/lib/pom/settings/experienceSection.ts

@@ -0,0 +1,64 @@
+import { Locator, Page } from '@playwright/test';
+
+export class ExperienceSection {
+  private readonly lightThemeButton: Locator;
+  private readonly darkThemeButton: Locator;
+  private readonly timezoneDropdown: Locator;
+  private readonly dateFormatDropdown: Locator;
+  private readonly timeFormatDropdown: Locator;
+  private readonly searchInput: Locator;
+  private readonly languageDropdown: Locator;
+
+  constructor(public readonly page: Page) {
+    this.page = page;
+    this.lightThemeButton = page.locator('div[variant="Light"]').first();
+    this.darkThemeButton = page.locator('div[variant="Dark"]').first();
+    this.timezoneDropdown = page.locator(
+      '//span[contains(., "Time zone")]/../div/div/div',
+    );
+    this.dateFormatDropdown = page.locator(
+      '//span[contains(., "Date format")]/../div/div/div',
+    );
+    this.timeFormatDropdown = page.locator(
+      '//span[contains(., "Time format")]/../div/div/div',
+    );
+    this.searchInput = page.getByPlaceholder('Search');
+    this.languageDropdown = page.locator(
+      '//h2[contains(., "Language")]/../../../div/div/div',
+    );
+  }
+
+  async changeThemeToLight() {
+    await this.lightThemeButton.click();
+  }
+
+  async changeThemeToDark() {
+    await this.darkThemeButton.click();
+  }
+
+  async selectTimeZone(timezone: string) {
+    await this.timezoneDropdown.click();
+    await this.page.getByText(timezone, { exact: true }).click();
+  }
+
+  async selectTimeZoneWithSearch(timezone: string) {
+    await this.timezoneDropdown.click();
+    await this.searchInput.fill(timezone);
+    await this.page.getByText(timezone, { exact: true }).click();
+  }
+
+  async selectDateFormat(dateFormat: string) {
+    await this.dateFormatDropdown.click();
+    await this.page.getByText(dateFormat, { exact: true }).click();
+  }
+
+  async selectTimeFormat(timeFormat: string) {
+    await this.timeFormatDropdown.click();
+    await this.page.getByText(timeFormat, { exact: true }).click();
+  }
+
+  async selectLanguage(language: string) {
+    await this.languageDropdown.click();
+    await this.page.getByText(language, { exact: true }).click();
+  }
+}

packages/twenty-e2e-testing/lib/pom/settings/generalSection.ts

@@ -0,0 +1,43 @@
+import { Locator, Page } from '@playwright/test';
+
+export class GeneralSection {
+  private readonly workspaceNameField: Locator;
+  private readonly supportSwitch: Locator;
+  private readonly deleteWorkspaceButton: Locator;
+  private readonly customizeDomainButton: Locator;
+  private readonly subdomainInput: Locator;
+
+  constructor(public readonly page: Page) {
+    this.page = page;
+    this.workspaceNameField = page.getByPlaceholder('Apple');
+    this.supportSwitch = page.getByRole('checkbox').nth(1);
+    this.deleteWorkspaceButton = page.getByRole('button', {
+      name: 'Delete workspace',
+    });
+    this.customizeDomainButton = page.getByRole('button', {
+      name: 'Customize domain',
+    });
+    this.subdomainInput = page.locator(
+      '//div[contains(.,".twenty-main.com")]/../input',
+    );
+  }
+
+  async changeWorkspaceName(workspaceName: string) {
+    await this.workspaceNameField.clear();
+    await this.workspaceNameField.fill(workspaceName);
+  }
+
+  async changeSupportSwitchState() {
+    await this.supportSwitch.click();
+  }
+
+  async clickDeleteWorkSpaceButton() {
+    await this.deleteWorkspaceButton.click();
+  }
+
+  async changeSubdomain(subdomain: string) {
+    await this.customizeDomainButton.click();
+    await this.subdomainInput.fill(subdomain);
+    await this.page.getByRole('button', { name: 'Save' }).click();
+  }
+}

packages/twenty-e2e-testing/lib/pom/settings/membersSection.ts

@@ -0,0 +1,56 @@
+import { Locator, Page } from '@playwright/test';
+
+export class MembersSection {
+  private readonly inviteTab: Locator;
+  private readonly inviteMembersField: Locator;
+  private readonly inviteMembersButton: Locator;
+  private readonly inviteLinkButton: Locator;
+
+  constructor(public readonly page: Page) {
+    this.page = page;
+    this.inviteTab = page.getByTestId('tab-invite');
+    this.inviteMembersField = page.getByPlaceholder(
+      'tim@apple.com, jony.ive@apple',
+    );
+    this.inviteMembersButton = page.getByRole('button', { name: 'Invite' });
+    this.inviteLinkButton = page.getByRole('button', { name: 'Copy link' });
+  }
+
+  async goToInviteTab() {
+    await this.inviteTab.click();
+  }
+
+  async copyInviteLink() {
+    await this.goToInviteTab();
+    await this.inviteLinkButton.click();
+  }
+
+  async sendInviteEmail(email: string) {
+    await this.goToInviteTab();
+    await this.inviteMembersField.click();
+    await this.inviteMembersField.fill(email);
+    await this.inviteMembersButton.click();
+  }
+
+  async deleteMember(email: string) {
+    await this.page
+      .locator(`//div[contains(., '${email}')]/../../div[last()]/div/button`)
+      .click();
+  }
+
+  async deleteInviteEmail(email: string) {
+    await this.page
+      .locator(
+        `//div[contains(., '${email}')]/../../div[last()]/div/button[first()]`,
+      )
+      .click();
+  }
+
+  async refreshInviteEmail(email: string) {
+    await this.page
+      .locator(
+        `//div[contains(., '${email}')]/../../div[last()]/div/button[last()]`,
+      )
+      .click();
+  }
+}

packages/twenty-e2e-testing/lib/pom/settings/newFieldSection.ts

@@ -0,0 +1,256 @@
+import { Locator, Page } from '@playwright/test';
+
+export class NewFieldSection {
+  private readonly searchTypeFieldInput: Locator;
+  private readonly currencyFieldLink: Locator;
+  private readonly currencyDefaultUnitSelect: Locator;
+  private readonly emailsFieldLink: Locator;
+  private readonly linksFieldLink: Locator;
+  private readonly phonesFieldLink: Locator;
+  private readonly addressFieldLink: Locator;
+  private readonly textFieldLink: Locator;
+  private readonly numberFieldLink: Locator;
+  private readonly decreaseDecimalsButton: Locator;
+  private readonly decimalsNumberInput: Locator;
+  private readonly increaseDecimalsButton: Locator;
+  private readonly booleanFieldLink: Locator;
+  private readonly defaultBooleanSelect: Locator;
+  private readonly dateTimeFieldLink: Locator;
+  private readonly dateFieldLink: Locator;
+  private readonly relativeDateToggle: Locator;
+  private readonly selectFieldLink: Locator;
+  private readonly multiSelectFieldLink: Locator;
+  private readonly setAsDefaultOptionButton: Locator;
+  private readonly removeOptionButton: Locator;
+  private readonly addOptionButton: Locator;
+  private readonly ratingFieldLink: Locator;
+  private readonly JSONFieldLink: Locator;
+  private readonly arrayFieldLink: Locator;
+  private readonly relationFieldLink: Locator;
+  private readonly relationTypeSelect: Locator;
+  private readonly objectDestinationSelect: Locator;
+  private readonly relationIconSelect: Locator;
+  private readonly relationFieldNameInput: Locator;
+  private readonly fullNameFieldLink: Locator;
+  private readonly UUIDFieldLink: Locator;
+  private readonly nameFieldInput: Locator;
+  private readonly descriptionFieldInput: Locator;
+
+  constructor(public readonly page: Page) {
+    this.searchTypeFieldInput = page.getByPlaceholder('Search a type');
+    this.currencyFieldLink = page.getByRole('link', { name: 'Currency' });
+    this.currencyDefaultUnitSelect = page.locator(
+      "//span[contains(., 'Default Unit')]/../div",
+    );
+    this.emailsFieldLink = page.getByRole('link', { name: 'Emails' }).nth(1);
+    this.linksFieldLink = page.getByRole('link', { name: 'Links' });
+    this.phonesFieldLink = page.getByRole('link', { name: 'Phones' });
+    this.addressFieldLink = page.getByRole('link', { name: 'Address' });
+    this.textFieldLink = page.getByRole('link', { name: 'Text' });
+    this.numberFieldLink = page.getByRole('link', { name: 'Number' });
+    this.decreaseDecimalsButton = page.locator(
+      "//div[contains(., 'Number of decimals')]/../div[last()]/div/div/button[2]",
+    );
+    this.decimalsNumberInput = page.locator(
+      // would be better if first div was span tag
+      "//div[contains(., 'Number of decimals')]/../div[last()]/div/div/div/div/input[2]",
+    );
+    this.increaseDecimalsButton = page.locator(
+      "//div[contains(., 'Number of decimals')]/../div[last()]/div/div/button[3]",
+    );
+    this.booleanFieldLink = page.getByRole('link', { name: 'True/False' });
+    this.defaultBooleanSelect = page.locator(
+      "//span[contains(., 'Default Value')]/../div",
+    );
+    this.dateTimeFieldLink = page.getByRole('link', { name: 'Date and Time' });
+    this.dateFieldLink = page.getByRole('link', { name: 'Date' });
+    this.relativeDateToggle = page.getByRole('checkbox').nth(1);
+    this.selectFieldLink = page.getByRole('link', { name: 'Select' });
+    this.multiSelectFieldLink = page.getByRole('link', {
+      name: 'Multi-select',
+    });
+    this.setAsDefaultOptionButton = page
+      .getByTestId('tooltip')
+      .getByText('Set as default');
+    this.removeOptionButton = page
+      .getByTestId('tooltip')
+      .getByText('Remove option');
+    this.addOptionButton = page.getByRole('button', { name: 'Add option' });
+    this.ratingFieldLink = page.getByRole('link', { name: 'Rating' });
+    this.JSONFieldLink = page.getByRole('link', { name: 'JSON' });
+    this.arrayFieldLink = page.getByRole('link', { name: 'Array' });
+    this.relationFieldLink = page.getByRole('link', { name: 'Relation' });
+    this.relationTypeSelect = page.locator(
+      "//span[contains(., 'Relation type')]/../div",
+    );
+    this.objectDestinationSelect = page.locator(
+      "//span[contains(., 'Object destination')]/../div",
+    );
+    this.relationIconSelect = page.getByLabel('Click to select icon (').nth(1);
+    this.relationFieldNameInput = page.getByPlaceholder('Field name');
+    this.fullNameFieldLink = page.getByRole('link', { name: 'Full Name' });
+    this.UUIDFieldLink = page.getByRole('link', { name: 'Unique ID' });
+    this.nameFieldInput = page.getByPlaceholder('Employees');
+    this.descriptionFieldInput = page.getByPlaceholder('Write a description');
+  }
+
+  async searchTypeField(name: string) {
+    await this.searchTypeFieldInput.fill(name);
+  }
+
+  async clickCurrencyType() {
+    await this.currencyFieldLink.click();
+  }
+
+  async selectDefaultUnit(name: string) {
+    await this.currencyDefaultUnitSelect.click();
+    await this.page.getByTestId('tooltip').filter({ hasText: name }).click();
+  }
+
+  async clickEmailsType() {
+    await this.emailsFieldLink.click();
+  }
+
+  async clickLinksType() {
+    await this.linksFieldLink.click();
+  }
+
+  async clickPhonesType() {
+    await this.phonesFieldLink.click();
+  }
+
+  async clickAddressType() {
+    await this.addressFieldLink.click();
+  }
+
+  async clickTextType() {
+    await this.textFieldLink.click();
+  }
+
+  async clickNumberType() {
+    await this.numberFieldLink.click();
+  }
+
+  async decreaseDecimals() {
+    await this.decreaseDecimalsButton.click();
+  }
+
+  async typeNumberOfDecimals(amount: number) {
+    await this.decimalsNumberInput.fill(String(amount));
+  }
+
+  async increaseDecimals() {
+    await this.increaseDecimalsButton.click();
+  }
+
+  async clickBooleanType() {
+    await this.booleanFieldLink.click();
+  }
+
+  // either True of False
+  async selectDefaultBooleanValue(value: string) {
+    await this.defaultBooleanSelect.click();
+    await this.page.getByTestId('tooltip').filter({ hasText: value }).click();
+  }
+
+  async clickDateTimeType() {
+    await this.dateTimeFieldLink.click();
+  }
+
+  async clickDateType() {
+    await this.dateFieldLink.click();
+  }
+
+  async toggleRelativeDate() {
+    await this.relativeDateToggle.click();
+  }
+
+  async clickSelectType() {
+    await this.selectFieldLink.click();
+  }
+
+  async clickMultiSelectType() {
+    await this.multiSelectFieldLink.click();
+  }
+
+  async addSelectOption() {
+    await this.addOptionButton.click();
+  }
+
+  async setOptionAsDefault() {
+    // TODO: finish
+    await this.setAsDefaultOptionButton.click();
+  }
+
+  async deleteSelectOption() {
+    // TODO: finish
+    await this.removeOptionButton.click();
+  }
+
+  async changeOptionApiName() {
+    // TODO: finish
+  }
+
+  async changeOptionColor() {
+    // TODO: finish
+  }
+
+  async changeOptionName() {
+    // TODO: finish
+  }
+
+  async clickRatingType() {
+    await this.ratingFieldLink.click();
+  }
+
+  async clickJSONType() {
+    await this.JSONFieldLink.click();
+  }
+
+  async clickArrayType() {
+    await this.arrayFieldLink.click();
+  }
+
+  async clickRelationType() {
+    await this.relationFieldLink.click();
+  }
+
+  // either 'Has many' or 'Belongs to one'
+  async selectRelationType(name: string) {
+    await this.relationTypeSelect.click();
+    await this.page.getByTestId('tooltip').filter({ hasText: name }).click();
+  }
+
+  async selectObjectDestination(name: string) {
+    await this.objectDestinationSelect.click();
+    await this.page.getByTestId('tooltip').filter({ hasText: name }).click();
+  }
+
+  async selectRelationIcon(name: string) {
+    await this.relationIconSelect.click();
+    await this.page.getByTitle(name).click();
+  }
+
+  async typeRelationName(name: string) {
+    await this.relationFieldNameInput.clear();
+    await this.relationFieldNameInput.fill(name);
+  }
+
+  async clickFullNameType() {
+    await this.fullNameFieldLink.click();
+  }
+
+  async clickUUIDType() {
+    await this.UUIDFieldLink.click();
+  }
+
+  async typeFieldName(name: string) {
+    await this.nameFieldInput.clear();
+    await this.nameFieldInput.fill(name);
+  }
+
+  async typeFieldDescription(description: string) {
+    await this.descriptionFieldInput.clear();
+    await this.descriptionFieldInput.fill(description);
+  }
+}

packages/twenty-e2e-testing/lib/pom/settings/profileSection.ts

@@ -0,0 +1,44 @@
+import { Locator, Page } from '@playwright/test';
+
+export class ProfileSection {
+  private readonly firstNameField: Locator;
+  private readonly lastNameField: Locator;
+  private readonly emailField: Locator;
+  private readonly passwordLinkButton: Locator;
+  private readonly deleteAccountButton: Locator;
+
+  constructor(public readonly page: Page) {
+    this.page = page;
+    this.firstNameField = page.getByPlaceholder('Tim');
+    this.lastNameField = page.getByPlaceholder('Cook');
+    this.emailField = page.getByRole('textbox').nth(2);
+    this.passwordLinkButton = page.getByRole('button', {
+      name: /Change Password|Set Password/,
+    });
+    this.deleteAccountButton = page.getByRole('button', {
+      name: 'Delete account',
+    });
+  }
+
+  async changeFirstName(firstName: string) {
+    await this.firstNameField.clear();
+    await this.firstNameField.fill(firstName);
+  }
+
+  async changeLastName(lastName: string) {
+    await this.lastNameField.clear();
+    await this.lastNameField.fill(lastName);
+  }
+
+  async getEmail() {
+    await this.emailField.textContent();
+  }
+
+  async sendPasswordSetOrChangeEmail() {
+    await this.passwordLinkButton.click();
+  }
+
+  async deleteAccount() {
+    await this.deleteAccountButton.click();
+  }
+}

packages/twenty-e2e-testing/lib/pom/settings/rolesSection.ts

@@ -0,0 +1,22 @@
+import { Locator, Page } from '@playwright/test';
+
+export class RolesSection {
+  private readonly page: Page;
+  private readonly createRoleButton: Locator;
+  private readonly defaultRoleDropdown: Locator;
+
+  constructor(page: Page) {
+    this.page = page;
+    this.createRoleButton = page.getByRole('button', { name: 'Create Role' });
+    this.defaultRoleDropdown = page.getByTestId('tooltip');
+  }
+
+  async clickCreateRoleButton() {
+    await this.createRoleButton.click();
+  }
+
+  async selectDefaultRole(role: string) {
+    await this.defaultRoleDropdown.click();
+    await this.page.getByTestId('tooltip').getByText(role).click();
+  }
+}

packages/twenty-e2e-testing/lib/pom/settings/securitySection.ts

@@ -0,0 +1,31 @@
+import { Locator, Page } from '@playwright/test';
+
+export class SecuritySection {
+  private readonly googleToggle: Locator;
+  private readonly microsoftToggle: Locator;
+  private readonly passwordToggle: Locator;
+  private readonly inviteByLinkToggle: Locator;
+
+  constructor(public readonly page: Page) {
+    this.googleToggle = page.getByLabel('Google');
+    this.microsoftToggle = page.getByLabel('Microsoft');
+    this.passwordToggle = page.getByLabel('Password');
+    this.inviteByLinkToggle = page.getByLabel('Invite by Link');
+  }
+
+  async toggleGoogle() {
+    await this.googleToggle.click();
+  }
+
+  async toggleMicrosoft() {
+    await this.microsoftToggle.click();
+  }
+
+  async togglePassword() {
+    await this.passwordToggle.click();
+  }
+
+  async toggleInviteByLink() {
+    await this.inviteByLinkToggle.click();
+  }
+}

packages/twenty-e2e-testing/lib/pom/settings/webhooksSection.ts

@@ -0,0 +1,65 @@
+import { Locator, Page } from '@playwright/test';
+
+export class WebhooksSection {
+  private readonly createWebhookButton: Locator;
+  private readonly webhookUrlInput: Locator;
+  private readonly webhookDescription: Locator;
+  private readonly deleteButton: Locator;
+
+  constructor(public readonly page: Page) {
+    this.page = page;
+    this.createWebhookButton = page.getByRole('link', {
+      name: 'Create Webhook',
+    });
+    this.webhookUrlInput = page.getByPlaceholder('URL');
+    this.webhookDescription = page.getByPlaceholder('Write a description');
+    this.deleteButton = page.getByRole('button', { name: 'Delete' });
+  }
+
+  async deleteWebhook() {
+    await this.deleteButton.click();
+  }
+
+  async createWebhook() {
+    await this.createWebhookButton.click();
+  }
+
+  async typeWebhookUrl(url: string) {
+    await this.webhookUrlInput.clear();
+    await this.webhookUrlInput.fill(url);
+  }
+
+  async typeWebhookDescription(description: string) {
+    await this.webhookDescription.fill(description);
+  }
+
+  async selectWebhookObject(index: number, object: string) {
+    await this.page
+      .locator(
+        `//div[aria-controls="object-webhook-type-select-${index}-options"]`,
+      )
+      .click();
+    await this.page.getByRole('option').getByText(object).click();
+  }
+
+  async selectWebhookAction(index: number, action: string) {
+    await this.page
+      .locator(
+        `//div[aria-controls="operation-webhook-type-select-${index}-options"]`,
+      )
+      .click();
+    await this.page.getByRole('option').getByText(action).click();
+  }
+
+  async deleteWebhookFilter(index: number) {
+    await this.page
+      .locator(
+        `//div[aria-controls="object-webhook-type-select-${index}-options"]/../..//button`,
+      )
+      .click();
+  }
+
+  async checkWebhookDetails(name: string) {
+    await this.page.locator(`//a/div[contains(.,'${name}')][first()]`).click();
+  }
+}