dimsum-e2e-tests 1.0.0-rc.1

package/ds-chat/DSChat.smoke.spec.js

@@ -0,0 +1,274 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import { ChatCO, ComposerCO, HeaderCO, StoryBtnsCO, BubbleCO, TileCO } from './components';
+import { clearValue, type } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9250 - Chat, Keyboard Navigation - floating', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.floatingExampleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should open the floating chat', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const threadContainer = await ChatCO.getThreadContainer();
+      await expect(threadContainer).toBeDisplayedInViewport();
+    });
+    it('should focus the chat thread header icon', async () => {
+      const headerButton = await HeaderCO.getHeaderButton(0);
+      await expect(headerButton).toBeFocused();
+    });
+    it('should focus the chat thread container', async () => {
+      await browser.keys(Key.Tab);
+      const threadContainer = await ChatCO.getThreadContainer();
+      await expect(threadContainer).toBeFocused();
+    });
+    it('should focus the chat text area', async () => {
+      await browser.keys(Key.Tab);
+      const textAreaInput = await ComposerCO.getTextareaInput();
+      await expect(textAreaInput).toBeFocused();
+    });
+  });
+  describe(' PUI-7761 - Chat, Bubble Visibility', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.focusCasesURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should show bubble 949 after clicking focus btn', async () => {
+      const focusBtn = await StoryBtnsCO.getFocusOn950Btn();
+      await focusBtn.click();
+      const bubble949 = await BubbleCO.getBody(949);
+      await expect(bubble949).toBeDisplayedInViewport();
+    });
+    it('should have bubble 950 in viewport and not 952', async () => {
+      const bubble950 = await BubbleCO.isVisible(950); // flaky test on bro
+      const bubble952 = await BubbleCO.isVisible(952); // bubble 951 is sometimes partially visible
+      await expect(bubble950).toEqual(true);
+      await expect(bubble952).toEqual(false);
+    });
+  });
+
+  describe(' PUI-8492 - Chat, Focus cases', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.focusCasesURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should focus bubble 949 after clicking focus btn', async () => {
+      const focusBtn = await StoryBtnsCO.getFocusOn950Btn();
+      await focusBtn.click();
+      const bubble949 = await BubbleCO.getBubbleFocuseable('949');
+      await expect(bubble949).toBeFocused();
+    });
+    it('should focus composer after clicking focus btn', async () => {
+      const focusBtn = await StoryBtnsCO.getFocusOnComposer();
+      await focusBtn.click();
+      const composer = await ComposerCO.getTextareaInput();
+      await expect(composer).toBeFocused();
+    });
+    it('should ensable send button and focus it after typing and clicking focus btn', async () => {
+      await type('Hello there');
+      const focusBtn = await StoryBtnsCO.getFocusOnSendBtn();
+      await focusBtn.click();
+      const sendButton = await ComposerCO.getSendButton();
+      await expect(sendButton).toBeFocused();
+    });
+  });
+
+  describe('PUI-8493 - Chat, Focus banner, Func. Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.focuseableBanners.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should focus the top banner', async () => {
+      const triggerChat = await ChatCO.getSidebarFooterButton();
+      await triggerChat.click();
+      const openBannerTop = await ChatCO.getToggleBtnByIndex(0);
+      await openBannerTop.click();
+      const topBanner = await ChatCO.getBanner();
+      const bannerType = await topBanner.getAttribute('type');
+      await expect(bannerType).toEqual('danger');
+      await expect(topBanner).toBeFocused();
+    });
+    it('should focus the bottom banner', async () => {
+      const openBannerTop = await ChatCO.getToggleBtnByIndex(1);
+      await openBannerTop.click();
+      const bottomBanner = await ChatCO.getBanner();
+      const bannerType = await bottomBanner.getAttribute('type');
+      await expect(bannerType).toEqual('warning');
+      await expect(bottomBanner).toBeFocused();
+    });
+  });
+
+  describe('PUI-8524 - Chat, Full tabstop cycle, Func. Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.sidePanelIntegrationURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should focus the header item after pressing tab', async () => {
+      const chatTrigger = await ChatCO.getToogleBtn();
+      await chatTrigger.click();
+      await browser.keys(Key.Tab);
+      const headerItem = await ChatCO.getHeaderItem();
+      await expect(headerItem).toBeFocused();
+    });
+    it('02: should focus a chat tile after pressing tab', async () => {
+      await browser.keys(Key.Tab);
+      const firstChatTile = await TileCO.getChatTileButtonItem('1');
+      await expect(firstChatTile).toBeFocused();
+    });
+    it('03: should focus the last chat tile after pressing tab multiple times', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const lastChatTile = await TileCO.getChatTileButtonItem('5');
+      await expect(lastChatTile).toBeFocused();
+    });
+    it('04: should focus the expand/collapse sidebar btn after pressing tab', async () => {
+      await browser.keys(Key.Tab);
+      const sidebarBtn = await ChatCO.getSidebarFooterButton();
+      await expect(sidebarBtn).toBeFocused();
+    });
+    it('05: should focus the first header btn  after pressing tab', async () => {
+      await browser.keys(Key.Tab);
+      const headerBtn1 = await ChatCO.getButtonByIndex(0);
+      await expect(headerBtn1).toBeFocused();
+    });
+    it('06: should focus the second header btn after pressing tab', async () => {
+      await browser.keys(Key.Tab);
+      const headerBtn2 = await ChatCO.getButtonByIndex(1);
+      await expect(headerBtn2).toBeFocused();
+    });
+    it('07: should focus the thread container after pressing tab', async () => {
+      await browser.keys(Key.Tab);
+      const threadContainer = await ChatCO.getThreadContainer(0);
+      await expect(threadContainer).toBeFocused();
+    });
+    it('08: should focus the composer after pressing tab', async () => {
+      await browser.keys(Key.Tab);
+      const composer = await ComposerCO.getTextareaInput();
+      await expect(composer).toBeFocused();
+    });
+  });
+  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');
+    });
+  });
+}

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

