dimsum-e2e-tests 1.0.0-rc.1

package/ds-menu-item/DSMenuItemsCO.js

@@ -0,0 +1,35 @@
+import { PATH_E2E_MENU_ITEMS } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSMenuItemsCO extends PageObject {
+  static actionMenuItem = new Urlbuilder(PATH_E2E_MENU_ITEMS, 'action-menu-item-test');
+
+  static multiMenuItem = new Urlbuilder(PATH_E2E_MENU_ITEMS, 'multi-menu-item-test');
+
+  static sectionMenuItem = new Urlbuilder(PATH_E2E_MENU_ITEMS, 'section-menu-item-test');
+
+  static singleMenuItem = new Urlbuilder(PATH_E2E_MENU_ITEMS, 'single-menu-item-test');
+
+  static skeletonMenuItem = new Urlbuilder(PATH_E2E_MENU_ITEMS, 'skeleton-menu-item-test');
+
+  static async getMenuItemsWrapper() {
+    return $('[data-testid="menu-items-wrapper"]');
+  }
+
+  static async getMenuItem(item) {
+    return $(`[data-testid="menu-item-${item}"]`);
+  }
+
+  static async getActionTriggered() {
+    return $('[data-testid="action-triggered"]');
+  }
+
+  static async getInnerRef() {
+    return $('[data-testid="inner-ref"]');
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('DSMenuItems', example, 'ds-menu-items');
+  }
+}

package/ds-mobile/Accordion/DSAccordion.visual.spec.js

