@nextsparkjs/theme-default 0.1.0-beta.20 → 0.1.0-beta.22

package/tests/cypress/src/features/SettingsPOM.ts

@@ -0,0 +1,362 @@
+/**
+ * SettingsPOM - Page Object Model for Settings Area
+ *
+ * Handles settings pages navigation and basic visibility:
+ * - Profile settings
+ * - Team settings
+ * - Billing settings (navigation only - use BillingPOM for detailed billing tests)
+ * - API Keys settings
+ * - Member management
+ *
+ * Uses selectors from centralized selectors.ts
+ *
+ * NOTE: For detailed billing tests (upgrade, invoices, payment methods),
+ * use BillingPOM from features/BillingPOM.ts instead.
+ */
+
+import { BasePOM } from '../core/BasePOM'
+import { cySelector } from '../selectors'
+
+export class SettingsPOM extends BasePOM {
+  // ============================================
+  // FACTORY METHOD
+  // ============================================
+
+  static create(): SettingsPOM {
+    return new SettingsPOM()
+  }
+
+  // ============================================
+  // SELECTORS
+  // ============================================
+
+  get selectors() {
+    return {
+      // ============================================
+      // LAYOUT (7 selectors)
+      // ============================================
+      layoutMain: cySelector('settings.layout.main'),
+      layoutNav: cySelector('settings.layout.nav'),
+      layoutBackToDashboard: cySelector('settings.layout.backToDashboard'),
+      layoutHeader: cySelector('settings.layout.header'),
+      layoutContentArea: cySelector('settings.layout.contentArea'),
+      layoutSidebar: cySelector('settings.layout.sidebar'),
+      layoutPageContent: cySelector('settings.layout.pageContent'),
+
+      // ============================================
+      // SIDEBAR (4 selectors)
+      // ============================================
+      navContainer: cySelector('settings.sidebar.main'),
+      sidebarHeader: cySelector('settings.sidebar.header'),
+      sidebarNavItems: cySelector('settings.sidebar.navItems'),
+      navItem: (section: string) => cySelector('settings.sidebar.navItem', { section }),
+
+      // ============================================
+      // PROFILE (9 selectors)
+      // ============================================
+      profileContainer: cySelector('settings.profile.container'),
+      profileForm: cySelector('settings.profile.form'),
+      profileAvatar: cySelector('settings.profile.avatar'),
+      profileAvatarUpload: cySelector('settings.profile.avatarUpload'),
+      profileFirstName: cySelector('settings.profile.firstName'),
+      profileLastName: cySelector('settings.profile.lastName'),
+      profileEmail: cySelector('settings.profile.email'),
+      profileSubmit: cySelector('settings.profile.submitButton'),
+      profileSuccess: cySelector('settings.profile.successMessage'),
+
+      // ============================================
+      // PASSWORD (7 selectors)
+      // ============================================
+      passwordContainer: cySelector('settings.password.container'),
+      passwordForm: cySelector('settings.password.form'),
+      passwordCurrent: cySelector('settings.password.currentPassword'),
+      passwordNew: cySelector('settings.password.newPassword'),
+      passwordConfirm: cySelector('settings.password.confirmPassword'),
+      passwordSubmit: cySelector('settings.password.submitButton'),
+      passwordSuccess: cySelector('settings.password.successMessage'),
+
+      // ============================================
+      // TEAM (10 selectors)
+      // ============================================
+      teamContainer: cySelector('settings.team.container'),
+      teamName: cySelector('settings.team.name'),
+      teamSlug: cySelector('settings.team.slug'),
+      teamDescription: cySelector('settings.team.description'),
+      teamAvatar: cySelector('settings.team.avatar'),
+      teamAvatarUpload: cySelector('settings.team.avatarUpload'),
+      teamSubmit: cySelector('settings.team.submitButton'),
+      teamDelete: cySelector('settings.team.deleteButton'),
+      teamDeleteDialog: cySelector('settings.team.deleteDialog'),
+      teamDeleteConfirm: cySelector('settings.team.deleteConfirm'),
+
+      // ============================================
+      // MEMBERS (12 selectors)
+      // ============================================
+      membersContainer: cySelector('settings.members.container'),
+      membersInvite: cySelector('settings.members.inviteButton'),
+      membersInviteDialog: cySelector('settings.members.inviteDialog'),
+      membersInviteEmail: cySelector('settings.members.inviteEmail'),
+      membersInviteRole: cySelector('settings.members.inviteRole'),
+      membersInviteSubmit: cySelector('settings.members.inviteSubmit'),
+      memberRow: (id: string) => cySelector('settings.members.memberRow', { id }),
+      memberRowGeneric: '[data-cy^="member-row-"]',
+      memberRole: (id: string) => cySelector('settings.members.memberRole', { id }),
+      memberRemove: (id: string) => cySelector('settings.members.memberRemove', { id }),
+      membersPendingInvites: cySelector('settings.members.pendingInvites'),
+      membersPendingInvite: (id: string) => cySelector('settings.members.pendingInvite', { id }),
+      membersCancelInvite: (id: string) => cySelector('settings.members.cancelInvite', { id }),
+
+      // ============================================
+      // BILLING (19 selectors)
+      // ============================================
+      billingContainer: cySelector('settings.billing.container'),
+      billingMain: cySelector('settings.billing.main'),
+      billingHeader: cySelector('settings.billing.header'),
+      billingCurrentPlan: cySelector('settings.billing.currentPlan'),
+      billingUpgrade: cySelector('settings.billing.upgradeButton'),
+      billingUpgradePlan: cySelector('settings.billing.upgradePlan'),
+      billingCancel: cySelector('settings.billing.cancelButton'),
+      billingAddPayment: cySelector('settings.billing.addPayment'),
+      billingInvoices: cySelector('settings.billing.invoicesTable'),
+      billingInvoicesAlt: cySelector('settings.billing.invoicesTableAlt'),
+      billingInvoiceRow: (id: string) => cySelector('settings.billing.invoiceRow', { id }),
+      billingInvoicesRow: cySelector('settings.billing.invoicesRow'),
+      billingInvoiceDownload: (id: string) => cySelector('settings.billing.invoiceDownload', { id }),
+      billingInvoicesLoadMore: cySelector('settings.billing.invoicesLoadMore'),
+      billingPaymentMethod: cySelector('settings.billing.paymentMethod'),
+      billingPaymentMethodAlt: cySelector('settings.billing.paymentMethodAlt'),
+      billingUpdatePayment: cySelector('settings.billing.updatePayment'),
+      billingUsage: cySelector('settings.billing.usage'),
+      billingUsageDashboard: cySelector('settings.billing.usageDashboard'),
+
+      // ============================================
+      // API KEYS (56 selectors)
+      // ============================================
+      apiKeysPage: cySelector('settings.apiKeys.page'),
+      apiKeysTitle: cySelector('settings.apiKeys.title'),
+      apiKeysContainer: cySelector('settings.apiKeys.container'),
+      apiKeysCreate: cySelector('settings.apiKeys.createButton'),
+      apiKeysCreateDialog: cySelector('settings.apiKeys.createDialog'),
+      apiKeysList: cySelector('settings.apiKeys.list'),
+      apiKeysSkeleton: cySelector('settings.apiKeys.skeleton'),
+      apiKeysEmpty: cySelector('settings.apiKeys.empty'),
+      apiKeysEmptyCreate: cySelector('settings.apiKeys.emptyCreateButton'),
+      apiKeyName: cySelector('settings.apiKeys.keyName'),
+      apiKeyScopes: cySelector('settings.apiKeys.keyScopes'),
+      apiKeyScopeOption: (scope: string) => cySelector('settings.apiKeys.scopeOption', { scope }),
+      apiKeyCreateSubmit: cySelector('settings.apiKeys.createSubmit'),
+      apiKeyRow: (id: string) => cySelector('settings.apiKeys.keyRow', { id }),
+      apiKeyRowGeneric: '[data-cy^="api-key-row-"]',
+      apiKeyNameById: (id: string) => cySelector('settings.apiKeys.keyName_', { id }),
+      apiKeyPrefix: (id: string) => cySelector('settings.apiKeys.keyPrefix', { id }),
+      apiKeyCopyPrefix: (id: string) => cySelector('settings.apiKeys.copyPrefix', { id }),
+      apiKeyStatus: (id: string) => cySelector('settings.apiKeys.keyStatus', { id }),
+      apiKeyStatusBadge: (id: string) => cySelector('settings.apiKeys.statusBadge', { id }),
+      apiKeyMenuTrigger: (id: string) => cySelector('settings.apiKeys.menuTrigger', { id }),
+      apiKeyMenu: (id: string) => cySelector('settings.apiKeys.menu', { id }),
+      apiKeyViewDetails: (id: string) => cySelector('settings.apiKeys.viewDetails', { id }),
+      apiKeyToggle: (id: string) => cySelector('settings.apiKeys.toggle', { id }),
+      apiKeyRevoke: (id: string) => cySelector('settings.apiKeys.revoke', { id }),
+      apiKeyScopes: (id: string) => cySelector('settings.apiKeys.scopes', { id }),
+      apiKeyScope: (id: string, scope: string) => cySelector('settings.apiKeys.scope', { id, scope }),
+      apiKeyStats: (id: string) => cySelector('settings.apiKeys.stats', { id }),
+      apiKeyTotalRequests: (id: string) => cySelector('settings.apiKeys.totalRequests', { id }),
+      apiKeyLast24h: (id: string) => cySelector('settings.apiKeys.last24h', { id }),
+      apiKeyAvgTime: (id: string) => cySelector('settings.apiKeys.avgTime', { id }),
+      apiKeyMetadata: (id: string) => cySelector('settings.apiKeys.metadata', { id }),
+      apiKeyCreatedAt: (id: string) => cySelector('settings.apiKeys.createdAt', { id }),
+      apiKeyLastUsed: (id: string) => cySelector('settings.apiKeys.lastUsed', { id }),
+      apiKeyExpiresAt: (id: string) => cySelector('settings.apiKeys.expiresAt', { id }),
+      apiKeysDetailsDialog: cySelector('settings.apiKeys.detailsDialog'),
+      apiKeysDetailsTitle: cySelector('settings.apiKeys.detailsTitle'),
+      apiKeysDetailsLoading: cySelector('settings.apiKeys.detailsLoading'),
+      apiKeysDetailsContent: cySelector('settings.apiKeys.detailsContent'),
+      apiKeysDetailsBasicInfo: cySelector('settings.apiKeys.detailsBasicInfo'),
+      apiKeysDetailsName: cySelector('settings.apiKeys.detailsName'),
+      apiKeysDetailsStatus: cySelector('settings.apiKeys.detailsStatus'),
+      apiKeysDetailsStats: cySelector('settings.apiKeys.detailsStats'),
+      apiKeysDetailsTotalRequests: cySelector('settings.apiKeys.detailsTotalRequests'),
+      apiKeysDetailsLast24h: cySelector('settings.apiKeys.detailsLast24h'),
+      apiKeysDetailsLast7d: cySelector('settings.apiKeys.detailsLast7d'),
+      apiKeysDetailsLast30d: cySelector('settings.apiKeys.detailsLast30d'),
+      apiKeysDetailsAvgTime: cySelector('settings.apiKeys.detailsAvgTime'),
+      apiKeysDetailsSuccessRate: cySelector('settings.apiKeys.detailsSuccessRate'),
+      apiKeyReveal: (id: string) => cySelector('settings.apiKeys.keyReveal', { id }),
+      apiKeyRevokeById: (id: string) => cySelector('settings.apiKeys.keyRevoke', { id }),
+      apiKeyRevokeDialog: cySelector('settings.apiKeys.revokeDialog'),
+      apiKeyRevokeConfirm: cySelector('settings.apiKeys.revokeConfirm'),
+      apiKeyNewDisplay: cySelector('settings.apiKeys.newKeyDisplay'),
+      apiKeyCopyKey: cySelector('settings.apiKeys.copyKey'),
+      apiKeysDialogFooter: cySelector('settings.apiKeys.dialogFooter'),
+    }
+  }
+
+  // ============================================
+  // NAVIGATION
+  // ============================================
+
+  /**
+   * Navigate to settings home
+   */
+  visitSettings() {
+    cy.visit('/dashboard/settings', { timeout: 60000 })
+    return this
+  }
+
+  /**
+   * Navigate to profile settings
+   */
+  visitProfile() {
+    cy.visit('/dashboard/settings/profile', { timeout: 60000 })
+    return this
+  }
+
+  /**
+   * Navigate to team settings
+   */
+  visitTeam() {
+    cy.visit('/dashboard/settings/team', { timeout: 60000 })
+    return this
+  }
+
+  /**
+   * Navigate to billing settings
+   */
+  visitBilling() {
+    cy.visit('/dashboard/settings/billing', { timeout: 60000 })
+    return this
+  }
+
+  /**
+   * Navigate to members settings
+   */
+  visitMembers() {
+    cy.visit('/dashboard/settings/members', { timeout: 60000 })
+    return this
+  }
+
+  /**
+   * Navigate to API keys settings
+   */
+  visitApiKeys() {
+    cy.visit('/dashboard/settings/api-keys', { timeout: 60000 })
+    return this
+  }
+
+  /**
+   * Navigate to password settings
+   */
+  visitPassword() {
+    cy.visit('/dashboard/settings/password', { timeout: 60000 })
+    return this
+  }
+
+  /**
+   * Click on a settings nav item
+   */
+  clickNavItem(section: string) {
+    cy.get(this.selectors.navItem(section)).click()
+    return this
+  }
+
+  // ============================================
+  // ASSERTIONS
+  // ============================================
+
+  /**
+   * Assert settings page is visible
+   */
+  assertSettingsVisible() {
+    cy.url().should('include', '/settings')
+    return this
+  }
+
+  /**
+   * Assert profile settings is visible
+   */
+  assertProfileVisible() {
+    cy.get(this.selectors.profileContainer).should('be.visible')
+    return this
+  }
+
+  /**
+   * Assert team settings is visible
+   */
+  assertTeamVisible() {
+    cy.get(this.selectors.teamContainer).should('be.visible')
+    return this
+  }
+
+  /**
+   * Assert billing settings is visible
+   */
+  assertBillingVisible() {
+    cy.get(this.selectors.billingContainer).should('be.visible')
+    return this
+  }
+
+  /**
+   * Assert nav item is visible
+   */
+  assertNavItemVisible(section: string) {
+    cy.get(this.selectors.navItem(section)).should('be.visible')
+    return this
+  }
+
+  /**
+   * Assert nav item is NOT visible (restricted)
+   */
+  assertNavItemNotVisible(section: string) {
+    cy.get(this.selectors.navItem(section)).should('not.exist')
+    return this
+  }
+
+  /**
+   * Assert members container is visible
+   */
+  assertMembersVisible() {
+    cy.get(this.selectors.membersContainer).should('be.visible')
+    return this
+  }
+
+  /**
+   * Assert API keys container is visible
+   */
+  assertApiKeysVisible() {
+    cy.get(this.selectors.apiKeysContainer).should('be.visible')
+    return this
+  }
+
+  // ============================================
+  // WAITS
+  // ============================================
+
+  /**
+   * Wait for settings page to load
+   */
+  waitForSettings() {
+    cy.url().should('include', '/settings')
+    cy.get(this.selectors.navContainer, { timeout: 15000 }).should('be.visible')
+    return this
+  }
+
+  /**
+   * Wait for billing page to load
+   */
+  waitForBilling() {
+    cy.url().should('include', '/settings/billing')
+    cy.get(this.selectors.billingContainer, { timeout: 15000 }).should('be.visible')
+    return this
+  }
+
+  /**
+   * Wait for team page to load
+   */
+  waitForTeam() {
+    cy.url().should('include', '/settings/team')
+    cy.get(this.selectors.teamContainer, { timeout: 15000 }).should('be.visible')
+    return this
+  }
+}
+
+export default SettingsPOM

