MWPW-130540: add commerce OST UI tests

features/acom/homepage.spec.js

@@ -1,11 +1,10 @@
 module.exports = {
   FeatureName: 'Acom Home Page',
   features: [
     {
       name: '@Acom-Homepage-Jarvis',
       path: '',
-      envs: '@adobe_prod @adobe_stage',
       tags: '@homepage @smoke @regression @acom',
     },
   ],
 };

features/milo/commerce.spec.js

@@ -5,22 +5,19 @@ module.exports = {
       tcid: '0',
       name: '@Commerce-Price-Term',
       path: '/drafts/nala/features/commerce/prices-with-term',
-      envs: '@milo_live',
       tags: '@commerce',
     },
     {
       tcid: '1',
       name: '@Commerce-Price-Unit-Term',
       path: '/drafts/nala/features/commerce/prices-with-term-unit',
-      envs: '@milo_live',
       tags: '@commerce',
 
     },
     {
       tcid: '2',
       name: '@Commerce-Price-Taxlabel-Unit-Term',
       path: '/drafts/nala/features/commerce/prices-with-term-unit-taxlabel',
-      envs: '@milo_live',
       tags: '@commerce',
     },
     {
@@ -30,7 +27,6 @@ module.exports = {
       data: {
         promo: 'nicopromo',
       },
-      envs: '@milo_live',
       tags: '@commerce',
     },
   ],

features/milo/ost.tools.spec.js

@@ -0,0 +1,123 @@
+module.exports = {
+  name: 'Offer Selector Tool',
+  features: [
+    {
+      tcid: '0',
+      name: '@OST-Search-OfferID',
+      path: '/tools/ost',
+      data: {
+        offerID: '0ADF92A6C8514F2800BE9E87DB641D2A',
+        productName: 'Photoshop',
+        productNameShort: 'phsp',
+        planType: 'PUF',
+        offerType: 'TRIAL',
+        price: 'US$263.88',
+        opticalPrice: 'US$21.99',
+        term: '/yr',
+        opticalTerm: '/mo',
+        unit: 'per license',
+        taxLabel: 'excl. tax',
+      },
+      browserParams: '?token=',
+      tags: '@ost @commerce',
+    },
+    {
+      tcid: '1',
+      name: '@OST-Offer-Entitlements',
+      path: '/tools/ost',
+      data: {
+        offerID: '0ADF92A6C8514F2800BE9E87DB641D2A',
+        planType: 'PUF',
+        offerType: 'TRIAL',
+      },
+      browserParams: '?token=',
+      tags: '@ost @commerce',
+
+    },
+    {
+      tcid: '2',
+      name: '@OST-Offer-Price',
+      path: '/tools/ost',
+      data: {
+        offerID: '0ADF92A6C8514F2800BE9E87DB641D2A',
+        price: 'US$263.88',
+        opticalPrice: 'US$21.99',
+        term: '/yr',
+        opticalTerm: '/mo',
+        unit: 'per license',
+        taxLabel: 'excl. tax',
+      },
+      browserParams: '?token=',
+      tags: '@ost @commerce',
+    },
+    {
+      tcid: '3',
+      name: '@OST-Term',
+      path: '/tools/ost',
+      data: {
+        offerID: '0ADF92A6C8514F2800BE9E87DB641D2A',
+        term: '/yr',
+        opticalTerm: '/mo',
+      },
+      browserParams: '?token=',
+      tags: '@ost @commerce',
+    },
+    {
+      tcid: '4',
+      name: '@OST-Unit',
+      path: '/tools/ost',
+      data: {
+        offerID: '0ADF92A6C8514F2800BE9E87DB641D2A',
+        unit: 'per license',
+      },
+      browserParams: '?token=',
+      tags: '@ost @commerce',
+    },
+    {
+      tcid: '5',
+      name: '@OST-TaxLabel',
+      path: '/tools/ost',
+      data: {
+        offerID: '0ADF92A6C8514F2800BE9E87DB641D2A',
+        taxLabel: 'excl. tax',
+      },
+      browserParams: '?token=',
+      tags: '@ost @commerce',
+    },
+    {
+      tcid: '6',
+      name: '@OST-TaxInclusivity',
+      path: '/tools/ost',
+      data: {
+        offerID: '0ADF92A6C8514F2800BE9E87DB641D2A',
+      },
+      browserParams: '?token=',
+      tags: '@ost @commerce',
+    },
+    {
+      tcid: '7',
+      name: '@OST-Price-Promo',
+      path: '/tools/ost',
+      data: {
+        offerID: '0ADF92A6C8514F2800BE9E87DB641D2A',
+        promo: 'testpromo',
+      },
+      browserParams: '?token=',
+      tags: '@ost @commerce',
+    },
+    {
+      tcid: '8',
+      name: '@OST-Checkout-Link',
+      path: '/tools/ost',
+      data: {
+        offerID: '0ADF92A6C8514F2800BE9E87DB641D2A',
+        workflowStep_1: 'email',
+        workflowStep_2: 'recommendation',
+        promo: 'testpromo',
+      },
+      browserParams: '?token=',
+      tags: '@ost @commerce',
+    },
+
+  ],
+};