@@ -0,0 +1,318 @@
+/* eslint-disable no-plusplus */
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import { ChatCO, BubbleCO, FloatingButtonCO, ComposerCO, TileCO } from './components';
+import { type } from '../helpers';
+
+describe('PUI-6671 - Chat, System Message - Visual Tests', () => {
+  before('loading page', async () => {
+    const errorOnGo = await ChatCO.systemMessageURL.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('should display the chat system message properly', async () => {
+    const sysMsg = await BubbleCO.getSystemMessage();
+    await sysMsg.waitForDisplayed();
+    const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('system-message'));
+    await expect(snapshot).toEqual(0);
+  });
+});
+
+describe('PUI-6672 - Chat, Message Delimiter - Visual Tests', () => {
+  before('loading page', async () => {
+    const errorOnGo = await ChatCO.messageDelimiterURL.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('should display the chat message delimiter properly', async () => {
+    const msgDelimiter = await BubbleCO.getMsgDelimiterByIndex(0);
+    await msgDelimiter.waitForDisplayed();
+    const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('message-delimiter'));
+    await expect(snapshot).toEqual(0);
+  });
+});
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-6710 - Chat, SidePanel Integration - Visual Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.sidePanelIntegrationURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the chat side panel closed', async () => {
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('side-panel-closed'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display the chat side panel open', async () => {
+      await (await ChatCO.getSidebarFooterButton()).click();
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('side-panel-open'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display the chat side panel closed after manually closing', async () => {
+      await (await ChatCO.getSidebarFooterButton()).click();
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('side-panel-closed'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-6711 - Chat, SidePanel Integration, Non Grid Influencer - Visual Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.nonGridInfluencerURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the chat side panel closed (non grid influencer)', async () => {
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('side-panel-closed'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display the chat side panel open (non grid influencer)', async () => {
+      await (await ChatCO.getSidebarFooterButton()).click();
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('side-panel-open'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display the chat side panel closed after manually closing (non grid influencer)', async () => {
+      await (await ChatCO.getSidebarFooterButton()).click();
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('side-panel-closed'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-6712 - Chat, Chat Card, Visual Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.chatCardURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the chat card properly', async () => {
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-card'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-6800 - Chat, Open/close sidebar with space', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.sidePanelIntegrationURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should open the chat side panel with space', async () => {
+      // eslint-disable-next-line no-await-in-loop
+      for (let i = 0; i < 8; i++) await browser.keys(Key.Tab);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-sidebar-open'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should close the the chat side panel with space', async () => {
+      await browser.keys(Key.Space);
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-sidebar-closed'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe(' PUI-7944 - Chat, Styling Override -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.globalLineHeight.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should correctly render the chat title without trimming any letter', async () => {
+      const floatingButton = await FloatingButtonCO.getFloatingButton();
+      await floatingButton.click();
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-global-line-height'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe(' PUI-8375 - Chat, Banner below -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.newMessages.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should show a chat container with a new messages banner notification', async () => {
+      const newMessagesTrigger = await ChatCO.getButtonByIndex(0);
+      await newMessagesTrigger.click();
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-banner-new-messages'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-7507 - Chat, Custom Banner -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.customBanner.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display error banner on top', async () => {
+      const chatTrigger = await ChatCO.getSidebarFooterButton();
+      await chatTrigger.waitForDisplayed();
+      await chatTrigger.click();
+      const errorBannerTrigger = await ChatCO.getToggleBtnByIndex(0);
+      await errorBannerTrigger.waitForDisplayed();
+      await errorBannerTrigger.click();
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-custom-error-banner'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display warning banner below', async () => {
+      const warningBannerTrigger = await ChatCO.getToggleBtnByIndex(1);
+      await warningBannerTrigger.click();
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-custom-warning-banner'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-8570 - Chat, View (scroll) new messages -visual', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await ChatCO.newMessages.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should scroll to the new messages when action link is clicked', async () => {
+      await browser.eyesOpen();
+      const newMessagesTrigger = await ChatCO.getButtonByIndex(0);
+      await newMessagesTrigger.click();
+      const viewMessagesAction = await ChatCO.getBannerActionLink();
+      await viewMessagesAction.click();
+      // eslint-disable-next-line wdio/no-pause
+      await browser.pause(500);
+      const snapshot = await browser.eyesCheckSnapshot(ChatCO.snapshotPath('chat-view-new-messages'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should scroll to the new messages when action link is selected via keyboard', async () => {
+      await browser.eyesOpen();
+      const newMessagesTrigger = await ChatCO.getButtonByIndex(0);
+      await newMessagesTrigger.click();
+      const focusOnBannerBtn = await ChatCO.getButtonByIndex(1);
+      await focusOnBannerBtn.click();
+      // eslint-disable-next-line wdio/no-pause
+      await browser.pause(500);
+      await browser.keys(Key.Tab);
+      if (browser.capabilities.browserName !== 'Safari') {
+        await browser.keys(Key.Enter);
+      }
+      if (browser.capabilities.browserName === 'Safari') {
+        await browser.keys(Key.Return);
+      }
+      // eslint-disable-next-line wdio/no-pause
+      await browser.pause(500);
+      const snapshot = await browser.eyesCheckSnapshot(ChatCO.snapshotPath('chat-view-new-messages-keyboard'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-7523 - Chat, END and HOME key interaction, Visual Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.loadMoreURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the chat on top after pressing HOME', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Home);
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-home-top'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display the chat at the bottom after pressing END', async () => {
+      await browser.keys(Key.End);
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-end-bottom'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-8495 - Chat, Non delivered messages, Visual Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.nonDeliveredURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should show non delivered messages', async () => {
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-non-delivered-msgs'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display the new emssages banner', async () => {
+      const newMessagesTrigger = await ChatCO.getButtonByIndex(0);
+      await newMessagesTrigger.click();
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-new-msgs-banner'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display the new messages', async () => {
+      const actionLink = await ChatCO.getBannerActionLink();
+      await actionLink.click();
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-new-msgs-inview'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-8496 - Chat, Empty State, Visual Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.emptyState.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the chat on Empty State', async () => {
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-empty-state'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9222 - Chat, Long Words, Visual Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.basicE2eURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display long words breaking at composer', async () => {
+      const input = await ComposerCO.getTextareaInput();
+      await input.click();
+      await type(
+        // eslint-disable-next-line max-len
+        'This sentence should break because it has a lot of spaces to do so but iwiillstartwrittingallwithouthseparatingandthismessageshouldbreakarbitrarilyatrowends then when I start writting normally it should start separating again',
+      );
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-long-words-composer'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display long words breaking on sent message', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-long-words-sent'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9333 - Chat, Scroll on send and not on enter, Func. Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.sidePanelIntegrationURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display composer at the top (not scrolled) even after pressing Enter on composer', async () => {
+      const chatTile = await TileCO.getChatTileButtonItem(1);
+      await chatTile.click();
+      const composer = await ComposerCO.getTextareaInput();
+      await composer.click();
+      await type('Hello');
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-breakline-noscroll'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should switch chats and composer should be empty', async () => {
+      const sendBtn = await ComposerCO.getSendButton();
+      await sendBtn.click();
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-sent-scrolled'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-8525 - Chat, Load error, Visual Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.loadingErrorURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the loading error modal for chat', async () => {
+      const chatTile = await TileCO.getChatTileButtonItem(2);
+      await chatTile.click();
+      // eslint-disable-next-line wdio/no-pause
+      await browser.pause(500);
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-loading-error'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}
+
+if (browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-8497 - Chat, Mobile container, Visual Tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ChatCO.mobileContainerURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the chat on mobile', async () => {
+      const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-mobile-container'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}