@@ -0,0 +1,33 @@
+import DSAccordionCO from './DSAccordionCO';
+
+if (browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-7858 - M-Accordion, open and close - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display all closed', async () => {
+      await (await DSAccordionCO.getAccordionItem(0)).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-basic'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display open second one', async () => {
+      await (await DSAccordionCO.getHeaderClickableElement(1)).waitForDisplayed();
+      await (await DSAccordionCO.getHeaderClickableElement(1)).click();
+      await (await DSAccordionCO.getContent(1)).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-open'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('Mobile Accordion:: Truncated rule', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.truncatedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display accordion with truncate rule', async () => {
+      await (await DSAccordionCO.getAccordionItem(0)).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-truncate'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-mobile/Accordion/DSAccordionCO.js

@@ -0,0 +1,37 @@
+/* eslint-disable import/no-relative-packages */
+import { PATH_MOBILE_ACCORDION_EXAMPLES } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export const knobs = {
+  title: 'knob-Accordion%20Item%20title%200',
+};
+
+class DSAccordionCO {
+  static basicURL = new Urlbuilder(PATH_MOBILE_ACCORDION_EXAMPLES, 'basic');
+
+  static truncatedURL = new Urlbuilder(PATH_MOBILE_ACCORDION_EXAMPLES, 'truncated-title');
+
+  static getUrl(example = 'basic') {
+    return PageObject.getUrl(PATH_MOBILE_ACCORDION_EXAMPLES, example);
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('Accordion', example, 'ds-mobile');
+  }
+
+  // selectors
+  static async getAccordionItem(index) {
+    return $$('[data-testid="ds-accordion_item"]')[index];
+  }
+
+  static async getHeaderClickableElement(index) {
+    return $$('[data-testid="ds-accordion_item-header"]')[index];
+  }
+
+  static async getContent() {
+    return $('[data-testid="ds-accordion_item-content"]');
+  }
+}
+
+export default DSAccordionCO;

package/ds-mobile/CategoryBox/CategoryBox.visual.spec.js

@@ -0,0 +1,18 @@
+import CategoryBoxCO from './CategoryBoxCO';
+
+// PUI-3907 - Mobile CategoryBox
+if (browser.capabilities['ice:options'].isPhone) {
+  describe('Mobile CategoryBox', () => {
+    describe('Mobile CategoryBox:: Basic', () => {
+      before('loading page', async () => {
+        const errorOnGo = await CategoryBoxCO.basicURL.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('basic snapshot', async () => {
+        await (await CategoryBoxCO.getHeaderText()).waitForDisplayed({ timeout: 5000 });
+        const snapshot = await browser.checkSnapshot(CategoryBoxCO.snapshotPath());
+        await expect(snapshot).toEqual(0);
+      });
+    });
+  });
+}

package/ds-mobile/CategoryBox/CategoryBoxCO.js

@@ -0,0 +1,17 @@
+import { PATH_MOBILE_CATEGORY_BOX } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class CategoryBox extends PageObject {
+  static basicURL = new Urlbuilder(PATH_MOBILE_CATEGORY_BOX, 'basic');
+
+  static actionsURL = new Urlbuilder(PATH_MOBILE_CATEGORY_BOX, 'actions');
+
+  static async getHeaderText() {
+    return $('div*=Category box title');
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('CategoryBox', example, 'ds-mobile');
+  }
+}

package/ds-mobile/CollectionBox/CollectionBox.visual.spec.js

@@ -0,0 +1,16 @@
+import CollectionBoxCO from './CollectionBoxCO';
+
+// PUI-3906 - CollectionBox
+if (browser.capabilities['ice:options'].isPhone) {
+  describe('Mobile CollectionBox:: Basic', () => {
+    before('loading page', async () => {
+      const errorOnGo = await CollectionBoxCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('basic snapshot', async () => {
+      await (await CollectionBoxCO.getHeaderText()).waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.checkSnapshot(CollectionBoxCO.snapshotPath());
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-mobile/CollectionBox/CollectionBoxCO.js

@@ -0,0 +1,15 @@
+import { PATH_MOBILE_COLLECTION_BOX } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class CollectionBox extends PageObject {
+  static basicURL = new Urlbuilder(PATH_MOBILE_COLLECTION_BOX, 'basic');
+
+  static async getHeaderText() {
+    return $('div*=Header');
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('CollectionBox', example, 'ds-mobile');
+  }
+}

package/ds-mobile/GlobalHeader/DSGlobalHeader.visual.spec.js

@@ -0,0 +1,55 @@
+import DSGlobalHeaderCO from './DSGlobalHeaderCO';
+
+if (browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-4522 - Mobile Global Header, visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSGlobalHeaderCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display mobileGlobalHeader basic', async () => {
+      await (await DSGlobalHeaderCO.getGlobalHeaderItem(0)).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSGlobalHeaderCO.snapshotPath('mobile-global-header-basic'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-10842 - MobileGlobalHeader, with icon', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSGlobalHeaderCO.withIconURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display mobileGlobalHeader with icon', async () => {
+      await (await DSGlobalHeaderCO.getGlobalHeaderItem(0)).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSGlobalHeaderCO.snapshotPath('mobile-global-header-withIcon'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-10843 - MobileGlobalHeader, menu opened', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSGlobalHeaderCO.withMenuURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display mobielGlobalHeader with menu opened', async () => {
+      await (await DSGlobalHeaderCO.getGlobalHeaderItem(0)).waitForDisplayed();
+      const r = await DSGlobalHeaderCO.getMenuClickableElement();
+      await r.click();
+      await (await DSGlobalHeaderCO.getGlobalHeaderMenu()).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSGlobalHeaderCO.snapshotPath('mobile-global-header-menu-opened'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-10844 - MobileGlobalHeader, searchbox opened', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSGlobalHeaderCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display searchbox open', async () => {
+      await (await DSGlobalHeaderCO.getGlobalHeaderItem(0)).waitForDisplayed();
+      await (await DSGlobalHeaderCO.getSearchIconDisplay()).waitForDisplayed();
+      const r = await DSGlobalHeaderCO.getSearchIconDisplay();
+      await r.click();
+      await (await DSGlobalHeaderCO.getSearchBox()).waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.checkSnapshot(DSGlobalHeaderCO.snapshotPath('mobile-global-header-search-open'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-mobile/GlobalHeader/DSGlobalHeaderCO.js

@@ -0,0 +1,36 @@
+import { PATH_MOBILE_GLOBAL_HEADER } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+class DSGlobalHeaderCO {
+  static basicURL = new Urlbuilder(PATH_MOBILE_GLOBAL_HEADER, 'basic');
+
+  static withIconURL = new Urlbuilder(PATH_MOBILE_GLOBAL_HEADER, 'with-icon');
+
+  static withMenuURL = new Urlbuilder(PATH_MOBILE_GLOBAL_HEADER, 'with-menu');
+
+  static async getGlobalHeaderItem(index) {
+    return $$('[data-testid="global-header-wrapper"]')[index];
+  }
+
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('GlobalHeader', example, 'ds-mobile');
+  }
+
+  static async getMenuClickableElement() {
+    return (await DSGlobalHeaderCO.getGlobalHeaderItem(0)).$(`div`).$('div');
+  }
+
+  static async getSearchIconDisplay() {
+    return $('[data-testid="mobile-global-header-search"]');
+  }
+
+  static async getGlobalHeaderMenu() {
+    return $('[data-testid="global-header-menu"]');
+  }
+
+  static async getSearchBox() {
+    return $('[data-testid="ds-input_main-component"]');
+  }
+}
+
+export default DSGlobalHeaderCO;

package/ds-mobile/GroupBox/GroupBox.visual.spec.js

@@ -0,0 +1,15 @@
+import GroupBoxCO from './GroupBoxCO';
+
+if (browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-3909 - MobileGroupBox:: Basic', () => {
+    before('loading page', async () => {
+      const errorOnGo = await GroupBoxCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('basic snapshot', async () => {
+      await (await GroupBoxCO.getGroupBoxHeader()).waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.checkSnapshot(GroupBoxCO.snapshotPath());
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-mobile/GroupBox/GroupBoxCO.js

@@ -0,0 +1,15 @@
+import { PATH_MOBILE_GROUP_BOX } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class GroupBox extends PageObject {
+  static basicURL = new Urlbuilder(PATH_MOBILE_GROUP_BOX, 'basic');
+
+  static async getGroupBoxHeader() {
+    return $('div*=Group box title');
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('GroupBox', example, 'ds-mobile');
+  }
+}

package/ds-mobile/InfiniteLoader/InfiniteLoader.func.spec.js

@@ -0,0 +1,93 @@
+/* eslint-disable wdio/no-pause */
+import InfiniteLoaderCO from './InfiniteLoaderCO';
+
+if (browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-4353 - InfiniteLoader - display Loader', () => {
+    before('loading page', async () => {
+      const errorOnGo = await InfiniteLoaderCO.basic.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display loader when scroll down', async () => {
+      const card7 = await InfiniteLoaderCO.getCard(7);
+      await card7.waitForDisplayed();
+      await card7.scrollIntoView();
+      await browser.pause(800);
+      const loaderIndicator = await InfiniteLoaderCO.getLoaderIndicator();
+      await loaderIndicator.waitForDisplayed();
+      await expect(loaderIndicator).toBeDisplayed();
+    });
+    it('should display more cards', async () => {
+      const card7 = await InfiniteLoaderCO.getCard(7);
+      await card7.waitForDisplayed();
+      await card7.scrollIntoView();
+      await browser.pause(800);
+      const card8 = await InfiniteLoaderCO.getCard(8);
+      await card8.waitForDisplayed();
+      await card8.scrollIntoView();
+      await browser.pause(800);
+      const card9 = await InfiniteLoaderCO.getCard(9);
+      await expect(card9).toBeDisplayed();
+    });
+  });
+  describe('PUI-8865 - InfiniteLoader - hasMoreItems prop', () => {
+    before('loading page', async () => {
+      const errorOnGo = await InfiniteLoaderCO.hasMoreItems.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display loader when scroll down', async () => {
+      const card7 = await InfiniteLoaderCO.getCard(7);
+      await card7.waitForDisplayed();
+      await card7.scrollIntoView();
+      const loaderIndicator = await InfiniteLoaderCO.getLoaderIndicator();
+      await expect(loaderIndicator).toBeDisplayed();
+    });
+    it('should display loader when scroll down - 2nd scroll', async () => {
+      await browser.pause(800);
+      const loaderIndicator = await InfiniteLoaderCO.getLoaderIndicator();
+      await loaderIndicator.waitForDisplayed({ reverse: true });
+      const card9 = await InfiniteLoaderCO.getCard(9);
+      await card9.waitForDisplayed();
+      await card9.scrollIntoView();
+      await expect(loaderIndicator).toBeDisplayed();
+    });
+    it('should not display loading indicator', async () => {
+      await browser.pause(800);
+      const loaderIndicator = await InfiniteLoaderCO.getLoaderIndicator();
+      await loaderIndicator.waitForDisplayed({ reverse: true });
+      const card10 = await InfiniteLoaderCO.getCard(10);
+      await card10.waitForDisplayed();
+      await card10.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });
+      await expect(loaderIndicator).not.toBeDisplayed();
+    });
+  });
+
+  // to improve, is not working as expected and with intermitent issues
+  // describe('PUI-4571 - InfiniteLoader - combine with swipe', () => {
+  //   beforeEach('loading page', async () => {
+  //     const errorOnGo = await InfiniteLoaderCO.basic.go();
+  //     if (errorOnGo) throw errorOnGo;
+  //   });
+  //   it('scroll down and then swipe to refresh', async () => {
+  //     InfiniteLoaderCO.getCard(7).waitForDisplayed();
+  //     InfiniteLoaderCO.getCard(9).scrollIntoView();
+  //     InfiniteLoaderCO.getLoaderIndicator().waitForDisplayed();
+  //     expect(await InfiniteLoaderCO.getLoaderIndicator()).toBeDisplayedInViewport();
+  //     expect(await $('div*=20')).toBeDisplayed();
+  //     InfiniteLoaderCO.getCard(0).scrollIntoView();
+  //     await browser.pause(500);
+  //     Gestures.swipeDown();
+  //     InfiniteLoaderCO.getLoaderBox().waitForDisplayed();
+  //     expect(await InfiniteLoaderCO.getLoaderBox()).toBeDisplayedInViewport();
+  //   });
+  //   it('swipe to refresh and then scroll down', async () => {
+  //     InfiniteLoaderCO.getCard(9).waitForDisplayed();
+  //     Gestures.swipeDown();
+  //     InfiniteLoaderCO.getLoaderBox().waitForDisplayed();
+  //     expect(await InfiniteLoaderCO.getLoaderBox()).toBeDisplayedInViewport();
+  //     InfiniteLoaderCO.getCard(9).scrollIntoView();
+  //     InfiniteLoaderCO.getLoaderIndicator().waitForDisplayed();
+  //     expect(await InfiniteLoaderCO.getLoaderIndicator()).toBeDisplayedInViewport();
+  //     expect(await $('div*=20')).toBeDisplayed();
+  //   });
+  // });
+}

package/ds-mobile/InfiniteLoader/InfiniteLoaderCO.js

@@ -0,0 +1,29 @@
+// eslint-disable-next-line import/no-relative-packages
+import { PATH_MOBILE_INFINITE_LOADER } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class InfiniteLoader extends PageObject {
+  static basic = new Urlbuilder(PATH_MOBILE_INFINITE_LOADER, 'basic');
+
+  static conbineWithSwipe = new Urlbuilder(PATH_MOBILE_INFINITE_LOADER, 'combine-with-swipe');
+
+  static hasMoreItems = new Urlbuilder(PATH_MOBILE_INFINITE_LOADER, 'has-more-items');
+
+  // Selectors
+  static async getLoaderIndicator() {
+    return $('.opened');
+  }
+
+  static async getCard(index) {
+    return $$('[data-testid="card-title"]')[index];
+  }
+
+  static async getLoaderBox() {
+    return $('[data-testid="loader-box"]');
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'actions') {
+    return PageObject.getSnapshotPathBuilder('InfiniteLoader', example, 'ds-mobile');
+  }
+}

package/ds-mobile/MobileActionToolbar/MobileActionToolbar.visual.spec.js

@@ -0,0 +1,39 @@
+import MATCO from './MobileActionToolbarCO';
+
+if (browser.capabilities['ice:options'].isPhone) {
+  describe('Mobile Action Toolbar', () => {
+    describe('ActionToolbar - no border', () => {
+      before('loading page', async () => {
+        const errorOnGo = await MATCO.noBorderUrl.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('should display mobile action toolbar without border', async () => {
+        await (await MATCO.getTopContent()).waitForDisplayed({ timeout: 10000 });
+        const snapshot = await browser.checkSnapshot(MATCO.snapshotPath('no-border'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+    describe('ActionToolbar - more items', () => {
+      before('loading page', async () => {
+        const errorOnGo = await MATCO.moreItemsUrl.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('should display mobile action toolbar with five buttons', async () => {
+        await (await MATCO.getTopContent()).waitForDisplayed({ timeout: 10000 });
+        const snapshot = await browser.checkSnapshot(MATCO.snapshotPath('more-items'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+    describe('ActionToolbar - basic', () => {
+      before('loading page', async () => {
+        const errorOnGo = await MATCO.basicURL.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('should display mobile action toolbar basic', async () => {
+        await (await MATCO.getTopContent()).waitForDisplayed({ timeout: 10000 });
+        const snapshot = await browser.checkSnapshot(MATCO.snapshotPath('basic'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+  });
+}

package/ds-mobile/MobileActionToolbar/MobileActionToolbarCO.js

@@ -0,0 +1,19 @@
+import { PATH_MOBILE_ACTION_TOOLBAR } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class MobileActionToolbar extends PageObject {
+  static basicURL = new Urlbuilder(PATH_MOBILE_ACTION_TOOLBAR, 'basic');
+
+  static noBorderUrl = new Urlbuilder(PATH_MOBILE_ACTION_TOOLBAR, 'without-border');
+
+  static moreItemsUrl = new Urlbuilder(PATH_MOBILE_ACTION_TOOLBAR, 'more-items');
+
+  static async getTopContent() {
+    return $('div*=Top Content');
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('MobileActionToolbar', example, 'ds-mobile');
+  }
+}

package/ds-mobile/MobileBanner/MobileBanner.visual.spec.js

@@ -0,0 +1,23 @@
+import MobileBannerCO from './MobileBannerCO';
+
+if (browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-6716 - MobileBanner: types - visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await MobileBannerCO.type.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display all mobile banner types', async () => {
+      const container = await MobileBannerCO.getContainer(0);
+      await container.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(MobileBannerCO.snapshotPath('types'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should close correctly info mobile banner', async () => {
+      const closeBtn = await MobileBannerCO.getCloseBtn(1);
+      await closeBtn.click();
+      await browser.pause(500);
+      const snapshot = await browser.checkSnapshot(MobileBannerCO.snapshotPath('one-closed'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-mobile/MobileBanner/MobileBannerCO.js

@@ -0,0 +1,23 @@
+import { PATH_MOBILE_BANNER } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class MobileBanner extends PageObject {
+  static type = new Urlbuilder(PATH_MOBILE_BANNER, 'type');
+
+  static async getContainers() {
+    return $$('[data-testid="ds-mobile-banner-container"]');
+  }
+
+  static async getContainer(index) {
+    return (await this.getContainers())[index];
+  }
+
+  static async getCloseBtn(index) {
+    return $$('[data-testid="ds-mobile-banner-close-button"]')[index];
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'with-props') {
+    return PageObject.getSnapshotPathBuilder('MobileBanner', example, 'ds-mobile-banner');
+  }
+}

package/ds-mobile/MobileCard/Card.func.spec.js

@@ -0,0 +1,37 @@
+import MobileCardCO from './MobileCardCO';
+
+if (browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-4696 - MobileCard expand cards', () => {
+    describe('Expand cards', () => {
+      before('loading page', async () => {
+        const errorOnGo = await MobileCardCO.expandableURL.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('expands expandable touchable card', async () => {
+        await (await MobileCardCO.expandCard(0)).waitForDisplayed();
+        let cardContent = await MobileCardCO.getCardContent('111111');
+        await expect(cardContent).not.toBeDisplayedInViewport();
+        await (await MobileCardCO.expandCard(0)).click();
+        cardContent = await MobileCardCO.getCardContent('111111');
+        await expect(cardContent).toBeDisplayedInViewport();
+      });
+    });
+    describe('Expand cards with allowMultipleOpen prop', () => {
+      before('loading page', async () => {
+        const errorOnGo = await MobileCardCO.multiExpandableURL.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('expands multiple expandable touchable card', async () => {
+        await (await MobileCardCO.expandCard(0)).waitForDisplayed();
+        await (await MobileCardCO.expandCard(0)).click();
+        let cardContent = await MobileCardCO.getCardContent('215693');
+        await expect(cardContent).toBeDisplayedInViewport();
+        await (await MobileCardCO.expandCard(1)).click();
+        cardContent = await MobileCardCO.getCardContent('215693');
+        await expect(cardContent).toBeDisplayedInViewport();
+        cardContent = await MobileCardCO.getCardContent('215622');
+        await expect(cardContent).toBeDisplayedInViewport();
+      });
+    });
+  });
+}