@axinom/mosaic-e2e-page-model 0.17.0-rc.4 → 0.17.0-rc.6

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

@@ -1,4 +1,5 @@
 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.
@@ -17,8 +18,9 @@ import { GenericField } from '@axinom/mosaic-e2e-ui-selectors';
 export declare class PaymentPlanRecurrencePeriodField extends GenericField {
     /** @inheritdoc */
     protected get fieldTypeValidator(): string;
-    readonly quantityInput: import("playwright-core").Locator;
-    readonly unitInput: import("playwright-core").Locator;
+    readonly quantityInput: Locator;
+    readonly unitInput: Locator;
+    readonly option: (value: string) => Locator;
     /**
      * Sets values for both inputs of the recurrence period field.
      *

package/dist/managed-services/monetization-service/payment-plan-recurrence-period-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"payment-plan-recurrence-period-field.d.ts","sourceRoot":"","sources":["../../../src/managed-services/monetization-service/payment-plan-recurrence-period-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D;;;;;;;;;;;;;;GAcG;AACH,qBAAa,gCAAiC,SAAQ,YAAY;IAChE,kBAAkB;IAClB,cAAuB,kBAAkB,IAAI,MAAM,CAElD;IAED,QAAQ,CAAC,aAAa,oCAEpB;IACF,QAAQ,CAAC,SAAS,oCAAwD;IAE1E;;;;;OAKG;IACG,SAAS,CACb,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAClD,OAAO,CAAC,IAAI,CAAC;CAKjB"}
+{"version":3,"file":"payment-plan-recurrence-period-field.d.ts","sourceRoot":"","sources":["../../../src/managed-services/monetization-service/payment-plan-recurrence-period-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C;;;;;;;;;;;;;;GAcG;AACH,qBAAa,gCAAiC,SAAQ,YAAY;IAChE,kBAAkB;IAClB,cAAuB,kBAAkB,IAAI,MAAM,CAElD;IAED,QAAQ,CAAC,aAAa,UAEpB;IAEF,QAAQ,CAAC,SAAS,UAA4C;IAE9D,QAAQ,CAAC,MAAM,UAAW,MAAM,KAAG,OAAO,CAGtC;IAEJ;;;;;OAKG;IACG,SAAS,CACb,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAClD,OAAO,CAAC,IAAI,CAAC;CASjB"}

package/dist/managed-services/monetization-service/payment-plan-recurrence-period-field.js

@@ -21,7 +21,8 @@ class PaymentPlanRecurrencePeriodField extends mosaic_e2e_ui_selectors_1.Generic
     constructor() {
         super(...arguments);
         this.quantityInput = this.content.locator('//input[@name="periodQuantity"]');
-        this.unitInput = this.content.locator('//select[@name="periodUnit"]');
+        this.unitInput = this.getLocator('//*[@id="periodUnit"]');
+        this.option = (value) => this.getGlobalLocator(`//li[@role="option" and normalize-space(text())="${value}"]`);
     }
     /** @inheritdoc */
     get fieldTypeValidator() {
@@ -36,7 +37,11 @@ class PaymentPlanRecurrencePeriodField extends mosaic_e2e_ui_selectors_1.Generic
     async setValues(quantity, unit) {
         await this.verifyFieldType();
         await this.quantityInput.fill(quantity.toString());
-        await this.unitInput.selectOption({ label: unit });
+        await this.unitInput.click();
+        await this.unitInput.fill(unit);
+        const optionElement = this.option(unit);
+        await optionElement.waitFor({ state: 'visible' });
+        await optionElement.click();
     }
 }
 exports.PaymentPlanRecurrencePeriodField = PaymentPlanRecurrencePeriodField;

package/dist/managed-services/monetization-service/payment-plan-recurrence-period-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"payment-plan-recurrence-period-field.js","sourceRoot":"","sources":["../../../src/managed-services/monetization-service/payment-plan-recurrence-period-field.ts"],"names":[],"mappings":";;;AAAA,6EAA+D;AAE/D;;;;;;;;;;;;;;GAcG;AACH,MAAa,gCAAiC,SAAQ,sCAAY;IAAlE;;QAMW,kBAAa,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAC3C,iCAAiC,CAClC,CAAC;QACO,cAAS,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAAC;IAgB5E,CAAC;IAxBC,kBAAkB;IAClB,IAAuB,kBAAkB;QACvC,OAAO,qDAAqD,CAAC;IAC/D,CAAC;IAOD;;;;;OAKG;IACH,KAAK,CAAC,SAAS,CACb,QAAgB,EAChB,IAAmD;QAEnD,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;QAC7B,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;QACnD,MAAM,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IACrD,CAAC;CACF;AAzBD,4EAyBC"}
+{"version":3,"file":"payment-plan-recurrence-period-field.js","sourceRoot":"","sources":["../../../src/managed-services/monetization-service/payment-plan-recurrence-period-field.ts"],"names":[],"mappings":";;;AAAA,6EAA+D;AAG/D;;;;;;;;;;;;;;GAcG;AACH,MAAa,gCAAiC,SAAQ,sCAAY;IAAlE;;QAMW,kBAAa,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAC3C,iCAAiC,CAClC,CAAC;QAEO,cAAS,GAAG,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;QAErD,WAAM,GAAG,CAAC,KAAa,EAAW,EAAE,CAC3C,IAAI,CAAC,gBAAgB,CACnB,oDAAoD,KAAK,IAAI,CAC9D,CAAC;IAoBN,CAAC;IAlCC,kBAAkB;IAClB,IAAuB,kBAAkB;QACvC,OAAO,qDAAqD,CAAC;IAC/D,CAAC;IAaD;;;;;OAKG;IACH,KAAK,CAAC,SAAS,CACb,QAAgB,EAChB,IAAmD;QAEnD,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;QAC7B,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;QACnD,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QAC7B,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACxC,MAAM,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAClD,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;IAC9B,CAAC;CACF;AAnCD,4EAmCC"}