package/tests/cypress/src/features/SuperadminPOM.ts

@@ -0,0 +1,331 @@
+/**
+ * SuperadminPOM - Page Object Model for Superadmin Area
+ *
+ * Handles Superadmin Panel pages:
+ * - Dashboard with system stats (/superadmin)
+ * - All users management (/superadmin/users)
+ * - All teams management (/superadmin/teams)
+ * - Subscriptions overview (/superadmin/subscriptions)
+ * - System configuration (/superadmin/system)
+ *
+ * Uses selectors from centralized selectors.ts
+ *
+ * NOTE: For /superadmin/team-roles (permissions matrix), use SuperadminTeamRolesPOM instead.
+ */
+
+import { BasePOM } from '../core/BasePOM'
+import { cySelector } from '../selectors'
+
+export class SuperadminPOM extends BasePOM {
+  // ============================================
+  // FACTORY METHOD
+  // ============================================
+
+  static create(): SuperadminPOM {
+    return new SuperadminPOM()
+  }
+
+  // ============================================
+  // SELECTORS
+  // ============================================
+
+  get selectors() {
+    return {
+      // Navigation
+      navContainer: cySelector('superadmin.container'),
+      navDashboard: cySelector('superadmin.navigation.dashboard'),
+      navUsers: cySelector('superadmin.navigation.users'),
+      navTeams: cySelector('superadmin.navigation.teams'),
+      navTeamRoles: cySelector('superadmin.navigation.teamRoles'),
+      navSubscriptions: cySelector('superadmin.navigation.subscriptions'),
+      exitToDashboard: cySelector('superadmin.navigation.exitToDashboard'),
+
+      // Dashboard
+      dashboardContainer: cySelector('superadmin.dashboard.container'),
+
+      // Users
+      usersContainer: cySelector('superadmin.users.container'),
+      usersTable: cySelector('superadmin.users.table'),
+      usersSearch: cySelector('superadmin.users.search'),
+      userRow: (id: string) => cySelector('superadmin.users.row', { id }),
+      userView: (id: string) => cySelector('superadmin.users.viewButton', { id }),
+      userEdit: (id: string) => cySelector('superadmin.users.editButton', { id }),
+      userBan: (id: string) => cySelector('superadmin.users.banButton', { id }),
+      userDelete: (id: string) => cySelector('superadmin.users.deleteButton', { id }),
+      userImpersonate: (id: string) => cySelector('superadmin.users.impersonateButton', { id }),
+
+      // Teams
+      teamsContainer: cySelector('superadmin.teams.container'),
+      teamsTable: cySelector('superadmin.teams.table'),
+      teamsSearch: cySelector('superadmin.teams.search'),
+      teamRow: (id: string) => cySelector('superadmin.teams.row', { id }),
+      teamActionsButton: (id: string) => cySelector('superadmin.teams.actionsButton', { id }),
+      teamView: (id: string) => cySelector('superadmin.teams.viewButton', { id }),
+      teamEdit: (id: string) => cySelector('superadmin.teams.editButton', { id }),
+      teamDelete: (id: string) => cySelector('superadmin.teams.deleteButton', { id }),
+
+      // Pagination (shared across superadmin pages)
+      paginationPageSize: cySelector('superadmin.pagination.pageSize'),
+      paginationFirst: cySelector('superadmin.pagination.first'),
+      paginationPrev: cySelector('superadmin.pagination.prev'),
+      paginationNext: cySelector('superadmin.pagination.next'),
+      paginationLast: cySelector('superadmin.pagination.last'),
+
+      // Permissions (team-roles page)
+      permissionRow: (permission: string) => cySelector('superadmin.permissions.row', { permission: permission.replace(/\./g, '-') }),
+
+      // Subscriptions
+      subscriptionsContainer: cySelector('superadmin.subscriptions.container'),
+      subscriptionsMrr: cySelector('superadmin.subscriptions.mrr'),
+      subscriptionsPlanDistribution: cySelector('superadmin.subscriptions.planDistribution'),
+      subscriptionsPlanCount: (plan: string) => cySelector('superadmin.subscriptions.planCount', { plan }),
+      subscriptionsActiveCount: cySelector('superadmin.subscriptions.activeCount'),
+    }
+  }
+
+  // ============================================
+  // NAVIGATION
+  // ============================================
+
+  /**
+   * Navigate to Superadmin dashboard
+   */
+  visitDashboard() {
+    cy.visit('/superadmin', { timeout: 60000 })
+    return this
+  }
+
+  /**
+   * Navigate to all users page
+   */
+  visitUsers() {
+    cy.visit('/superadmin/users', { timeout: 60000 })
+    return this
+  }
+
+  /**
+   * Navigate to all teams page
+   */
+  visitTeams() {
+    cy.visit('/superadmin/teams', { timeout: 60000 })
+    return this
+  }
+
+  /**
+   * Navigate to subscriptions overview
+   */
+  visitSubscriptions() {
+    cy.visit('/superadmin/subscriptions', { timeout: 60000 })
+    return this
+  }
+
+  /**
+   * Click nav link to dashboard
+   */
+  clickNavDashboard() {
+    cy.get(this.selectors.navDashboard).click()
+    return this
+  }
+
+  /**
+   * Click nav link to users
+   */
+  clickNavUsers() {
+    cy.get(this.selectors.navUsers).click()
+    return this
+  }
+
+  /**
+   * Click nav link to teams
+   */
+  clickNavTeams() {
+    cy.get(this.selectors.navTeams).click()
+    return this
+  }
+
+  // ============================================
+  // USERS ACTIONS
+  // ============================================
+
+  /**
+   * Search users
+   */
+  searchUsers(query: string) {
+    cy.get(this.selectors.usersSearch).clear().type(query)
+    return this
+  }
+
+  /**
+   * View user details
+   */
+  viewUser(id: string) {
+    cy.get(this.selectors.userView(id)).click()
+    return this
+  }
+
+  /**
+   * Ban a user
+   */
+  banUser(id: string) {
+    cy.get(this.selectors.userBan(id)).click()
+    return this
+  }
+
+  /**
+   * Impersonate a user
+   */
+  impersonateUser(id: string) {
+    cy.get(this.selectors.userImpersonate(id)).click()
+    return this
+  }
+
+  // ============================================
+  // TEAMS ACTIONS
+  // ============================================
+
+  /**
+   * Search teams
+   */
+  searchTeams(query: string) {
+    cy.get(this.selectors.teamsSearch).clear().type(query)
+    return this
+  }
+
+  /**
+   * View team details
+   */
+  viewTeam(id: string) {
+    cy.get(this.selectors.teamView(id)).click()
+    return this
+  }
+
+  // ============================================
+  // ASSERTIONS
+  // ============================================
+
+  /**
+   * Assert on Superadmin area
+   */
+  assertOnSuperadmin() {
+    cy.url().should('include', '/superadmin')
+    return this
+  }
+
+  /**
+   * Assert dashboard is visible
+   */
+  assertDashboardVisible() {
+    cy.get(this.selectors.dashboardContainer).should('be.visible')
+    return this
+  }
+
+  /**
+   * Assert stats cards are visible
+   */
+  assertStatsVisible() {
+    cy.get(this.selectors.statsUsers).should('be.visible')
+    cy.get(this.selectors.statsTeams).should('be.visible')
+    return this
+  }
+
+  /**
+   * Assert users page is visible
+   */
+  assertUsersVisible() {
+    cy.get(this.selectors.usersContainer).should('be.visible')
+    return this
+  }
+
+  /**
+   * Assert users table is visible
+   */
+  assertUsersTableVisible() {
+    cy.get(this.selectors.usersTable).should('be.visible')
+    return this
+  }
+
+  /**
+   * Assert teams page is visible
+   */
+  assertTeamsVisible() {
+    cy.get(this.selectors.teamsContainer).should('be.visible')
+    return this
+  }
+
+  /**
+   * Assert teams table is visible
+   */
+  assertTeamsTableVisible() {
+    cy.get(this.selectors.teamsTable).should('be.visible')
+    return this
+  }
+
+  /**
+   * Assert nav items are visible
+   */
+  assertNavVisible() {
+    cy.get(this.selectors.navContainer).should('be.visible')
+    return this
+  }
+
+  /**
+   * Assert subscriptions page is visible
+   */
+  assertSubscriptionsVisible() {
+    cy.get(this.selectors.subscriptionsContainer).should('be.visible')
+    return this
+  }
+
+  /**
+   * Assert access denied (redirect from superadmin)
+   */
+  assertAccessDenied() {
+    cy.url().should('not.include', '/superadmin')
+    cy.url().should('satisfy', (url: string) => {
+      return url.includes('/dashboard') || url.includes('error=access_denied')
+    })
+    return this
+  }
+
+  // ============================================
+  // WAITS
+  // ============================================
+
+  /**
+   * Wait for Superadmin dashboard to load
+   */
+  waitForDashboard() {
+    cy.url().should('include', '/superadmin')
+    cy.get(this.selectors.dashboardContainer, { timeout: 15000 }).should('be.visible')
+    return this
+  }
+
+  /**
+   * Wait for users page to load
+   */
+  waitForUsers() {
+    cy.url().should('include', '/superadmin/users')
+    cy.get(this.selectors.usersContainer, { timeout: 15000 }).should('be.visible')
+    return this
+  }
+
+  /**
+   * Wait for teams page to load
+   */
+  waitForTeams() {
+    cy.url().should('include', '/superadmin/teams')
+    cy.get(this.selectors.teamsContainer, { timeout: 15000 }).should('be.visible')
+    return this
+  }
+
+  /**
+   * Wait for subscriptions page to load
+   */
+  waitForSubscriptions() {
+    cy.url().should('include', '/superadmin/subscriptions')
+    cy.get(this.selectors.subscriptionsContainer, { timeout: 15000 }).should('be.visible')
+    return this
+  }
+}
+
+export default SuperadminPOM