dimsum-e2e-tests 1.0.0-rc.1

package/ds-card/DSCard.axe-core.func.spec.js

@@ -0,0 +1,100 @@
+/* eslint-disable max-lines */
+import { axeCoreCheck } from '../helpers';
+import DSCardCO from './DSCardCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-11044 - Card - Basic -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.basic.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should pass axeCore scan for basic card component', async () => {
+      const card = await DSCardCO.getCard();
+      await card.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11045 - Card - With Button -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.button.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should pass axeCore scan for with-button card component', async () => {
+      const card = await DSCardCO.getCard();
+      await card.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11046 - Card - With Disabled -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.detailComplexDisabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should pass axeCore scan for with-disabled card component', async () => {
+      const card = await DSCardCO.getContainer();
+      await card.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11047 - Card - With Menu -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.detailComplexWithMenuURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should pass axeCore scan for with-menu card component', async () => {
+      const card = await DSCardCO.getContainer();
+      await card.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('should pass axeCore scan for with-menu card component with open menu', async () => {
+      const menu = await DSCardCO.getRightAddonButton();
+      await menu.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11048 - Card - With Expandable -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.detailExpandableURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should pass axeCore scan for with-expandable card component', async () => {
+      const card = await DSCardCO.getContainer();
+      await card.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('should pass axeCore scan for with-expandable card component expanded', async () => {
+      const expand = await DSCardCO.getExpandButton();
+      await expand.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11049 - Card - Test V2 -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.V2URL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should pass axeCore scan for with-disabled card component', async () => {
+      const card = await DSCardCO.getCard();
+      await card.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-card/DSCard.func.spec.js

@@ -0,0 +1,65 @@
+import { Key } from 'webdriverio';
+import DSCardCO from './DSCardCO';
+import { isChecked } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-5281 - Card - Header component using headerLevel prop', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.V2URL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('V2 card renders correct header tag', async () => {
+      const headerTag = await (await (await DSCardCO.getCardHeader()).getTagName()).toLowerCase();
+      await expect(headerTag).toBe('h3');
+    });
+  });
+
+  describe('PUI-6372 - DetailCard, Keyboard Navigation', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.detailComplexWithMenuURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should set focus on the checkbox', async () => {
+      await browser.keys(Key.Tab);
+      const cardCheckBox = await DSCardCO.getCardCheckBox();
+      await expect(cardCheckBox).toBeFocused();
+    });
+    it('should check checkbox', async () => {
+      await browser.keys(Key.Return);
+      const cardCheckBox = await isChecked(await DSCardCO.getCardCheckBox());
+      await expect(cardCheckBox).toBeTruthy();
+    });
+    it('should set focus on the expand button', async () => {
+      await browser.keys(Key.Tab);
+      const expandButton = await $('[data-testid="expand-button"]');
+      await expect(expandButton).toBeFocused();
+    });
+    it('should open the expandable content', async () => {
+      await browser.keys(Key.Return);
+      const expandableContent = DSCardCO.getExapandableContent();
+      await expect(expandableContent).toBeDisplayedInViewport();
+    });
+    it('should set focus on the right addon button', async () => {
+      await browser.keys(Key.Tab);
+      const rightAddonBt = await DSCardCO.getRightAddonButton();
+      await expect(rightAddonBt).toBeFocused();
+    });
+    it('should open the dropdown menu', async () => {
+      await browser.keys(Key.Return);
+      const dropdownMenu = await DSCardCO.getDropDownMenu();
+      await expect(dropdownMenu).toBeDisplayedInViewport();
+    });
+  });
+
+  describe('PUI-7002 - Card, Expandable read only', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.detailComplexReadOnlyURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should expand the card', async () => {
+      await (await DSCardCO.getExpandButton()).click();
+      const expandedContent = await DSCardCO.getCardExpandedContent();
+      await expect(expandedContent).toExist();
+    });
+  });
+}

package/ds-card/DSCard.visual.spec.js