package/dist/managed-services/monetization-service/payment-provider-settings-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"payment-provider-settings-field.d.ts","sourceRoot":"","sources":["../../../src/managed-services/monetization-service/payment-provider-settings-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,4BAA6B,SAAQ,YAAY;IAC5D,kBAAkB;IAClB,cAAuB,kBAAkB,IAAI,MAAM,CAElD;IAED;;;;OAIG;IACG,kBAAkB,CAAC,oBAAoB,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAsBrE;;;;;OAKG;IACG,aAAa,CACjB,oBAAoB,EAAE,MAAM,EAC5B,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,IAAI,CAAC;CAejB"}
+{"version":3,"file":"payment-provider-settings-field.d.ts","sourceRoot":"","sources":["../../../src/managed-services/monetization-service/payment-provider-settings-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,4BAA6B,SAAQ,YAAY;IAC5D,kBAAkB;IAClB,cAAuB,kBAAkB,IAAI,MAAM,CAElD;IAED;;;;OAIG;IACG,kBAAkB,CAAC,oBAAoB,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAqBrE;;;;;OAKG;IACG,aAAa,CACjB,oBAAoB,EAAE,MAAM,EAC5B,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,IAAI,CAAC;CAejB"}

package/dist/managed-services/monetization-service/payment-provider-settings-field.js

@@ -29,18 +29,18 @@ class PaymentProviderSettingsField extends mosaic_e2e_ui_selectors_1.GenericFiel
      * @param paymentProviderTitle Label for the payment provider. e.g. 'PayPal'
      */
     async addPaymentProvider(paymentProviderTitle) {
-        const providerSelect = this.getLocator('//*[@data-test-id="payment-provider-selection-row"]//select');
-        const providerAddButton = this.getLocator('//*[@data-test-id="payment-provider-selection-row"]//button');
+        const providerSelect = this.getLocator('//input[@id="addPaymentProvider"]');
+        const providerOption = this.getGlobalLocator(`//li[normalize-space(text())='${paymentProviderTitle}']`);
+        const providerAddButton = this.getLocator('//button[@data-test-id="payment-provider-add-button"]');
         await this.verifyFieldType();
         try {
-            await providerSelect
-                .locator(`//option[text()="${paymentProviderTitle}"]`)
-                .waitFor({ state: 'attached' });
+            await providerSelect.click();
+            await providerOption.waitFor({ state: 'attached' });
         }
         catch (_a) {
             throw new Error(`Could not add payment provider '${paymentProviderTitle}'. Is the payment provider enabled for this environment and not already added to this plan?`);
         }
-        await providerSelect.selectOption({ label: paymentProviderTitle });
+        await providerOption.click();
         await providerAddButton.click();
     }
     /**

package/dist/managed-services/monetization-service/payment-provider-settings-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"payment-provider-settings-field.js","sourceRoot":"","sources":["../../../src/managed-services/monetization-service/payment-provider-settings-field.ts"],"names":[],"mappings":";;;AAAA,6EAA+D;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,MAAa,4BAA6B,SAAQ,sCAAY;IAC5D,kBAAkB;IAClB,IAAuB,kBAAkB;QACvC,OAAO,qGAAqG,CAAC;IAC/G,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,kBAAkB,CAAC,oBAA4B;QACnD,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CACpC,6DAA6D,CAC9D,CAAC;QACF,MAAM,iBAAiB,GAAG,IAAI,CAAC,UAAU,CACvC,6DAA6D,CAC9D,CAAC;QAEF,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;QAC7B,IAAI;YACF,MAAM,cAAc;iBACjB,OAAO,CAAC,oBAAoB,oBAAoB,IAAI,CAAC;iBACrD,OAAO,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;SACnC;QAAC,WAAM;YACN,MAAM,IAAI,KAAK,CACb,mCAAmC,oBAAoB,6FAA6F,CACrJ,CAAC;SACH;QACD,MAAM,cAAc,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAE,CAAC,CAAC;QACnE,MAAM,iBAAiB,CAAC,KAAK,EAAE,CAAC;IAClC,CAAC;IAED;;;;;OAKG;IACH,KAAK,CAAC,aAAa,CACjB,oBAA4B,EAC5B,UAAkB;QAElB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAC3B,8CAA8C,oBAAoB,0CAA0C,CAC7G,CAAC;QAEF,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;QAC7B,IAAI;YACF,MAAM,KAAK,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;SAC3C;QAAC,WAAM;YACN,MAAM,IAAI,KAAK,CACb,oDAAoD,oBAAoB,qEAAqE,CAC9I,CAAC;SACH;QACD,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC/B,CAAC;CACF;AAzDD,oEAyDC"}
+{"version":3,"file":"payment-provider-settings-field.js","sourceRoot":"","sources":["../../../src/managed-services/monetization-service/payment-provider-settings-field.ts"],"names":[],"mappings":";;;AAAA,6EAA+D;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,MAAa,4BAA6B,SAAQ,sCAAY;IAC5D,kBAAkB;IAClB,IAAuB,kBAAkB;QACvC,OAAO,qGAAqG,CAAC;IAC/G,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,kBAAkB,CAAC,oBAA4B;QACnD,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;QAC5E,MAAM,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAC1C,iCAAiC,oBAAoB,IAAI,CAC1D,CAAC;QACF,MAAM,iBAAiB,GAAG,IAAI,CAAC,UAAU,CACvC,uDAAuD,CACxD,CAAC;QACF,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;QAC7B,IAAI;YACF,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;YAC7B,MAAM,cAAc,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;SACrD;QAAC,WAAM;YACN,MAAM,IAAI,KAAK,CACb,mCAAmC,oBAAoB,6FAA6F,CACrJ,CAAC;SACH;QACD,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;QAC7B,MAAM,iBAAiB,CAAC,KAAK,EAAE,CAAC;IAClC,CAAC;IAED;;;;;OAKG;IACH,KAAK,CAAC,aAAa,CACjB,oBAA4B,EAC5B,UAAkB;QAElB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAC3B,8CAA8C,oBAAoB,0CAA0C,CAC7G,CAAC;QAEF,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;QAC7B,IAAI;YACF,MAAM,KAAK,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;SAC3C;QAAC,WAAM;YACN,MAAM,IAAI,KAAK,CACb,oDAAoD,oBAAoB,qEAAqE,CAC9I,CAAC;SACH;QACD,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC/B,CAAC;CACF;AAxDD,oEAwDC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axinom/mosaic-e2e-page-model",
-  "version": "0.17.0-rc.4",
+  "version": "0.17.0-rc.6",
   "description": "A page model for testing an Axinom Mosaic Management System with Playwright.",
   "author": "Axinom",
   "license": "PROPRIETARY",
@@ -22,7 +22,7 @@
     "dev": "tsc -w"
   },
   "dependencies": {
-    "@axinom/mosaic-e2e-ui-selectors": "^0.16.0-rc.4"
+    "@axinom/mosaic-e2e-ui-selectors": "^0.16.0-rc.6"
   },
   "devDependencies": {
     "@types/node": "^18.11.18",
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6b7371f3ae6db64b9ba831680b4a0af604e38372"
+  "gitHead": "443722dfff104c670fa9ad27b9ecddc84663d75d"
 }

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

@@ -1,4 +1,5 @@
 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
@@ -24,7 +25,13 @@ export class PaymentPlanRecurrencePeriodField extends GenericField {
   readonly quantityInput = this.content.locator(
     '//input[@name="periodQuantity"]',
   );
-  readonly unitInput = this.content.locator('//select[@name="periodUnit"]');
+
+  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.
@@ -38,6 +45,10 @@ export class PaymentPlanRecurrencePeriodField extends GenericField {
   ): Promise<void> {
     await this.verifyFieldType();
     await this.quantityInput.fill(quantity.toString());
-    await this.unitInput.selectOption({ label: unit });
+    await this.unitInput.click();
+    await this.unitInput.fill(unit);
+    const optionElement = this.option(unit);
+    await optionElement.waitFor({ state: 'visible' });
+    await optionElement.click();
   }
 }

package/src/managed-services/monetization-service/payment-provider-settings-field.ts

@@ -28,24 +28,23 @@ export class PaymentProviderSettingsField extends GenericField {
    * @param paymentProviderTitle Label for the payment provider. e.g. 'PayPal'
    */
   async addPaymentProvider(paymentProviderTitle: string): Promise<void> {
-    const providerSelect = this.getLocator(
-      '//*[@data-test-id="payment-provider-selection-row"]//select',
+    const providerSelect = this.getLocator('//input[@id="addPaymentProvider"]');
+    const providerOption = this.getGlobalLocator(
+      `//li[normalize-space(text())='${paymentProviderTitle}']`,
     );
     const providerAddButton = this.getLocator(
-      '//*[@data-test-id="payment-provider-selection-row"]//button',
+      '//button[@data-test-id="payment-provider-add-button"]',
     );
-
     await this.verifyFieldType();
     try {
-      await providerSelect
-        .locator(`//option[text()="${paymentProviderTitle}"]`)
-        .waitFor({ state: 'attached' });
+      await providerSelect.click();
+      await providerOption.waitFor({ state: 'attached' });
     } catch {
       throw new Error(
         `Could not add payment provider '${paymentProviderTitle}'. Is the payment provider enabled for this environment and not already added to this plan?`,
       );
     }
-    await providerSelect.selectOption({ label: paymentProviderTitle });
+    await providerOption.click();
     await providerAddButton.click();
   }