features/milo/promotions.spec.js

@@ -0,0 +1,114 @@
+module.exports = {
+  name: 'Promotions',
+  features: [
+    {
+      tcid: '0',
+      name: '@Promo-insert',
+      path: '/drafts/nala/features/promotions/promo-insert',
+      data: {
+        textMarquee: 'Promo test page',
+        textAfterMarquee: 'Marquee promo text insert',
+        textBeforeText: 'Promo text insert',
+        textDefault: 'Default text',
+      },
+      tags: '@promo @commerce @regression',
+    },
+    {
+      tcid: '1',
+      name: '@Promo-replace',
+      path: '/drafts/nala/features/promotions/promo-replace',
+      data: {
+        textReplaceMarquee: 'Marquee promo replace',
+        textReplace: 'Promo text replace',
+      },
+      tags: '@promo @commerce @regression',
+    },
+    {
+      tcid: '2',
+      name: '@Promo-remove',
+      path: '/drafts/nala/features/promotions/promo-remove',
+      data: {
+        textMarquee: 'Promo test page',
+      },
+      tags: '@promo @commerce @regression',
+    },
+    {
+      tcid: '3',
+      name: '@Promo-two-manifests',
+      path: '/drafts/nala/features/promotions/promo-default',
+      data: {
+        textReplaceMarquee: 'Marquee promo replace',
+        textReplace: 'Promo text replace',
+        textAfterMarquee: 'Marquee promo text insert',
+        textBeforeText: 'Promo text insert',
+      },
+      tags: '@promo @commerce @regression',
+    },
+    {
+      tcid: '4',
+      name: '@Promo-replace-fragment',
+      path: '/drafts/nala/features/promotions/promo-with-fragments',
+      data: {
+        textReplaceMarquee: 'Marquee promo replace',
+      },
+      tags: '@promo @commerce @regression',
+    },
+    {
+      tcid: '5',
+      name: '@Promo-future',
+      path: '/drafts/nala/features/promotions/promo-future',
+      data: {
+        mepPath: '/drafts/nala/features/promotions/manifests/promo-insert-future.json--all',
+        textMarquee: 'Promo test page',
+        textDefault: 'Default text',
+        textFuture: 'Future promo text insert',
+        status: 'Scheduled - inactive',
+        manifestFile: 'promo-insert-future.json',
+     },
+      tags: '@promo @commerce @regression',
+    },
+    {
+      tcid: '6',
+      name: '@Promo-with-personalization',
+      path: '/drafts/nala/features/promotions/promo-with-personalization',
+      data: {
+        textMarquee: 'Promo test page',
+        textAfterMarquee: 'Marquee promo text insert',
+        textBeforeText: 'Promo text insert',
+      },
+      tags: '@promo @commerce @regression',
+    },
+    {
+      tcid: '7',
+      name: '@Promo-with-personalization-and-target',
+      path: '/drafts/nala/features/promotions/promo-with-personalization-and-target',
+      data: {
+        textMarquee: 'Promo test page',
+        textAfterMarquee: 'Marquee promo text insert',
+        textBeforeText: 'Promo text insert',
+      },
+      tags: '@promo @commerce @regression',
+    }, 
+    {
+      tcid: '8',
+      name: '@Promo-preview',
+      path: '/drafts/nala/features/promotions/promo-default',
+      data: {
+        mepInsertOn: '/drafts/nala/features/promotions/manifests/promo-insert.json--all',
+        mepReplaceOn: '/drafts/nala/features/promotions/manifests/promo-replace.json--all',
+        mepInsertOff: '/drafts/nala/features/promotions/manifests/promo-insert.json--default',
+        mepReplaceOff: '/drafts/nala/features/promotions/manifests/promo-replace.json--default',
+        textMarquee: 'Promo test page',
+        textDefault: 'Default text',
+        textAfterMarquee: 'Marquee promo text insert',
+        textBeforeText: 'Promo text insert',
+        textReplaceMarquee: 'Marquee promo replace',
+        textReplace: 'Promo text replace',
+        inactiveStatus: 'Scheduled - inactive',
+        manifestInsertFile: 'promo-insert.json',
+        manifestReplaceFile: 'promo-replace.json',
+     },
+      tags: '@promo @commerce @regression',
+    },     
+  ],
+};

