@bigbinary/neeto-playwright-commons 1.16.7 → 1.17.0

package/index.d.ts

@@ -6,6 +6,7 @@ import { TFunction } from 'i18next';
 import { TOTP, Secret } from 'otpauth';
 import { MemberApis } from 'apis/members';
 import * as playwright_core from 'playwright-core';
+import { RoleApis } from 'apis/roles';
 import { TagsApi } from 'apis/tags';
 import { Protocol } from 'playwright-core/types/protocol';
 import * as ts_toolbelt_out_Function_Curry from 'ts-toolbelt/out/Function/Curry';
@@ -2763,6 +2764,96 @@ declare class OrganizationPage {
   }) => Promise<void>;
   changeCountry: (country: string) => Promise<void>;
 }
+interface ApiKeyDetails {
+  label: string;
+  expiryDate?: string;
+}
+declare class ApiKeysPage {
+  page: Page;
+  neetoPlaywrightUtilities: CustomCommands;
+  t: TFunction;
+  constructor(page: Page, neetoPlaywrightUtilities: CustomCommands);
+  /**
+   *
+   * Used to fill in the details for creating or editing an API key.
+   *
+   * label (required): The name for the API key.
+   *
+   * expiryDate (optional): The day of the month for the expiry date, formatted as "dd".
+   *
+   * @example 
+   *
+   * await apiKeysPage.fillApiKeyDetails({
+   *   label: "API Key",
+   *   expiryDate: "15"
+   * });
+   * @endexample
+  */
+  fillApiKeyDetails: ({
+    label,
+    expiryDate
+  }: ApiKeyDetails) => Promise<void>;
+  /**
+   *
+   * Used to verify the values in the API keys table.
+   *
+   * targetRow (required): The locator of the row where the API key should be verified.
+   *
+   * label (required): The name of the API key.
+   *
+   * date (required): The creation date of the API key, formatted as "MMM dd, yyyy".
+   *
+   * @example 
+   *
+   * await apiKeysPage.verifyApiKey({
+   *   targetRow: page.getByRole("row"),
+   *   label: "API Key",
+   *   date: "Mar 11, 2025"
+   * });
+   * @endexample
+  */
+  verifyApiKey: ({
+    targetRow,
+    label,
+    date
+  }: {
+    targetRow: Locator;
+    label: string;
+    date: string;
+  }) => Promise<[void, void, void, void]>;
+  /**
+   *
+   * Used to edit an existing API key.
+   *
+   * label (required): The new name for the API key.
+   *
+   * expiryDate (optional): The day of the month for the expiry date, formatted as "dd".
+   *
+   * @example 
+   *
+   * await apiKeysPage.editApiKey({
+   *   label: "new API Key",
+   *   expiryDate: "20"
+   * });
+   * @endexample
+  */
+  editApiKey: ({
+    label,
+    expiryDate
+  }: ApiKeyDetails) => Promise<void>;
+  /**
+   *
+   * Used to delete an existing API key.
+   *
+   * targetRow (required): The locator of the row containing the API key to delete.
+   *
+   * @example 
+   *
+   * await apiKeysPage.deleteApiKey(targetRow);
+   * @endexample
+  */
+  deleteApiKey: (targetRow: Locator) => Promise<void>;
+}
 interface VerifyAuditLogProps {
   targetRow: Locator;
   action: string;
@@ -2848,6 +2939,198 @@ declare class AuditLogsPage {
     roleName
   }: VerifyDataInPaneProps) => Promise<void>;
 }
