@axinom/mosaic-e2e-page-model 0.17.7-rc.0 → 0.17.7-rc.10

package/src/managed-services/monetization-service/claim-set-control.ts

@@ -1,84 +0,0 @@
-import {
-  Accordion,
-  AccordionItem,
-  ComponentModel,
-  DynamicDataList,
-  Modal,
-} from '@axinom/mosaic-e2e-ui-selectors';
-import { FrameLocator, Locator, Page } from 'playwright-core';
-
-/**
- * A model for the a claim row in the claims editor station. This model should not be used directly.
- * It is used internally by methods of the `MonetizationService` model.
- */
-export class ClaimRow extends ComponentModel {
-  /** Get a locator to the appropriate input element to select this claim. */
-  async getInput(): Promise<Locator> {
-    const radioLabel = this.getLocator('//label', -1);
-    const checkBox = this.getLocator('//input', -1);
-    return (await radioLabel.isVisible()) ? radioLabel : checkBox;
-  }
-
-  /** This method toggles the claim selection. */
-  async toggle(): Promise<void> {
-    const input = await this.getInput();
-    await input.check();
-  }
-}
-
-/**
- * A model for the a claim group in the claims editor station. This model should not be used directly.
- * It is used internally by methods of the `MonetizationService` model.
- */
-export class ClaimGroup extends AccordionItem {
-  /** A model for the dynamic data list used to for claim multiple select. */
-  readonly dataList = new DynamicDataList(this);
-
-  /** A model for the modal opened by the dynamic data list. */
-  readonly explorerModal = new Modal(this).asSelectionExplorer();
-
-  /**
-   * This method will determine whether the claim group uses modal input.
-   * If this returns true, then claims should be selected with the `dataList` and `explorerModal` properties.
-   * If it returns false then the `getClaimRowByLabel` method should be used.
-   */
-  async isDataListEntry(): Promise<boolean> {
-    return this.dataList.getLocator().isVisible();
-  }
-
-  /** This method gets a claim row by label. */
-  getClaimRowByLabel(claimLabel: string): ClaimRow {
-    return new ClaimRow(
-      this,
-      `//*[contains(@data-test-id, "claim:") and .//*[@data-test-id="claim-label" and text()="${claimLabel}"]]`,
-    );
-  }
-}
-
-/**
- * A model for the claims editor station. This model should not be used directly.
- * It is used internally by methods of the `MonetizationService` model.
- */
-export class ClaimsEditor extends ComponentModel {
-  /**
-   * A model for an accordion component.
-   * @param parent  The parent playwright page, frame or component model.
-   * @param xpath  A relative xpath selector to this element from the parent.
-   */
-  constructor(parent: Page | FrameLocator | ComponentModel, xpath = '//form') {
-    super(parent, xpath);
-  }
-
-  private accordion = new Accordion(this.root, this.xpath);
-
-  /** This method gets a claim row by claim value. */
-  getClaimRow(claim: string): ClaimRow {
-    return new ClaimRow(this.accordion, `//*[@data-test-id="claim:${claim}"]`);
-  }
-
-  /** This method gets a claim group by label. */
-  getClaimGroup(claimGroupLabel: string): ClaimGroup {
-    const accordionItem = this.accordion.getItemContainingText(claimGroupLabel);
-    return new ClaimGroup(this.root, accordionItem.xpath);
-  }
-}

package/src/managed-services/monetization-service/index.ts

@@ -1,3 +0,0 @@
-export * from './monetization-service';
-export * from './payment-plan-recurrence-period-field';
-export * from './payment-provider-settings-field';

package/src/managed-services/monetization-service/monetization-service.ts