selectors/milo/ost.tools.page.js

@@ -0,0 +1,28 @@
+export default class OSTPage {
+    constructor(page) {
+      this.page = page;
+
+      this.searchField = page.locator('//input[contains(@data-testid,"search")]');
+      this.productList = page.locator('//span[contains(@class,"productName")]');
+      this.planType = page.locator('//button/span[contains(@class, "spectrum-Dropdown-label") and (.//ancestor::div/span[contains(text(),"plan type")])]');
+      this.offerType = page.locator('//button/span[contains(@class, "spectrum-Dropdown-label") and (.//ancestor::div/span[contains(text(),"offer type")])]');
+      this.nextButton = page.locator('//button[contains(@data-testid, "nextButton")]/span');
+      this.price = page.locator('//div[@data-type="price"]/span');
+      this.priceOptical = page.locator('//div[contains(@data-type, "priceOptical")]/span');
+      this.priceStrikethrough = page.locator('//div[contains(@data-type, "priceStrikethrough")]/span');
+      this.termCheckbox = page.locator('//input[@value="displayRecurrence"]');
+      this.unitCheckbox = page.locator('//input[@value="displayPerUnit"]');
+      this.taxlabelCheckbox = page.locator('//input[@value="displayTax"]');
+      this.taxInlcusivityCheckbox = page.locator('//input[@value="forceTaxExclusive"]');
+      this.priceUse = page.locator('button:near(h4:text("Price"))').first();
+      this.priceOpticalUse = page.locator('button:near(:text("Optical price"))').first();
+      this.priceStrikethroughUse = page.locator('button:near(:text("Strikethrough price"))').first();
+      this.checkoutTab = page.locator('//div[@data-key="checkout"]');
+      this.checkoutLink = page.locator('//a[@data-type="checkoutUrl"]');
+      // this.workflowMenu = page.locator('//div//label[contains(text(), "Workflow")]');
+      this.workflowMenu = page.locator('button:near(label:text("Workflow"))').first();
+      this.promoField = page.locator('//input[contains(@class, "spectrum-Textfield-input")]');
+      this.cancelPromo = page.locator('button:right-of(span:text("Promotion:"))').first();
+    }
+  }
+