+interface RoleDetails {
+  roleName: string;
+  permissions: string[];
+}
+interface VerifyAdminPanelCardProps {
+  cardLocator: Locator;
+  title: string;
+  description: string;
+}
+declare class RolesPage {
+  page: Page;
+  neetoPlaywrightUtilities: CustomCommands;
+  roleApis: RoleApis;
+  t: TFunction;
+  constructor(page: Page, neetoPlaywrightUtilities: CustomCommands);
+  private getPermissionIds;
+  private getRoleIdAndOrganizationId;
+  /**
+   *
+   * Used to add a custom role via API request.
+   *
+   * roleName (required): The name of the role to add.
+   *
+   * targetPermissions (required): Array of permission names to assign.
+   *
+   * @example 
+   *
+   * await rolesPage.addCustomRoleViaRequest("Custom Role", ["Manage themes", "View roles"]);
+   * @endexample
+  */
+  addCustomRoleViaRequest: (roleName: string, targetPermissions: string[]) => Promise<playwright_core.APIResponse | undefined>;
+  /**
+   *
+   * Used to edit an existing role via API request.
+   *
+   * roleName (required): The name of the role to edit.
+   *
+   * targetPermissions (required): Array of permission names to update.
+   *
+   * @example 
+   *
+   * await rolesPage.editRoleViaRequest("Custom Role", ["Manage roles"]);
+   * @endexample
+  */
+  editRoleViaRequest: (roleName: string, targetPermissions: string[]) => Promise<playwright_core.APIResponse | undefined>;
+  /**
+   *
+   * Used to delete a role via API request.
+   *
+   * roleName (required): The name of the role to delete.
+   *
+   * @example 
+   *
+   * await rolesPage.deleteRoleViaRequest("Custom Role");
+   * @endexample
+  */
+  deleteRoleViaRequest: (roleName: string) => Promise<playwright_core.APIResponse | undefined>;
+  /**
+   *
+   * Used to add a role through the UI.
+   *
+   * roleName (required): The name of the role to add.
+   *
+   * permissions (required): Array of permission names to assign.
+   *
+   * @example 
+   *
+   * await rolesPage.addRoleViaUI({
+   *   roleName: "Custom Role",
+   *   permissions: ["Manage themes", "View roles"]
+   * });
+   * @endexample
+  */
+  addRoleViaUI: ({
+    roleName,
+    permissions
+  }: RoleDetails) => Promise<void>;
+  /**
+   *
+   * Used to edit an existing role through the UI.
+   *
+   * roleName (required): The name of the role to edit.
+   *
+   * permissions (required): Array of permission names to update.
+   *
+   * @example 
+   *
+   * await rolesPage.editRoleViaUI({
+   *   roleName: "Custom Role",
+   *   permissions: ["Manage roles"]
+   * });
+   * @endexample
+  */
+  editRoleViaUI: ({
+    roleName,
+    permissions
+  }: RoleDetails) => Promise<void>;
+  /**
+   *
+   * Used to select permissions.
+   *
+   * permissions (required): Array of permission names to select.
+   *
+   * @example 
+   *
+   * await rolesPage.selectAndSubmitPermissions(["Manage themes", "View roles"]);
+   * @endexample
+  */
+  selectAndSubmitPermissions: (permissions: string[]) => Promise<void>;
+  /**
+   *
+   * Used to verify the admin panel card details.
+   *
+   * cardLocator (required): The locator of the card to verify.
+   *
+   * title (required): The title of the card.
+   *
+   * description (required): The description of the card.
+   *
+   * @example 
+   *
+   * await rolesPage.verifyAdminPanelCard({
+   *   description: "Roles card description",
+   *   title: "Roles card title",
+   *   cardLocator: page.getByTestId("roles-tab"),
+   * });
+   * @endexample
+  */
+  verifyAdminPanelCard: ({
+    cardLocator,
+    title,
+    description
+  }: VerifyAdminPanelCardProps) => Promise<[void, void, void]>;
+  /**
+   *
+   * Used to delete a role through the UI.
+   *
+   * roleName (required): The name of the role to delete.
+   *
+   * @example 
+   *
+   * await rolesPage.deleteRoleViaUI("Custom Role");
+   * @endexample
+  */
+  deleteRoleViaUI: (roleName: string) => Promise<void>;
+  /**
+   *
+   * Used to verify role permissions visibility.
+   *
+   * allPermissions (required): Object containing all possible permissions.
+   *
+   * rolePermissions (required): Array of permissions assigned to the role.
+   *
+   * @example 
+   *
+   * await rolesPage.verifyPermissions({
+   *   allPermissions: { adminPanel: "settings-nav-tab", members: "members-nav-tab" },
+   *   rolePermissions: ["members-nav-tab"]
+   * });
+   * @endexample
+  */
+  verifyPermissions: ({
+    allPermissions,
+    rolePermissions
+  }: {
+    allPermissions: object;
+    rolePermissions: string[];
+  }) => Promise<void[]>;
+  /**
+   *
+   * Used to verify role-specific link access.
+   *
+   * roleAccessableLinks (optional): Array of links the role can access.
+   *
+   * adminAccessableLinks (required): Array of links an admin can access.
+   *
+   * @example 
+   *
+   * await rolesPage.verifyRoleSpecificLinkAccess({
+   *   roleAccessableLinks: ["/themes","/seo","roles"],
+   *   adminAccessableLinks: ["/themes"]
+   * });
+   * @endexample
+  */
+  verifyRoleSpecificLinkAccess: ({
+    roleAccessableLinks,
+    adminAccessableLinks
+  }: {
+    roleAccessableLinks?: string[];
+    adminAccessableLinks: string[];
+  }) => Promise<void>;
+}
 declare class SidebarSection {
   page: Page;
   neetoPlaywrightUtilities: CustomCommands;
@@ -3178,6 +3461,14 @@ declare const SINGULAR: {
 declare const PLURAL: {
   count: number;
 };
+declare const COLOR: {
+  transparent: string;
+  softBlue: string;
+};
+declare const DATE_TEXTS: {
+  now: string;
+  nextYear: string;
+};
 declare const USER_AGENTS: {
   windows: string;
   mac: string;
@@ -5987,4 +6278,4 @@ interface Overrides {
  * @endexample
 */
 declare const definePlaywrightConfig: (overrides: Overrides) => _playwright_test.PlaywrightTestConfig<{}, {}>;
-export { API_ROUTES, AUDIT_LOGS_TEXTS, AuditLogsPage, BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COMMON_SELECTORS, COMMON_TEXTS, CREDENTIALS, CustomCommands, type CustomFixture, DESCRIPTION_EDITOR_TEXTS, EMBED_SELECTORS, EMOJI_LABEL, ENGAGE_TEXTS, ENVIRONMENT, EXPANDED_FONT_SIZE, EditorPage, EmbedBase, FONT_SIZE_SELECTORS, GLOBAL_TRANSLATIONS_PATTERN, GOOGLE_CALENDAR_DATE_FORMAT, GOOGLE_LOGIN_SELECTORS, GOOGLE_LOGIN_TEXTS, GooglePage, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IS_STAGING_ENV, ImageUploader, IntegrationBase, KEYBOARD_SHORTCUTS_SELECTORS, LIST_MODIFIER_SELECTORS, LIST_MODIFIER_TAGS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MailerUtils, Member, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, NEETO_TEXT_MODIFIER_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PLURAL, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SELECT_COUNTRY, SIGNUP_SELECTORS, SINGULAR, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TABLE_SELECTORS, TAB_SELECTORS, TAGS_SELECTORS, TEXT_MODIFIER_ROLES, TEXT_MODIFIER_SELECTORS, TEXT_MODIFIER_TAGS, THANK_YOU_SELECTORS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, TagsPage, TeamMembers, ThankYouPage, USER_AGENTS, WEBHOOK_SELECTORS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, currencyUtils, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, getImagePathAndName, getListCount, headerUtils, hexToRGB, hexToRGBA, hyphenize, i18nFixture, initializeCredentials, initializeTotp, isGithubIssueOpen, joinHyphenCase, joinString, login, loginWithoutSSO, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, simulateClickWithDelay, simulateTypingWithDelay, skipTest, squish, _default as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };
+export { API_ROUTES, AUDIT_LOGS_TEXTS, ApiKeysPage, AuditLogsPage, BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COLOR, COMMON_SELECTORS, COMMON_TEXTS, CREDENTIALS, CustomCommands, type CustomFixture, DATE_TEXTS, DESCRIPTION_EDITOR_TEXTS, EMBED_SELECTORS, EMOJI_LABEL, ENGAGE_TEXTS, ENVIRONMENT, EXPANDED_FONT_SIZE, EditorPage, EmbedBase, FONT_SIZE_SELECTORS, GLOBAL_TRANSLATIONS_PATTERN, GOOGLE_CALENDAR_DATE_FORMAT, GOOGLE_LOGIN_SELECTORS, GOOGLE_LOGIN_TEXTS, GooglePage, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IS_STAGING_ENV, ImageUploader, IntegrationBase, KEYBOARD_SHORTCUTS_SELECTORS, LIST_MODIFIER_SELECTORS, LIST_MODIFIER_TAGS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MailerUtils, Member, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, NEETO_TEXT_MODIFIER_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PLURAL, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, RolesPage, SELECT_COUNTRY, SIGNUP_SELECTORS, SINGULAR, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TABLE_SELECTORS, TAB_SELECTORS, TAGS_SELECTORS, TEXT_MODIFIER_ROLES, TEXT_MODIFIER_SELECTORS, TEXT_MODIFIER_TAGS, THANK_YOU_SELECTORS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, TagsPage, TeamMembers, ThankYouPage, USER_AGENTS, WEBHOOK_SELECTORS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, currencyUtils, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, getImagePathAndName, getListCount, headerUtils, hexToRGB, hexToRGBA, hyphenize, i18nFixture, initializeCredentials, initializeTotp, isGithubIssueOpen, joinHyphenCase, joinString, login, loginWithoutSSO, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, simulateClickWithDelay, simulateTypingWithDelay, skipTest, squish, _default as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };

package/index.js

@@ -3,7 +3,7 @@ import fs__default, { readFileSync, writeFileSync as writeFileSync$1, unlinkSync
 import * as Path from 'path';
 import Path__default from 'path';
 import test$1, { expect, test as test$2, chromium as chromium$1, defineConfig, devices } from '@playwright/test';
-import { hyphenate, isNotPresent, isNotEmpty, humanize, keysToSnakeCase, dynamicArray, truncate, isPresent } from '@bigbinary/neeto-cist';
+import { hyphenate, isNotPresent, isNotEmpty, humanize, keysToSnakeCase, dynamicArray, truncate, isPresent, findBy, isNotEqualDeep } from '@bigbinary/neeto-cist';
 import { execSync } from 'child_process';
 import { curry, not, isEmpty as isEmpty$1, pluck, mergeDeepLeft, isNotNil, isNil, mergeAll } from 'ramda';
 import require$$0$1 from 'util';
@@ -115,6 +115,11 @@ const ZAPIER_TEST_EMAIL = (product) => `neeto-${product}-zapier-test@${process.e
 // constants for translation
 const SINGULAR = { count: 1 };
 const PLURAL = { count: 2 };
+const COLOR = {
+    transparent: "rgba(0, 0, 0, 0)",
+    softBlue: "rgb(230, 244, 255)",
+};
+const DATE_TEXTS = { now: "Now", nextYear: "next-year" };
 
 /* eslint-disable playwright/no-skipped-test */
 const execCommand = (command) => execSync(command)
@@ -25277,6 +25282,69 @@ class OrganizationPage {
     }
 }
 
+const ADMIN_PANEL_SELECTORS = {
+    settingsItemHeading: "settings-item-heading",
+    settingsItemDescription: "settings-item-description",
+    expiryDateInput: "expiry-date-input",
+};
+
+class ApiKeysPage {
+    constructor(page, neetoPlaywrightUtilities) {
+        this.fillApiKeyDetails = async ({ label, expiryDate }) => {
+            await this.page
+                .getByTestId(COMMON_SELECTORS.paneBody)
+                .getByTestId(COMMON_SELECTORS.customInputField("label"))
+                .fill(label);
+            if (expiryDate) {
+                await this.page
+                    .getByTestId(COMMON_SELECTORS.checkboxInput("never-expires"))
+                    .uncheck();
+                await this.page
+                    .getByTestId(COMMON_SELECTORS.paneBody)
+                    .getByTestId(ADMIN_PANEL_SELECTORS.expiryDateInput)
+                    .click();
+                //TODO: Use data-cy labels when this https://github.com/bigbinary/neeto-kb-playwright/issues/47 is resolved
+                await this.page.getByLabel(DATE_TEXTS.nextYear, { exact: true }).click();
+                await this.page.getByText(expiryDate, { exact: true }).click();
+            }
+            await this.page.getByTestId(COMMON_SELECTORS.saveChangesButton).click();
+            await this.neetoPlaywrightUtilities.verifyToast();
+        };
+        this.verifyApiKey = ({ targetRow, label, date, }) => Promise.all([
+            expect(targetRow.getByRole("cell", { name: label })).toBeVisible(),
+            expect(targetRow.getByTestId(TAGS_SELECTORS.tagContainer)).toHaveText(this.t("common.active")),
+            expect(targetRow.getByRole("cell", { name: date })).toBeVisible(),
+            expect(targetRow.getByRole("cell", {
+                name: this.t("neetoApiKeys.common.never"),
+            })).toBeVisible(),
+        ]);
+        this.editApiKey = async ({ label, expiryDate }) => {
+            //TODO: Use data-cy labels when this https://github.com/bigbinary/neeto-kb-playwright/issues/46 is resolved
+            await this.page
+                .getByTestId(COMMON_SELECTORS.dropdownContainer)
+                .getByRole("button", { name: this.t("common.edit") })
+                .click();
+            await this.fillApiKeyDetails({ label, expiryDate });
+        };
+        this.deleteApiKey = async (targetRow) => {
+            await targetRow.getByTestId(COMMON_SELECTORS.dropdownIcon).click();
+            //TODO: Use data-cy labels when this https://github.com/bigbinary/neeto-kb-playwright/issues/46 is resolved
+            await this.page
+                .getByTestId(COMMON_SELECTORS.dropdownContainer)
+                .getByRole("button", { name: this.t("common.delete") })
+                .click();
+            await this.page
+                .getByTestId(COMMON_SELECTORS.alertModalSubmitButton)
+                .click();
+            await this.neetoPlaywrightUtilities.verifyToast();
+            await expect(targetRow).toBeHidden();
+        };
+        this.page = page;
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+        this.t = getI18nInstance().t;
+    }
+}
+
 class AuditLogsPage {
     constructor(page, neetoPlaywrightUtilities) {
         this.verifyAuditLog = async ({ targetRow, action, date, adminName, }) => {
@@ -25316,6 +25384,141 @@ class AuditLogsPage {
     }
 }
 
+class RoleApis {
+    constructor(neetoPlaywrightUtilities) {
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+        this.BASE_URL = "/team_members";
+        this.ORGANIZATION_ROLES_URL = `${this.BASE_URL}/organization_roles`;
+        this.fetch = (endpoint) => this.neetoPlaywrightUtilities.apiRequest({
+            url: `${this.BASE_URL}/${endpoint}`,
+        });
+        this.addRole = (roleName, permissionIds) => this.neetoPlaywrightUtilities.apiRequest({
+            url: this.ORGANIZATION_ROLES_URL,
+            method: "post",
+            data: {
+                organization_role: {
+                    name: roleName,
+                    permission_ids: permissionIds,
+                },
+            },
+        });
+        this.editRole = (roleId, body) => this.neetoPlaywrightUtilities.apiRequest({
+            url: `${this.ORGANIZATION_ROLES_URL}/${roleId}`,
+            method: "patch",
+            body: { organization_role: body },
+        });
+        this.deleteRole = (roleId, standardRoleId) => this.neetoPlaywrightUtilities.apiRequest({
+            url: `${this.ORGANIZATION_ROLES_URL}/${roleId}`,
+            method: "delete",
+            body: { new_role_id: standardRoleId },
+        });
+    }
+}
+
+class RolesPage {
+    constructor(page, neetoPlaywrightUtilities) {
+        this.getPermissionIds = async (targetPermissions) => {
+            const { permissions } = await this.roleApis
+                .fetch("permissions")
+                .then(response => response === null || response === void 0 ? void 0 : response.json());
+            const permissionObjects = targetPermissions.map(permission => findBy({ category: permission }, permissions));
+            return pluck("id", permissionObjects);
+        };
+        this.getRoleIdAndOrganizationId = async (roleName) => {
+            const roles = await this.roleApis
+                .fetch("organization_roles")
+                .then(response => response === null || response === void 0 ? void 0 : response.json());
+            const { id: roleId, organization_id: organizationId } = findBy({ name: roleName }, roles.organization_roles);
+            return { roleId, organizationId };
+        };
+        this.addCustomRoleViaRequest = async (roleName, targetPermissions) => {
+            const permissionIds = await this.getPermissionIds(targetPermissions);
+            return this.roleApis.addRole(roleName, permissionIds);
+        };
+        this.editRoleViaRequest = async (roleName, targetPermissions) => {
+            const [permissionIds, { roleId, organizationId }] = await Promise.all([
+                this.getPermissionIds(targetPermissions),
+                this.getRoleIdAndOrganizationId(roleName),
+            ]);
+            return this.roleApis.editRole(roleId, {
+                id: roleId,
+                kind: "custom",
+                name: roleName,
+                organization_id: organizationId,
+                permission_ids: permissionIds,
+            });
+        };
+        this.deleteRoleViaRequest = async (roleName) => {
+            const [{ roleId }, { roleId: editorRoleId }] = await Promise.all([roleName, "Editor"].map(this.getRoleIdAndOrganizationId));
+            return this.roleApis.deleteRole(roleId, editorRoleId);
+        };
+        this.addRoleViaUI = async ({ roleName, permissions }) => {
+            await this.page.getByTestId(ROLES_SELECTORS.newButton).click();
+            await this.page.getByTestId(ROLES_SELECTORS.nameTextField).fill(roleName);
+            await this.selectAndSubmitPermissions(permissions);
+        };
+        this.editRoleViaUI = async ({ roleName, permissions }) => {
+            await this.page
+                .getByTestId(ROLES_SELECTORS.tableHeaderRoleName)
+                .filter({ hasText: roleName })
+                .getByTestId(ROLES_SELECTORS.dropDownIcon)
+                .click();
+            await this.page.getByTestId(ROLES_SELECTORS.editRoleButton).click();
+            await this.selectAndSubmitPermissions(permissions);
+        };
+        this.selectAndSubmitPermissions = async (permissions) => {
+            for (const permission of permissions) {
+                await this.page
+                    .getByTestId(MEMBER_SELECTORS.checkboxLabel(permission))
+                    .check();
+            }
+            await this.page.getByTestId(ROLES_SELECTORS.proceedButton).click();
+            await this.neetoPlaywrightUtilities.verifyToast();
+        };
+        this.verifyAdminPanelCard = ({ cardLocator, title, description, }) => Promise.all([
+            expect(cardLocator.getByTestId(ADMIN_PANEL_SELECTORS.settingsItemHeading)).toHaveText(title),
+            expect(cardLocator.getByTestId(ADMIN_PANEL_SELECTORS.settingsItemDescription)).toHaveText(description),
+            expect(this.page.getByTestId(COMMON_SELECTORS.sidebarSubLink(title))).toHaveCSS("background-color", COLOR.transparent),
+        ]);
+        this.deleteRoleViaUI = async (roleName) => {
+            await this.page
+                .getByTestId(ROLES_SELECTORS.tableHeaderRoleName)
+                .filter({ hasText: roleName })
+                .getByTestId(ROLES_SELECTORS.dropDownIcon)
+                .click();
+            await this.page.getByTestId(ROLES_SELECTORS.deleteRoleButton).click();
+            await this.page
+                .getByTestId(COMMON_SELECTORS.alertModalSubmitButton)
+                .click();
+            await this.neetoPlaywrightUtilities.verifyToast();
+        };
+        this.verifyPermissions = ({ allPermissions, rolePermissions, }) => Promise.all(Object.values(allPermissions).map(async (permission) => rolePermissions.includes(permission)
+            ? await expect(this.page.getByTestId(permission)).toBeVisible()
+            : await expect(this.page.getByTestId(permission)).toBeHidden()));
+        this.verifyRoleSpecificLinkAccess = async ({ roleAccessableLinks = [], adminAccessableLinks = [], }) => {
+            if (isNotEqualDeep(roleAccessableLinks, adminAccessableLinks)) {
+                for (const link of adminAccessableLinks) {
+                    await this.page.goto(link);
+                    await this.neetoPlaywrightUtilities.waitForPageLoad();
+                    await expect(this.page.locator(COMMON_SELECTORS.tableSpinner)).toBeHidden({
+                        timeout: 15000,
+                    });
+                    const unauthorizedHeading = this.page.getByRole("heading", {
+                        name: this.t("neetoMolecules.errorPage.unauthorized"),
+                    });
+                    roleAccessableLinks.includes(link)
+                        ? await expect(unauthorizedHeading).toBeHidden()
+                        : await expect(unauthorizedHeading).toBeVisible();
+                }
+            }
+        };
+        this.page = page;
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+        this.roleApis = new RoleApis(neetoPlaywrightUtilities);
+        this.t = getI18nInstance().t;
+    }
+}
+
 class SidebarSection {
     constructor(page, neetoPlaywrightUtilities) {
         this.clickOnSubLink = (label) => this.page.getByTestId(COMMON_SELECTORS.sidebarSubLink(label)).click();
@@ -158633,5 +158836,5 @@ const definePlaywrightConfig = (overrides) => {
     });
 };
 
-export { API_ROUTES, AUDIT_LOGS_TEXTS, AuditLogsPage, BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COMMON_SELECTORS, COMMON_TEXTS, CREDENTIALS, CustomCommands, DESCRIPTION_EDITOR_TEXTS, EMBED_SELECTORS, EMOJI_LABEL, ENGAGE_TEXTS, ENVIRONMENT, EXPANDED_FONT_SIZE, EditorPage, EmbedBase, FONT_SIZE_SELECTORS, GLOBAL_TRANSLATIONS_PATTERN, GOOGLE_CALENDAR_DATE_FORMAT, GOOGLE_LOGIN_SELECTORS, GOOGLE_LOGIN_TEXTS, GooglePage, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IS_STAGING_ENV, ImageUploader, IntegrationBase, KEYBOARD_SHORTCUTS_SELECTORS, LIST_MODIFIER_SELECTORS, LIST_MODIFIER_TAGS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MailerUtils, Member, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, NEETO_TEXT_MODIFIER_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PLURAL, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SELECT_COUNTRY, SIGNUP_SELECTORS, SINGULAR, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TABLE_SELECTORS, TAB_SELECTORS, TAGS_SELECTORS, TEXT_MODIFIER_ROLES, TEXT_MODIFIER_SELECTORS, TEXT_MODIFIER_TAGS, THANK_YOU_SELECTORS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, TagsPage, TeamMembers, ThankYouPage, USER_AGENTS, WEBHOOK_SELECTORS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, currencyUtils, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, getImagePathAndName, getListCount, headerUtils, hexToRGB, hexToRGBA, hyphenize, i18nFixture, initializeCredentials, initializeTotp, isGithubIssueOpen, joinHyphenCase, joinString, login, loginWithoutSSO, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, simulateClickWithDelay, simulateTypingWithDelay, skipTest, squish, stealth as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };
+export { API_ROUTES, AUDIT_LOGS_TEXTS, ApiKeysPage, AuditLogsPage, BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COLOR, COMMON_SELECTORS, COMMON_TEXTS, CREDENTIALS, CustomCommands, DATE_TEXTS, DESCRIPTION_EDITOR_TEXTS, EMBED_SELECTORS, EMOJI_LABEL, ENGAGE_TEXTS, ENVIRONMENT, EXPANDED_FONT_SIZE, EditorPage, EmbedBase, FONT_SIZE_SELECTORS, GLOBAL_TRANSLATIONS_PATTERN, GOOGLE_CALENDAR_DATE_FORMAT, GOOGLE_LOGIN_SELECTORS, GOOGLE_LOGIN_TEXTS, GooglePage, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IS_STAGING_ENV, ImageUploader, IntegrationBase, KEYBOARD_SHORTCUTS_SELECTORS, LIST_MODIFIER_SELECTORS, LIST_MODIFIER_TAGS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MailerUtils, Member, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, NEETO_TEXT_MODIFIER_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PLURAL, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, RolesPage, SELECT_COUNTRY, SIGNUP_SELECTORS, SINGULAR, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TABLE_SELECTORS, TAB_SELECTORS, TAGS_SELECTORS, TEXT_MODIFIER_ROLES, TEXT_MODIFIER_SELECTORS, TEXT_MODIFIER_TAGS, THANK_YOU_SELECTORS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, TagsPage, TeamMembers, ThankYouPage, USER_AGENTS, WEBHOOK_SELECTORS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, currencyUtils, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, getImagePathAndName, getListCount, headerUtils, hexToRGB, hexToRGBA, hyphenize, i18nFixture, initializeCredentials, initializeTotp, isGithubIssueOpen, joinHyphenCase, joinString, login, loginWithoutSSO, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, simulateClickWithDelay, simulateTypingWithDelay, skipTest, squish, stealth as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };
 //# sourceMappingURL=index.js.map