@@ -0,0 +1,132 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSCardCO from './DSCardCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-5268 - DetailCard visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.detailBasic.go();
+      if (errorOnGo) throw errorOnGo;
+      const card = await DSCardCO.getContainer();
+      await card.waitForDisplayed({ timeout: 5000 });
+    });
+    it('should display basic detail card', async () => {
+      const snapshot = await browser.checkSnapshot(DSCardCO.snapshotPath('detail-basic'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-11195 - DetailCard, right value', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.detailRightVal.go();
+      if (errorOnGo) throw errorOnGo;
+      const card = await DSCardCO.getContainer();
+      await card.waitForDisplayed({ timeout: 5000 });
+    });
+    it('should display detail card with right value', async () => {
+      const snapshot = await browser.checkSnapshot(DSCardCO.snapshotPath('detail-with-right-val'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-6350 - Card, Disabled - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.detailComplexDisabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+      const card = await DSCardCO.getContainer();
+      await card.waitForDisplayed({ timeout: 5000 });
+    });
+    it('should display detail card disabled properly', async () => {
+      const snapshot = await browser.checkSnapshot(DSCardCO.snapshotPath('detail-complex-disabled'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-6351 - Card, Read Only - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.detailComplexReadOnlyURL.go();
+      if (errorOnGo) throw errorOnGo;
+      const card = await DSCardCO.getContainer();
+      await card.waitForDisplayed({ timeout: 5000 });
+    });
+    it('should display detail card read only properly', async () => {
+      const snapshot = await browser.checkSnapshot(DSCardCO.snapshotPath('detail-complex-read-only'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-6369 - DetailCard, Long Label - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.ucDetailCardLongLabelURL.go();
+      if (errorOnGo) throw errorOnGo;
+      const card = await DSCardCO.getContainer();
+      await card.waitForDisplayed({ timeout: 5000 });
+    });
+    it('should wrap title text and show full label', async () => {
+      const snapshot = await browser.checkSnapshot(DSCardCO.snapshotPath('detail-long-label'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-6369 - DetailCard, Long Title - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.ucDetailCardLongTitleURL.go();
+      if (errorOnGo) throw errorOnGo;
+      const card = await DSCardCO.getContainer();
+      await card.waitForDisplayed({ timeout: 5000 });
+    });
+    it('should wrap title text and show full label', async () => {
+      const snapshot = await browser.checkSnapshot(DSCardCO.snapshotPath('detail-long-title'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-6371 - DetailCard, Expandable - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.detailExpandableURL.go();
+      if (errorOnGo) throw errorOnGo;
+      const card = await DSCardCO.getContainer();
+      await card.waitForDisplayed({ timeout: 5000 });
+    });
+    it('should show the expanded region properly', async () => {
+      await DSCardCO.expandCard();
+      const snapshot = await browser.checkSnapshot(DSCardCO.snapshotPath('detail-exapandable'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  if (browser.capabilities.browserName !== 'Safari') {
+    describe('PUI-6379 - DetailCard, With dropdown menu - Keyboard - Visual Test', () => {
+      beforeEach('loading page', async () => {
+        const errorOnGo = await DSCardCO.detailComplexWithMenuURL.go();
+        if (errorOnGo) throw errorOnGo;
+        const card = await DSCardCO.getContainer();
+        await card.waitForDisplayed({ timeout: 5000 });
+      });
+      it('should display the card properly', async () => {
+        const snapshot = await browser.checkSnapshot(DSCardCO.snapshotPath('detail-with-dropdown-closed'));
+        await expect(snapshot).toEqual(0);
+      });
+      it('should display the dropdown menu properly', async () => {
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.Return);
+        const snapshot = await browser.checkSnapshot(DSCardCO.snapshotPath('detail-with-dropdown-open'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+  }
+  describe('PUI-7003 - Card, Detail Complex With Menu - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.detailComplexWithMenuURL.go();
+      if (errorOnGo) throw errorOnGo;
+      const card = await DSCardCO.getContainer();
+      await card.waitForDisplayed({ timeout: 5000 });
+    });
+    it('should display the card on hover with the menu open properly', async () => {
+      await (await DSCardCO.getRightAddonButton()).click();
+      await mouseOver(await DSCardCO.getContainer());
+      const snapshot = await browser.checkSnapshot(DSCardCO.snapshotPath('detail-with-menu-open-on-hover'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-card/DSCardCO.js

@@ -0,0 +1,81 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+// @ts-nocheck
+import { PATH_E2E_CARD } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSCardCO extends PageObject {
+  static V2URL = new Urlbuilder(PATH_E2E_CARD, 'v-2-test');
+
+  static basic = new Urlbuilder(PATH_E2E_CARD, 'basic-test');
+
+  static button = new Urlbuilder(PATH_E2E_CARD, 'button-test');
+
+  static detailBasic = new Urlbuilder(PATH_E2E_CARD, 'detail-basic-test');
+
+  static detailRightVal = new Urlbuilder(PATH_E2E_CARD, 'detail-with-right-value-test');
+
+  static detailComplexDisabledURL = new Urlbuilder(PATH_E2E_CARD, 'detail-complex-disabled-test');
+
+  static detailComplexReadOnlyURL = new Urlbuilder(PATH_E2E_CARD, 'detail-complex-read-only-test');
+
+  static detailComplexWithMenuURL = new Urlbuilder(PATH_E2E_CARD, 'detail-complex-with-menu-test');
+
+  static ucDetailCardLongLabelURL = new Urlbuilder(PATH_E2E_CARD, 'detail-card-long-label');
+
+  static ucDetailCardLongTitleURL = new Urlbuilder(PATH_E2E_CARD, 'detail-card-long-title');
+
+  static detailExpandableURL = new Urlbuilder(PATH_E2E_CARD, 'detail-expandable-test');
+
+  static detailList = new Urlbuilder(PATH_E2E_CARD, 'detail-list-test');
+
+  // Snapshot
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('Card', example);
+  }
+
+  // selectors
+  static async getCard() {
+    return $('[data-testid="em-ds-card"]');
+  }
+
+  static async getCardExpandedContent() {
+    return $('[data-testid="detail-card-expanded-content"]');
+  }
+
+  static async getCardHeader() {
+    return $('[data-testid="em-ds-card-header"]');
+  }
+
+  static async getCardDetailContainer() {
+    return $('[data-testid="card-detail-container"]');
+  }
+
+  static async getContainer() {
+    return $('[data-testid="container"]');
+  }
+
+  static async getExpandButton(index) {
+    if (!index) return $('[data-testid="expand-button"]');
+    return $$('[data-testid="expand-button"]')[index];
+  }
+
+  static async expandCard(index) {
+    await (await DSCardCO.getExpandButton(index)).click();
+  }
+
+  static async getDropDownMenu() {
+    return $('[data-testid="dropdown-menu-listbox"]');
+  }
+
+  static async getCardCheckBox() {
+    return $('[data-testid="card-checkbox"]');
+  }
+
+  static async getExapandableContent() {
+    return $('[data-testid="expandable-content"]');
+  }
+
+  static async getRightAddonButton() {
+    return $('[data-testid="right-addon-button"]');
+  }
+}

package/ds-card-navigation/CardNavigationCO.js

@@ -0,0 +1,21 @@
+import { PATH_E2E_CARD_NAVIGATION } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class CardNavigation extends PageObject {
+  static truncatedTextPillURL = new Urlbuilder(PATH_E2E_CARD_NAVIGATION, 'truncated-text-test');
+
+  static basicURL = new Urlbuilder(PATH_E2E_CARD_NAVIGATION, 'basic-test');
+
+  static getDescription() {
+    return $('[data-testid="ds-card-navigation--description"]');
+  }
+
+  static getCardByIndex(index = 0) {
+    return $$('[role="button"]')[index];
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'truncated-text') {
+    return PageObject.getSnapshotPathBuilder('DSCardNavigation', example, 'ds-card-navigation');
+  }
+}

package/ds-card-navigation/DSCardNavigation.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import { Key } from 'webdriverio';
+import CardNavigationCO from './CardNavigationCO';
+import { axeCoreCheck } from '../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-11294: CardNavigation: Axe-Core:: Basic examples -Func', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await CardNavigationCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display card navigation combinations and pass axecore scan', async () => {
+      const card = await CardNavigationCO.getDescription();
+      await card.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-card-navigation/DSCardNavigation.visual.spec.js

@@ -0,0 +1,23 @@
+import CardNavigationCO from './CardNavigationCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-7784: CardNavigation: Basic, truncated -Visual', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await CardNavigationCO.truncatedTextPillURL.go();
+      if (errorOnGo) throw errorOnGo;
+      const card = await CardNavigationCO.getDescription();
+      await card.waitForDisplayed();
+    });
+    it('should display card navigation', async () => {
+      const snapshot = await browser.checkSnapshot(CardNavigationCO.snapshotPath('cardnavigation--overview'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display tooltip when hover truncated text', async () => {
+      const description = await CardNavigationCO.getDescription();
+      await mouseOver(description);
+      const snapshot = await browser.checkSnapshot(CardNavigationCO.snapshotPath('cardnavigation--tooltip'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-chat/DSChat-bubble.axe-core.func.spec.js

@@ -0,0 +1,37 @@
+import { BubbleCO } from './components';
+import { axeCoreCheck } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10688 - Chat:: Bubble: Axe-Core, Basic', () => {
+    before('loading page', async () => {
+      const errorOnGo = await BubbleCO.bubbleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the chat bubbles properly', async () => {
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-10689 - Chat:: Bubble: Axe-Core, System Message in container - Visual Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await BubbleCO.systemMessageInContainerUCURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should displat the system message properly', async () => {
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}
+
+describe('PUI-10688 - Chat: Bubble: Axe-core, Wrapping', () => {
+  before('loading page', async () => {
+    const errorOnGo = await BubbleCO.bubbleWrapping.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('should display the chat bubbles properly', async () => {
+    const result = await axeCoreCheck();
+    expect(result.length).toBe(0);
+  });
+});

package/ds-chat/DSChat-bubble.visual.spec.js

@@ -0,0 +1,51 @@
+import { Key } from 'webdriverio';
+import { BubbleCO } from './components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-6664 - Chat, Bubble, Anchor Focus - Visual Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await BubbleCO.bubbleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should focus and give a focus box to the bubble footer anchor', async () => {
+      await browser.keys(Key.Tab);
+      const errorMsg = await BubbleCO.getErrorMessageAnchor(5);
+      await expect(errorMsg).toBeFocused();
+      const snapshot = await browser.checkSnapshot(BubbleCO.snapshotPath('error-message-anchor-focus-box'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-7135 - Chat, System Message in container - Visual Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await BubbleCO.systemMessageInContainerUCURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should displat the system message properly', async () => {
+      const snapshot = await browser.checkSnapshot(BubbleCO.snapshotPath('system-message-in-container'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}
+
+describe('PUI-6664 - Chat, Bubble, Visual Tests', () => {
+  before('loading page', async () => {
+    const errorOnGo = await BubbleCO.bubbleURL.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('should display the chat bubbles properly', async () => {
+    const snapshot = await browser.checkSnapshot(BubbleCO.snapshotPath('bubbles'));
+    await expect(snapshot).toEqual(0);
+  });
+});
+
+describe('PUI-10591 - Chat, Bubble, Visual Tests', () => {
+  before('loading page', async () => {
+    const errorOnGo = await BubbleCO.bubbleWrapping.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('should display the chat bubbles properly', async () => {
+    await browser.eyesOpen();
+    const snapshot = await browser.eyesCheckSnapshot(BubbleCO.snapshotPath('bubbles'));
+    await expect(snapshot).toEqual(0);
+  });
+});

package/ds-chat/DSChat-composer.func.spec.js

@@ -0,0 +1,127 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import { ComposerCO, ChatCO, BubbleCO } from './components';
+import { clearValue, type } from '../helpers';
+
+if (!browser.capabilities?.['ice:options']?.isPhone) {
+  describe('PUI-6697 - Chat, Composer, Composer behavior', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.containerURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should invoke the onfocus callback', async () => {
+      await (await ComposerCO.getTextareaInput()).click();
+      const isTyping = await ChatCO.isTyping();
+      await expect(isTyping).toBeTruthy();
+    });
+    // appium defect w/ the IOS driver (https://github.com/facebook/react/issues/10347)
+    if (!browser.capabilities?.['bstack:options']?.deviceName?.includes('iPad')) {
+      it('should invoke the onchange callback', async () => {
+        const STR = 'this is a test string';
+        const composerTextArea = await ComposerCO.getTextareaInput();
+        await composerTextArea.click();
+        if (browser.capabilities?.['ice:options']?.isTablet) {
+          await composerTextArea.addValue(STR);
+        } else {
+          await type(STR);
+        }
+        const inputStatus = await ChatCO.getInputStatus();
+        await expect(inputStatus).toBe(STR);
+      });
+      it('should invoke the onsend callback and onblur callback', async () => {
+        await (await ComposerCO.getSendButton()).click();
+        const isTyping = await ChatCO.isTyping();
+        const sentTimes = await ChatCO.getSentTimes();
+        await expect(isTyping).toBeFalsy();
+        await expect(sentTimes).toBe('1');
+      });
+    }
+  });
+}
+
+if (!browser.capabilities?.['ice:options']?.isPhone && !browser.capabilities?.['ice:options']?.isTablet) {
+  describe('PUI-6696 - Chat, Composer, Keyboard Navigation', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ComposerCO.composerURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should focus the chat composer textarea using tab', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const textAreaInput = await ComposerCO.getTextareaInput();
+      await expect(textAreaInput).toBeFocused();
+    });
+    it('should focus the chat composer textarea', async () => {
+      await type(ChatCO.TEST_STR);
+      const textAreaInputValue = await (await ComposerCO.getTextareaInput()).getValue();
+      await expect(textAreaInputValue).toBe(ChatCO.TEST_STR);
+    });
+    it('should focus the chat composer send button using tab', async () => {
+      await browser.keys(Key.Tab);
+      const sendBt = await ComposerCO.getSendButton();
+      await expect(sendBt).toBeFocused();
+    });
+    it('should focus the chat composer send button', async () => {
+      await browser.keys(Key.Enter);
+      const bodytext = await (await BubbleCO.getBody(0)).getText();
+      await expect(bodytext).toBe(ChatCO.TEST_STR);
+    });
+  });
+
+  describe('PUI-6999 - Chat, Composer, Character Limit', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ComposerCO.characterCountURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should enable the send button', async () => {
+      await (await ComposerCO.getTextareaInput()).click();
+      await type(ComposerCO.LONG_STRING);
+      const sendBtAriaDisabled = await (await ComposerCO.getSendButton()).getAttribute('aria-disabled');
+      await expect(sendBtAriaDisabled).toBe('false');
+    });
+    it('should disable the send button', async () => {
+      await (await ComposerCO.getTextareaInput()).click();
+      await type(ComposerCO.LONG_STRING);
+      await type(ComposerCO.LONG_STRING);
+      const sendBtAriaDisabled = await (await ComposerCO.getSendButton()).getAttribute('aria-disabled');
+      await expect(sendBtAriaDisabled).toBe('true');
+    });
+  });
+  describe('PUI-7240 - Chat, Composer, Focused element after sending a message', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ComposerCO.containerFocusCasesURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should enable the send button', async () => {
+      const textAreaInput = await ComposerCO.getTextareaInput();
+      await textAreaInput.click();
+      await type(ComposerCO.LONG_STRING);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      await expect(textAreaInput).toBeFocused();
+    });
+  });
+
+  describe('PUI-7403 - Chat, Composer, Character Limit', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ComposerCO.characterCountCustomURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should have disabled the send button and custom error msg', async () => {
+      await (await ComposerCO.getTextareaInput()).click();
+      const sendBtAriaDisabled = await (await ComposerCO.getSendButton()).getAttribute('aria-disabled');
+      await expect(sendBtAriaDisabled).toBe('true');
+      const customMessage = await ComposerCO.getCounterAreaText();
+      await expect(await customMessage.getText()).toContain(
+        // eslint-disable-next-line max-len
+        'You have entered 332 characters and have exceeded the limit by 82. Please limit to less than 250 characters.',
+      );
+    });
+    it('should disable the send button', async () => {
+      await clearValue(await ComposerCO.getTextareaInput());
+      const sendBtAriaDisabled = await (await ComposerCO.getSendButton()).getAttribute('aria-disabled');
+      await expect(sendBtAriaDisabled).toBe('true');
+    });
+  });
+}