selectors/milo/promotions.feature.page.js

@@ -0,0 +1,23 @@
+export default class CommercePage {
+    constructor(page) {
+      this.page = page;
+
+      this.marqueeDefault = page.locator('.marquee #promo-test-page');
+      this.marqueeReplace = page.locator('.marquee #marquee-promo-replace');
+      this.marqueeFragment = page.locator('.marquee #fragment-marquee');
+      this.textBlock = page.locator('.text-block');
+      this.textDefault = page.locator('.text #default-text');
+      this.textReplace = page.locator('.text #promo-text-replace');
+      this.textInsertAfterMarquee = page.locator('.text #marquee-promo-text-insert');
+      this.textInsertBeforeText = page.locator('.text #promo-text-insert');
+      this.textInsertFuture = page.locator('.text #future-promo-text-insert');
+      this.mepMenuOpen = page.locator('.mep-open');
+      this.mepPreviewButton = page.locator('//a[contains(text(),"Preview")]');
+      this.mepManifestList = page.locator('.mep-manifest-list');
+      this.mepInsertDefault = page.locator('//input[contains(@name,"promo-insert") and @value="default"]');
+      this.mepInsertAll = page.locator('//input[contains(@name,"promo-insert") and @value="all"]');
+      this.mepReplaceDefault = page.locator('//input[contains(@name,"promo-replace") and @value="default"]');
+      this.mepReplaceAll = page.locator('//input[contains(@name,"promo-replace") and @value="all"]');
+    }
+  }
+

tests/milo/commerce.feature.test.js

@@ -1,15 +1,15 @@
 import { expect, test } from '@playwright/test';
 import { features } from '../../features/milo/commerce.spec.js';
 import CommercePage from '../../selectors/milo/commerce.feature.page.js';
-import ims from '../../libs/imslogin.js';
 
+const miloLibs = process.env.MILO_LIBS || '';
 
 test.describe('Commerce feature test suite', () => {
   // Validate price with term display
   // skipping the commerce test, due to price rendering issue on pr branchs
   test.skip(`${features[0].name},${features[0].tags}`, async ({ page, baseURL }) => {
     const COMM = new CommercePage(page);
-    const testPage = `${baseURL}${features[0].path}`;
+    const testPage = `${baseURL}${features[0].path}${miloLibs}`;
     console.info('[Test Page]: ', testPage);
 
     await test.step('Go to the test page', async () => {
@@ -56,7 +56,7 @@ test.describe('Commerce feature test suite', () => {
   // Validate price with term and unit display
   test.skip(`${features[1].name},${features[1].tags}`, async ({ page, baseURL }) => {
     const COMM = new CommercePage(page);
-    const testPage = `${baseURL}${features[1].path}`;
+    const testPage = `${baseURL}${features[1].path}${miloLibs}`;
     console.info('[Test Page]: ', testPage);
 
     await test.step('Go to the test page', async () => {
@@ -103,7 +103,7 @@ test.describe('Commerce feature test suite', () => {
   // Validate price with term, unit and tax label display
   test.skip(`${features[2].name},${features[2].tags}`, async ({ page, baseURL }) => {
     const COMM = new CommercePage(page);
-    const testPage = `${baseURL}${features[2].path}`;
+    const testPage = `${baseURL}${features[2].path}${miloLibs}`;
     console.info('[Test Page]: ', testPage);
 
     await test.step('Go to the test page', async () => {
@@ -150,7 +150,7 @@ test.describe('Commerce feature test suite', () => {
   // Validate price and CTAs have promo code applied
   test.skip(`${features[3].name},${features[3].tags}`, async ({ page, baseURL }) => {
     const COMM = new CommercePage(page);
-    const testPage = `${baseURL}${features[3].path}`;
+    const testPage = `${baseURL}${features[3].path}${miloLibs}`;
     const data = features[3].data;
 
     console.info('[Test Page]: ', testPage);