e2e: added tests for Stop button behaviour

e2e/src/testData/expectedConstants.ts

@@ -39,6 +39,8 @@ export const ExpectedConstants = {
     'This mode replicates user requests from the original conversation including settings set in each message.',
   replayOldVersionWarning:
     'Please note that some of your messages were created in older DIAL version. "Replay as is" could be working not as expected.',
+  regenerateResponseTooltip:
+    'Please regenerate response to continue working with chat',
 };
 
 export enum Groups {

e2e/src/testData/expectedMessages.ts

@@ -15,6 +15,8 @@ export enum ExpectedMessages {
   newFolderCreated = 'New folder is created',
   folderCollapsed = 'Folder is collapsed',
   folderExpanded = 'Folder is expanded',
+  folderCaretIsVisible = 'Folder caret is visible',
+  folderCaretIsNotVisible = 'Folder caret is not visible',
   folderNameUpdated = 'Folder name is updated',
   folderNameNotUpdated = 'Folder name is not updated',
   folderDeleted = 'Folder is deleted',
@@ -174,4 +176,5 @@ export enum ExpectedMessages {
   entityNameIsTruncated = 'Entity name is truncated',
   folderNameIsTruncated = 'Folder name is truncated in side panel',
   chatNameIsTruncated = 'Chat name is truncated in side panel',
+  sendButtonCursorIsNotAllowed = 'Send button cursor is not allowed',
 }

e2e/src/tests/chatBarFolderConversation.test.ts

@@ -5,9 +5,10 @@ import test from '@/e2e/src/core/fixtures';
 import {
   ExpectedConstants,
   ExpectedMessages,
+  FolderConversation,
   MenuOptions,
 } from '@/e2e/src/testData';
-import { Overflow, Styles } from '@/e2e/src/ui/domData';
+import { Attributes, Overflow, Styles } from '@/e2e/src/ui/domData';
 import { GeneratorUtil } from '@/e2e/src/utils';
 import { expect } from '@playwright/test';
 
@@ -185,43 +186,100 @@ test(
   },
 );
 
-test('Folders can expand and collapse', async ({
-  dialHomePage,
-  conversationData,
-  folderConversations,
-  localStorageManager,
-  setTestIds,
-}) => {
-  setTestIds('EPMRTC-579');
-  const conversationInFolder =
-    conversationData.prepareDefaultConversationInFolder();
-  await localStorageManager.setFolders(conversationInFolder.folders);
-  await localStorageManager.setConversationHistory(
-    conversationInFolder.conversations[0],
-  );
-  const folderName = conversationInFolder.folders.name;
+test(
+  'Folders can expand and collapse.\n' +
+    'Expanded and collapsed chat folders are stored locally.\n' +
+    '[UI] Expand/collapse icon near chat folder appears if there is any chat inside',
+  async ({
+    dialHomePage,
+    conversationData,
+    folderConversations,
+    localStorageManager,
+    setTestIds,
+  }) => {
+    setTestIds('EPMRTC-579', 'EPMRTC-1315', 'EPMRTC-1365');
+    let firstConversationInFolder: FolderConversation;
+    let secondConversationInFolder: FolderConversation;
+    let emptyFolder: FolderInterface;
 
-  await dialHomePage.openHomePage();
-  await dialHomePage.waitForPageLoaded();
-  await folderConversations.expandCollapseFolder(folderName);
-  let isConversationVisible =
-    await folderConversations.isFolderConversationVisible(
-      folderName,
-      conversationInFolder.conversations[0].name,
-    );
-  expect
-    .soft(isConversationVisible, ExpectedMessages.folderExpanded)
-    .toBeTruthy();
+    await test.step('Prepare 2 conversations inside folders and one empty folder', async () => {
+      firstConversationInFolder =
+        conversationData.prepareFolderWithConversations(1);
+      conversationData.resetData();
+      secondConversationInFolder =
+        conversationData.prepareFolderWithConversations(1);
+      conversationData.resetData();
+      emptyFolder = conversationData.prepareFolder();
+      await localStorageManager.setFolders(
+        firstConversationInFolder.folders,
+        secondConversationInFolder.folders,
+        emptyFolder,
+      );
+      await localStorageManager.setConversationHistory(
+        firstConversationInFolder.conversations[0],
+        secondConversationInFolder.conversations[0],
+      );
+    });
+    await test.step('Hover over folder with conversation and verify it has blue arrow', async () => {
+      await dialHomePage.openHomePage();
+      await dialHomePage.waitForPageLoaded();
+      await folderConversations
+        .getFolderByName(firstConversationInFolder.folders.name)
+        .hover();
+      const firstFolderCaret = await folderConversations.getFolderCaret(
+        firstConversationInFolder.folders.name,
+      );
+      expect
+        .soft(firstFolderCaret, ExpectedMessages.folderCaretIsVisible)
+        .toBe(Attributes.visible);
 
-  await folderConversations.expandCollapseFolder(folderName);
-  isConversationVisible = await folderConversations.isFolderConversationVisible(
-    folderName,
-    conversationInFolder.conversations[0].name,
-  );
-  expect
-    .soft(isConversationVisible, ExpectedMessages.folderCollapsed)
-    .toBeFalsy();
-});
+      await folderConversations.getFolderByName(emptyFolder.name).hover();
+      const emptyFolderCaret = await folderConversations.getFolderCaret(
+        emptyFolder.name,
+      );
+      expect
+        .soft(emptyFolderCaret, ExpectedMessages.folderCaretIsNotVisible)
+        .toBe(Attributes.invisible);
+    });
+
+    await test.step('Expand one folder, collapse another and verify state is saved after browser refresh', async () => {
+      await folderConversations.expandCollapseFolder(
+        firstConversationInFolder.folders.name,
+      );
+      for (let i = 1; i <= 2; i++) {
+        await folderConversations.expandCollapseFolder(
+          secondConversationInFolder.folders.name,
+        );
+      }
+
+      let i = 2;
+      while (i > 0) {
+        if (i === 1) {
+          await dialHomePage.reloadPage();
+          await dialHomePage.waitForPageLoaded();
+        }
+        const isFirstConversationVisible =
+          await folderConversations.isFolderConversationVisible(
+            firstConversationInFolder.folders.name,
+            firstConversationInFolder.conversations[0].name,
+          );
+        expect
+          .soft(isFirstConversationVisible, ExpectedMessages.folderExpanded)
+          .toBeTruthy();
+
+        const isSecondConversationVisible =
+          await folderConversations.isFolderConversationVisible(
+            secondConversationInFolder.folders.name,
+            secondConversationInFolder.conversations[0].name,
+          );
+        expect
+          .soft(isSecondConversationVisible, ExpectedMessages.folderCollapsed)
+          .toBeFalsy();
+        i--;
+      }
+    });
+  },
+);
 
 test(
   'Delete folder. Cancel.\n' + 'Delete root folder with nested folders',

e2e/src/tests/defaultModelSettings.test.ts

@@ -2,8 +2,9 @@ import { OpenAIEntityModel } from '@/src/types/openai';
 
 import test from '../core/fixtures';
 import { ExpectedConstants, ExpectedMessages, ModelIds } from '../testData';
-import { Colors } from '../ui/domData';
+import { Colors, Cursors, Styles } from '../ui/domData';
 
+import { keys } from '@/e2e/src/ui/keyboard';
 import { GeneratorUtil, ModelsUtil } from '@/e2e/src/utils';
 import { expect } from '@playwright/test';
 
@@ -174,7 +175,8 @@ test(
 test(
   'Default model in new chat is set as in previous chat.\n' +
     'Send button is disabled if the message box is empty.\n' +
-    'Chat name is shown in chat header',
+    'Chat name is shown in chat header.\n' +
+    `It's impossible to send a message with spaces only`,
   async ({
     dialHomePage,
     chatBar,
@@ -184,48 +186,100 @@ test(
     sendMessage,
     chatHeader,
     tooltip,
+    chatMessages,
+    page,
     setTestIds,
   }) => {
-    setTestIds('EPMRTC-400', 'EPMRTC-474', 'EPMRTC-817');
+    setTestIds('EPMRTC-400', 'EPMRTC-474', 'EPMRTC-817', 'EPMRTC-1568');
     const request = 'test';
-    await dialHomePage.openHomePage();
-    await dialHomePage.waitForPageLoaded({ isNewConversationVisible: true });
-    await talkToSelector.selectModel(bison.name);
+    await test.step('Verify Send button is disabled if no request message set and tooltip is shown on button hover', async () => {
+      await dialHomePage.openHomePage();
+      await dialHomePage.waitForPageLoaded({ isNewConversationVisible: true });
+      await talkToSelector.selectModel(bison.name);
 
-    const isSendMessageBtnEnabled =
-      await sendMessage.sendMessageButton.isElementEnabled();
-    expect
-      .soft(isSendMessageBtnEnabled, ExpectedMessages.sendMessageButtonDisabled)
-      .toBeFalsy();
+      const isSendMessageBtnEnabled =
+        await sendMessage.sendMessageButton.isElementEnabled();
+      expect
+        .soft(
+          isSendMessageBtnEnabled,
+          ExpectedMessages.sendMessageButtonDisabled,
+        )
+        .toBeFalsy();
 
-    await sendMessage.sendMessageButton.hoverOver();
-    const tooltipContent = await tooltip.getContent();
-    expect
-      .soft(tooltipContent, ExpectedMessages.tooltipContentIsValid)
-      .toBe(ExpectedConstants.sendMessageTooltip);
+      await sendMessage.sendMessageButton.hoverOver();
+      const tooltipContent = await tooltip.getContent();
+      expect
+        .soft(tooltipContent, ExpectedMessages.tooltipContentIsValid)
+        .toBe(ExpectedConstants.sendMessageTooltip);
+    });
 
-    await chat.sendRequestWithButton(request);
-    const chatTitle = await chatHeader.chatTitle.getElementInnerContent();
-    expect
-      .soft(chatTitle, ExpectedMessages.headerTitleCorrespondRequest)
-      .toBe(request);
+    await test.step('Set spaces in the message input and Send button is disabled, tooltip is shown on hover, no message send on hit Enter', async () => {
+      for (let i = 1; i <= 2; i++) {
+        if (i === 2) {
+          const messagesCountBefore =
+            await chatMessages.chatMessages.getElementsCount();
+          await sendMessage.messageInput.fillInInput('   ');
+          await page.keyboard.press(keys.enter);
+          const messagesCountAfter =
+            await chatMessages.chatMessages.getElementsCount();
+          expect
+            .soft(
+              messagesCountBefore === messagesCountAfter,
+              ExpectedMessages.messageCountIsCorrect,
+            )
+            .toBeTruthy();
+        }
+        const isSendMessageBtnEnabled =
+          await sendMessage.sendMessageButton.isElementEnabled();
+        expect
+          .soft(
+            isSendMessageBtnEnabled,
+            ExpectedMessages.sendMessageButtonDisabled,
+          )
+          .toBeFalsy();
 
-    await chatBar.createNewConversation();
-    const modelBorderColors = await recentEntities
-      .getRecentEntity(bison.name)
-      .getAllBorderColors();
-    Object.values(modelBorderColors).forEach((borders) => {
-      borders.forEach((borderColor) => {
+        await sendMessage.sendMessageButton.hoverOver();
+        const sendBtnCursor =
+          await sendMessage.sendMessageButton.getComputedStyleProperty(
+            Styles.cursor,
+          );
         expect
-          .soft(borderColor, ExpectedMessages.talkToEntityIsSelected)
-          .toBe(Colors.highlightedEntity);
-      });
+          .soft(sendBtnCursor[0], ExpectedMessages.sendButtonCursorIsNotAllowed)
+          .toBe(Cursors.notAllowed);
+
+        const tooltipContent = await tooltip.getContent();
+        expect
+          .soft(tooltipContent, ExpectedMessages.tooltipContentIsValid)
+          .toBe(ExpectedConstants.sendMessageTooltip);
+      }
     });
 
-    const recentTalkTo = await recentEntities.getRecentEntityNames();
-    expect
-      .soft(recentTalkTo[0], ExpectedMessages.recentEntitiesIsOnTop)
-      .toBe(bison.name);
+    await test.step('Send new request and verify it is reflected in chat header', async () => {
+      await chat.sendRequestWithButton(request);
+      const chatTitle = await chatHeader.chatTitle.getElementInnerContent();
+      expect
+        .soft(chatTitle, ExpectedMessages.headerTitleCorrespondRequest)
+        .toBe(request);
+    });
+
+    await test.step('Create new conversation and verify previous model is preselected and highlighted', async () => {
+      await chatBar.createNewConversation();
+      const modelBorderColors = await recentEntities
+        .getRecentEntity(bison.name)
+        .getAllBorderColors();
+      Object.values(modelBorderColors).forEach((borders) => {
+        borders.forEach((borderColor) => {
+          expect
+            .soft(borderColor, ExpectedMessages.talkToEntityIsSelected)
+            .toBe(Colors.highlightedEntity);
+        });
+      });
+
+      const recentTalkTo = await recentEntities.getRecentEntityNames();
+      expect
+        .soft(recentTalkTo[0], ExpectedMessages.recentEntitiesIsOnTop)
+        .toBe(bison.name);
+    });
   },
 );