@@ -1,552 +0,0 @@
-import { ActionLabel } from '@axinom/mosaic-e2e-ui-selectors';
-
-import { ManagedServiceModel } from '../managed-service-model';
-import { ClaimsEditor } from './claim-set-control';
-
-export interface SubscriptionPlanFilters {
-  subscriptionPlanTitle: string;
-}
-
-export interface ClaimSetFilters {
-  uniqueKey: string;
-}
-
-/** A model for the managed monetization service. */
-export class MonetizationService extends ManagedServiceModel {
-  /**
-   * This method navigates to the subscription plans explorer station.
-   * The management system must be loaded & signed in before using this method.
-   *
-   * The following steps will be taken:
-   * - Navigate to the home breadcrumb, then tiles: 'Monetization', 'Subscription Plans'
-   * - Wait for data to load
-   */
-  async navigateToSubscriptionPlans(): Promise<void> {
-    const { uiShell, uiManagedWorkflows } = this;
-    await uiShell.goToNavigationPanelItemByTestIds(
-      'monetization-subscriptionplans',
-      'monetization',
-    );
-
-    await uiManagedWorkflows.list.waitForData();
-  }
-
-  /**
-   * This method navigates to the claim sets explorer station.
-   * The management system must be loaded & signed in before using this method.
-   *
-   * The following steps will be taken:
-   * - Navigate to the home breadcrumb, then tiles: 'Monetization', 'Claim Sets'
-   * - Wait for data to load
-   */
-  async navigateToClaimSets(): Promise<void> {
-    const { uiShell, uiManagedWorkflows } = this;
-    await uiShell.goToNavigationPanelItemByTestIds(
-      'monetization-claimsets',
-      'monetization',
-    );
-
-    await uiManagedWorkflows.list.waitForData();
-  }
-
-  /**
-   * This method navigates to a subscription plan details station by title.
-   * The management system must be loaded & signed in before using this method.
-   * If there is not exactly one matching subscription plan an exception will be raised.
-   *
-   * The following steps will be taken:
-   * - Navigate to the home breadcrumb, then tiles: 'Monetization', 'Subscription Plans'
-   * - Filter by title and click the subscription plan row action
-   * - Wait for the subscription plan details page to load
-   */
-  async navigateToSubscriptionPlanDetails(filterBy: {
-    /** A unique subscription plan title. */
-    title: string;
-  }): Promise<void> {
-    const { uiShell, uiManagedWorkflows } = this;
-    await this.navigateToSubscriptionPlans();
-
-    // filter to the item
-    await uiManagedWorkflows.filters
-      .getFilterByName('title')
-      .asFreeTextFilter()
-      .setValue(filterBy.title);
-    await uiManagedWorkflows.list.waitForData();
-
-    // Verify that there is exactly one matching row
-    if ((await uiManagedWorkflows.list.allVisibleRows.count()) !== 1) {
-      throw new Error(
-        `Failed to find exactly one subscription plan with title '${filterBy.title}'.`,
-      );
-    }
-
-    // navigate
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.list.getRow(1).actionButton.click(),
-    );
-    await uiManagedWorkflows.form.waitForData();
-  }
-
-  /**
-   * This method navigates to a claim set details station by unique key.
-   * The management system must be loaded & signed in before using this method.
-   * If there is not exactly one matching claim set an exception will be raised.
-   *
-   * The following steps will be taken:
-   * - Navigate to the home breadcrumb, then tiles: 'Monetization', 'Claim Sets'
-   * - Filter by unique key and click the claim set row action
-   * - Wait for the claim set details station to load
-   */
-  async navigateToClaimSetDetails(args: {
-    /** The claim set unique key. */
-    uniqueKey: string;
-  }): Promise<void> {
-    const { uiShell, uiManagedWorkflows } = this;
-
-    if (this.page.url().endsWith(`/monetization/claimsets/${args.uniqueKey}`)) {
-      // already on the correct page. do nothing
-      return;
-    }
-    await this.navigateToClaimSets();
-
-    // filter to the item
-    await uiManagedWorkflows.filters
-      .getFilterByName('key')
-      .asFreeTextFilter()
-      .setValue(args.uniqueKey);
-    await uiManagedWorkflows.list.waitForData();
-
-    // Verify that there is exactly one matching row
-    if ((await uiManagedWorkflows.list.allVisibleRows.count()) !== 1) {
-      throw new Error(
-        `Failed to find exactly one claim set with unique key '${args.uniqueKey}'.`,
-      );
-    }
-
-    // navigate
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.list.getRow(1).actionButton.click(),
-    );
-    await uiManagedWorkflows.form.waitForData();
-  }
-
-  /**
-   * This method assigns a claim set to the subscription plan.
-   * The management system must be loaded & signed in before using this method.
-   * If the claim set does not exist, or is already added to this subscription plan then an exception will be raised.
-   *
-   * The following steps will be taken:
-   * - Navigate to the home breadcrumb, then tiles: 'Monetization', 'Subscription Plans'
-   * - Filter by title and click the subscription plan row action
-   * - Click the 'Claim Sets' action
-   * - Open the claim sets explorer modal, filter by key and select the first result
-   * - Click the 'previous' breadcrumb and wait for the subscription plan details station to load
-   */
-  async assignClaimSetToSubscriptionPlan(args: {
-    /** A unique subscription plan title. */
-    subscriptionPlanTitle: string;
-    /** The claim set unique key. */
-    claimSetUniqueKey: string;
-  }): Promise<void> {
-    const { uiShell, uiManagedWorkflows } = this;
-    await this.navigateToSubscriptionPlanDetails({
-      title: args.subscriptionPlanTitle,
-    });
-
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.actions.getActionByLabel('Manage Claim Sets').click(),
-    );
-    await uiManagedWorkflows.form.waitForData();
-
-    // open modal
-    await uiManagedWorkflows.form
-      .getFieldByLabel('Claim Sets')
-      .asDynamicDataListField()
-      .dataList.dataEntryRow.addButton.click();
-    const modal = uiManagedWorkflows.form.modal.asSelectionExplorer();
-    await modal.waitToOpen();
-    await modal.list.waitForData();
-
-    // filter to the claim set
-    await modal.filters
-      .getFilterByName('key')
-      .asFreeTextFilter()
-      .setValue(args.claimSetUniqueKey);
-    await modal.list.waitForData();
-    if ((await modal.list.allVisibleRows.count()) !== 1) {
-      throw new Error('The claim set was not found or is already assigned.');
-    }
-
-    // assign the claim set
-    await modal.list.getRow(1).selectButton.click();
-    await modal.waitToClose();
-
-    // Back to subscription plan details
-    await uiShell.navigateToBreadcrumbPrevious();
-    await uiManagedWorkflows.form.waitForData();
-  }
-
-  /**
-   * This method removes a claim set assignment from a subscription plan.
-   * The management system must be loaded & signed in before using this method.
-   * If the claim set is not assigned to this subscription plan then an exception will be raised.
-   *
-   * The following steps will be taken:
-   * - Navigate to the home breadcrumb, then tiles: 'Monetization', 'Subscription Plans'
-   * - Filter by title and click the subscription plan row action
-   * - Click the 'Claim Sets' action
-   * - Unassign the claim set using the inline menu
-   * - Click the 'previous' breadcrumb and wait for the subscription plan details station to load
-   */
-  async removeClaimSetFromSubscriptionPlan(args: {
-    /** A unique subscription plan title. */
-    subscriptionPlanTitle: string;
-    /** The claim set unique key. */
-    claimSetUniqueKey: string;
-  }): Promise<void> {
-    const { uiShell, uiManagedWorkflows } = this;
-    await this.navigateToSubscriptionPlanDetails({
-      title: args.subscriptionPlanTitle,
-    });
-
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.actions.getActionByLabel('Manage Claim Sets').click(),
-    );
-    await uiManagedWorkflows.form.waitForData();
-
-    // Find and remove the claim set
-    const dataList = uiManagedWorkflows.form
-      .getFieldByLabel('Claim Sets')
-      .asDynamicDataListField().dataList;
-    const row = dataList.getRowByPropertyValue('key', args.claimSetUniqueKey);
-    try {
-      await row.getLocator().waitFor({ state: 'visible' });
-    } catch {
-      throw new Error('The claim set was not found on the subscription plan.');
-    }
-    await row.inlineMenu.openButton.click();
-    await row.inlineMenu.getActionByLabel('Unassign').click();
-    await dataList.waitForData();
-
-    // Back to subscription plan details
-    await uiShell.navigateToBreadcrumbPrevious();
-    await uiManagedWorkflows.form.waitForData();
-  }
-
-  /**
-   * This method sets subscription plan status and publishes the subscription plan.
-   * The management system must be loaded & signed in before using this method.
-   * If the subscription plan cannot be published then an exception will be raised.
-   *
-   * The following steps will be taken:
-   * - Navigate to the home breadcrumb, then tiles: 'Monetization', 'Subscription Plans'
-   * - Filter by title and click the subscription plan row action
-   * - Set the Status field
-   * - Click 'Publishing'
-   * - Click 'Publish' and confirm
-   * - Wait for the subscription plan details station to load and verify that the publication state is 'PUBLISHED'
-   */
-  async publishSubscriptionPlan(args: {
-    /** A unique subscription plan title. */
-    title: string;
-    /** The subscription plan status to be set. If omitted no change will be made. */
-    status?: 'Active' | 'Inactive';
-  }): Promise<void> {
-    const { uiShell, uiManagedWorkflows } = this;
-    await this.navigateToSubscriptionPlanDetails(args);
-
-    if (args.status !== undefined) {
-      await uiManagedWorkflows.form
-        .getFieldByName('isActive')
-        .asRadioField()
-        .setValue(args.status === 'Active' ? 'true' : 'false');
-    }
-
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.actions.getActionByLabel('Publishing').click(),
-    );
-    await uiManagedWorkflows.form.waitForData();
-
-    const publishButton =
-      uiManagedWorkflows.actions.getActionByLabel('Publish');
-    try {
-      await publishButton.waitFor({ state: 'visible' });
-    } catch {
-      throw new Error(
-        'Subscription plan could not be published. Are there validation errors?',
-      );
-    }
-    await publishButton.click();
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.actions.confirmButton.click(),
-    );
-    await uiManagedWorkflows.form.waitForData();
-  }
-
-  /**
-   * This method creates a new claim set.
-   * The management system must be loaded & signed in before using this method.
-   * When this method completes, the new claim set details station will be loaded.
-   *
-   * The following steps will be taken:
-   * - Navigate to the home breadcrumb, then tiles: 'Monetization', 'Claim Sets'
-   * - Click 'New', enter the title and key then click 'Proceed'
-   * - Wait for the claim set details station to load
-   */
-  async createClaimSet(properties: {
-    /** A unique subscription plan title. */
-    title: string;
-    /** The claim set unique key. */
-    uniqueKey: string;
-  }): Promise<void> {
-    const { uiShell, uiManagedWorkflows } = this;
-    await this.navigateToClaimSets();
-
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.pageHeader.actions.getActionByLabel('New').click(),
-    );
-    await uiManagedWorkflows.form.waitForData();
-
-    await uiManagedWorkflows.form
-      .getFieldByName('title')
-      .asSingleLineTextField()
-      .setValue(properties.title);
-    await uiManagedWorkflows.form
-      .getFieldByName('key')
-      .asSingleLineTextField()
-      .setValue(properties.uniqueKey);
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.actions.getActionByLabel(ActionLabel.Proceed).click(),
-    );
-    await uiManagedWorkflows.form.waitForData();
-  }
-
-  /**
-   * This method assigns claims to a claim set.
-   * The management system must be loaded & signed in before using this method.
-   * NOTE: This method does not support adding claims by mod*a*l.
-   *
-   * The following steps will be taken:
-   * - Navigate to the home breadcrumb, then tiles: 'Monetization', 'Claim Sets'
-   * - Filter by unique key and click the claim set row action
-   * - Click 'Claims'
-   * - Add each claim by checkbox or radio button
-   * - Click the 'previous' breadcrumb and wait for the claim set details station to load
-   */
-  async assignClaimsToClaimSet(args: {
-    /** The claim set unique key. */
-    uniqueKey: string;
-    /** The list of claim values to be assigned. Each claim input will be clicked. */
-    claims: string[];
-  }): Promise<void> {
-    const { uiShell, uiManagedWorkflows } = this;
-    await this.navigateToClaimSetDetails(args);
-
-    // Open claims editor
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.actions.getActionByLabel('Claims').click(),
-    );
-
-    // Select each claim
-    const claimsEditor = new ClaimsEditor(this.page);
-    for (const claim of args.claims) {
-      const row = claimsEditor.getClaimRow(claim);
-      try {
-        await row.getLocator().waitFor({ state: 'visible' });
-      } catch (e) {
-        throw new Error(
-          `A radio or checkbox for for claim '${claim}' is not visible. NOTE: selecting claims by mod*a*l is not supported by this method.` +
-            (e instanceof Error ? `\n${e.message}` : ''),
-        );
-      }
-      await row.toggle();
-    }
-    // Back to claim set details
-    await uiShell.navigateToBreadcrumbPrevious();
-    await uiManagedWorkflows.form.waitForData();
-  }
-
-  /**
-   * This method assigns claims to a claim set.
-   * The management system must be loaded & signed in before using this method.
-   * NOTE: This method *does* support adding claims by mod*a*l.
-   *
-   * The following steps will be taken:
-   * - Navigate to the home breadcrumb, then tiles: 'Monetization', 'Claim Sets'
-   * - Filter by unique key and click the claim set row action
-   * - Click 'Claims'
-   * - Add each claim by checkbox or radio button
-   * - Click the 'previous' breadcrumb and wait for the claim set details station to load
-   */
-  async assignClaimsToClaimSetByLabel(args: {
-    /** The claim set unique key. */
-    uniqueKey: string;
-    /** The label of the claim group. */
-    claimGroupLabel: string;
-    /** The claim labels in the claim group. Each will be clicked or added by modal as required. */
-    claimLabels: string[];
-  }): Promise<void> {
-    const { uiShell, uiManagedWorkflows } = this;
-    await this.navigateToClaimSetDetails(args);
-
-    // Open claims editor
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.actions.getActionByLabel('Claims').click(),
-    );
-
-    // Select each claim
-    const claimsEditor = new ClaimsEditor(this.page);
-    const group = claimsEditor.getClaimGroup(args.claimGroupLabel);
-    try {
-      await group.row.waitFor({ state: 'visible' });
-    } catch (e) {
-      throw new Error(
-        `A claim group with label ${args.claimGroupLabel} is not visible.` +
-          (e instanceof Error ? `\n${e.message}` : ''),
-      );
-    }
-    await group.expand();
-    if (await group.isDataListEntry()) {
-      // Select each claim with selection explorer
-      const modal = group.explorerModal;
-      for (const claimLabel of args.claimLabels) {
-        await group.dataList.dataEntryRow.addButton.click();
-        await modal.waitToOpen();
-        await modal.list.waitForData();
-
-        // filter to the claim
-        await modal.filters
-          .getFilterByName('title')
-          .asFreeTextFilter()
-          .setValue(claimLabel);
-        await modal.list.waitForData();
-
-        if ((await modal.list.allVisibleRows.count()) !== 1) {
-          throw new Error(
-            `A entry for claim with label '${claimLabel}' is not visible in the modal for group '${args.claimGroupLabel}'.`,
-          );
-        }
-
-        // assign the claim
-        await modal.list.getRow(1).selectButton.click();
-        await modal.waitToClose();
-      }
-    } else {
-      // Select each claim
-      for (const claimLabel of args.claimLabels) {
-        const row = group.getClaimRowByLabel(claimLabel);
-        try {
-          await row.getLocator().waitFor({ state: 'visible' });
-        } catch (e) {
-          throw new Error(
-            `A radio or checkbox for claim with label '${claimLabel}' is not visible in group '${args.claimGroupLabel}'.` +
-              (e instanceof Error ? `\n${e.message}` : ''),
-          );
-        }
-        await row.toggle();
-      }
-    }
-    // Back to claim set details
-    await uiShell.navigateToBreadcrumbPrevious();
-    await uiManagedWorkflows.form.waitForData();
-  }
-
-  /**
-   * This method publishes a claim set.
-   * The management system must be loaded & signed in before using this method.
-   * If the claim set cannot be published then an exception will be raised.
-   *
-   * The following steps will be taken:
-   * - Navigate to the home breadcrumb, then tiles: 'Monetization', 'Claim Sets'
-   * - Filter by unique key and click the claim set row action
-   * - Click 'Publishing'
-   * - Click 'Publish' and confirm
-   * - Wait for the claim set details station to load
-   */
-  async publishClaimSet(args: {
-    /** The claim set unique key. */
-    uniqueKey: string;
-  }): Promise<void> {
-    const { uiShell, uiManagedWorkflows } = this;
-    await this.navigateToClaimSetDetails(args);
-
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.actions.getActionByLabel('Publishing').click(),
-    );
-    await uiManagedWorkflows.form.waitForData();
-
-    const action = uiManagedWorkflows.actions.getActionByLabel('Publish');
-    try {
-      await action.waitFor({ state: 'visible' });
-    } catch {
-      throw new Error(
-        'Claim set could not be published. Are there validation errors?',
-      );
-    }
-    await action.click();
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.actions.confirmButton.click(),
-    );
-    await uiManagedWorkflows.form.waitForData();
-  }
-
-  /**
-   * This method unpublishes a claim set by unique key.
-   * The management system must be loaded & signed in before using this method.
-   * If the claim set cannot be unpublished then an exception will be raised.
-   *
-   * The following steps will be taken:
-   * - Navigate to the home breadcrumb, then tiles: 'Monetization', 'Claim Sets'
-   * - Filter by unique key and click the claim set row action
-   * - Click 'Unpublish' and confirm
-   * - Wait for the claim sets details station to load
-   */
-  async unpublishClaimSet(args: { uniqueKey: string }): Promise<void> {
-    const { uiShell, uiManagedWorkflows } = this;
-    await this.navigateToClaimSetDetails(args);
-
-    const action = uiManagedWorkflows.actions.getActionByLabel('Unpublish');
-    try {
-      await action.waitFor({ state: 'visible' });
-    } catch {
-      throw new Error('The "Unpublish" action is not visible.');
-    }
-    await action.click();
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.actions.confirmButton.click(),
-    );
-    await uiManagedWorkflows.form.waitForData();
-  }
-
-  /**
-   * This method deletes a claim set by unique key.
-   * The management system must be loaded & signed in before using this method.
-   * If the claim set cannot be deleted then an exception will be raised.
-   *
-   * The following steps will be taken:
-   * - Navigate to the home breadcrumb, then tiles: 'Monetization', 'Claim Sets'
-   * - Filter by unique key and click the claim set row action
-   * - Click 'Delete' and confirm
-   * - Wait for the claim sets explorer to load
-   */
-  async deleteClaimSet(args: {
-    /** The claim set unique key. */
-    uniqueKey: string;
-  }): Promise<void> {
-    const { uiShell, uiManagedWorkflows } = this;
-    await this.navigateToClaimSetDetails(args);
-
-    // Delete the claim set
-    const action = uiManagedWorkflows.actions.getActionByLabel('Delete');
-    try {
-      await action.waitFor({ state: 'visible' });
-    } catch {
-      throw new Error('The "Delete" action is not visible.');
-    }
-    await action.click();
-    await uiShell.waitForPageTransition(
-      uiManagedWorkflows.actions.confirmButton.click(),
-    );
-    await uiManagedWorkflows.list.waitForData();
-  }
-}

package/src/managed-services/monetization-service/payment-plan-recurrence-period-field.ts

@@ -1,54 +0,0 @@
-import { GenericField } from '@axinom/mosaic-e2e-ui-selectors';
-import { Locator } from 'playwright-core';
-
-/**
- * A model for a "Recurrence Period" form field which can be used to configure
- * the "Recurrence Period" field on payment plans. This is a custom FormField component.
- *
- * It is advised not to use this model directly but to use fixed pre-configured
- * subscription plans for end-to-end testing of payment provider integrations.
- *
- * Example usage:
- * ```
- * await uiManagedWorkflows.form
- * .getFieldByLabel('Recurrence Period')
- * .as(PaymentPlanRecurrencePeriodField)
- * .setValues(1, 'WEEK');
- * ```
- */
-export class PaymentPlanRecurrencePeriodField extends GenericField {
-  /** @inheritdoc */
-  protected override get fieldTypeValidator(): string {
-    return '[@data-test-type="PaymentProviderRecurrencePeriod"]';
-  }
-
-  readonly quantityInput = this.content.locator(
-    '//input[@name="periodQuantity"]',
-  );
-
-  readonly unitInput = this.getLocator('//*[@id="periodUnit"]');
-
-  readonly option = (value: string): Locator =>
-    this.getGlobalLocator(
-      `//li[@role="option" and normalize-space(text())="${value}"]`,
-    );
-
-  /**
-   * Sets values for both inputs of the recurrence period field.
-   *
-   * @param quantity  Value for the number entry input
-   * @param unit  The dropdown label to select
-   */
-  async setValues(
-    quantity: number,
-    unit: 'day(s)' | 'week(s)' | 'month(s)' | 'year(s)',
-  ): Promise<void> {
-    await this.verifyFieldType();
-    await this.quantityInput.fill(quantity.toString());
-    await this.unitInput.click();
-    await this.unitInput.fill(unit);
-    const optionElement = this.option(unit);
-    await optionElement.waitFor({ state: 'visible' });
-    await optionElement.click();
-  }
-}