E2e/prompt nested folders

.github/pr-title-checker-config.json

@@ -4,7 +4,7 @@
     "color": "EEEEEE"
   },
   "CHECKS": {
-    "prefixes": ["fix: ", "feat: ", "feature: ", "chore: ", "hotfix: "]
+    "prefixes": ["fix: ", "feat: ", "feature: ", "chore: ", "hotfix: ", "e2e: "]
   },
   "MESSAGES": {
     "success": "All OK",

e2e/src/testData/conversationHistory/conversationData.ts

@@ -10,26 +10,25 @@ import {
   ExpectedConstants,
   ModelIds,
 } from '@/e2e/src/testData';
-import { FolderBuilder } from '@/e2e/src/testData/conversationHistory/folderBuilder';
+import { FolderData } from '@/e2e/src/testData/folders/folderData';
 import { v4 as uuidv4 } from 'uuid';
 
 export interface FolderConversation {
   conversations: Conversation[];
   folders: FolderInterface;
 }
 
-export class ConversationData {
+export class ConversationData extends FolderData {
   private conversationBuilder: ConversationBuilder;
-  private folderBuilder: FolderBuilder;
 
   constructor() {
+    super('chat');
     this.conversationBuilder = new ConversationBuilder();
-    this.folderBuilder = new FolderBuilder();
   }
 
   public resetData() {
     this.conversationBuilder = new ConversationBuilder();
-    this.folderBuilder = new FolderBuilder();
+    this.resetFolderData();
   }
 
   public prepareDefaultConversation(model?: OpenAIEntityModel, name?: string) {
@@ -203,30 +202,8 @@ export class ConversationData {
     return conversation;
   }
 
-  public prepareDefaultFolder() {
-    return this.folderBuilder.build();
-  }
-
-  public prepareFolder(name?: string) {
-    return this.folderBuilder
-      .withName(name ?? GeneratorUtil.randomString(7))
-      .build();
-  }
-
   public prepareNestedFolder(nestedLevel: number) {
-    const rootFolder = this.prepareFolder();
-    this.resetData();
-    const foldersHierarchy = [rootFolder];
-    for (let i = 1; i <= nestedLevel; i++) {
-      const nestedFolder = this.folderBuilder
-        .withName(GeneratorUtil.randomString(7))
-        .withType('chat')
-        .withFolderId(foldersHierarchy[foldersHierarchy.length - 1].id)
-        .build();
-      foldersHierarchy.push(nestedFolder);
-      this.resetData();
-    }
-    return foldersHierarchy;
+    return super.prepareNestedFolder(nestedLevel, 'chat');
   }
 
   public prepareFolderWithConversations(conversationsCount: number) {

e2e/src/testData/conversationHistory/folderBuilder.ts

@@ -14,6 +14,10 @@ export class FolderBuilder {
     };
   }
 
+  getFolder() {
+    return this.folder;
+  }
+
   withId(id: string): FolderBuilder {
     this.folder.id = id;
     return this;

e2e/src/testData/expectedConstants.ts

@@ -26,6 +26,7 @@ export const ExpectedConstants = {
   defaultIconUrl: 'url(images/icons/message-square-lines-alt.svg))',
   deleteFolderMessage:
     'Are you sure that you want to remove a folder with all nested elements?',
+  backgroundColorPattern: /(rgba\(\d+,\s*\d+,\s*\d+),\s*\d+\.*\d+\)/,
 };
 
 export enum Groups {

e2e/src/testData/expectedMessages.ts

@@ -136,4 +136,6 @@ export enum ExpectedMessages {
   folderNameColorIsValid = 'Folder name color is valid',
   confirmationMessageIsValid = 'Confirmation dialog message is valid',
   chronologyMessageCountIsCorrect = 'Chat bar chronology messages count is correct',
+  newPromptButtonIsHighlighted = 'New prompt button is highlighted',
+  newPromptButtonCursorIsPointer = 'New prompt button cursor is a pointer',
 }

e2e/src/testData/folders/folderData.ts

@@ -0,0 +1,43 @@
+import { FolderType } from '@/src/types/folder';
+
+import { FolderBuilder } from '@/e2e/src/testData/conversationHistory/folderBuilder';
+import { GeneratorUtil } from '@/e2e/src/utils';
+
+export class FolderData {
+  private folderBuilder: FolderBuilder;
+
+  constructor(type: FolderType) {
+    this.folderBuilder = new FolderBuilder().withType(type);
+  }
+
+  public resetFolderData() {
+    const type = this.folderBuilder.getFolder().type;
+    this.folderBuilder = new FolderBuilder().withType(type);
+  }
+
+  public prepareDefaultFolder() {
+    return this.folderBuilder.build();
+  }
+
+  public prepareFolder(name?: string) {
+    return this.folderBuilder
+      .withName(name ?? GeneratorUtil.randomString(7))
+      .build();
+  }
+
+  public prepareNestedFolder(nestedLevel: number, type: FolderType) {
+    const rootFolder = this.prepareFolder();
+    this.resetFolderData();
+    const foldersHierarchy = [rootFolder];
+    for (let i = 1; i <= nestedLevel; i++) {
+      const nestedFolder = this.folderBuilder
+        .withName(GeneratorUtil.randomString(7))
+        .withType(type)
+        .withFolderId(foldersHierarchy[foldersHierarchy.length - 1].id)
+        .build();
+      foldersHierarchy.push(nestedFolder);
+      this.resetFolderData();
+    }
+    return foldersHierarchy;
+  }
+}

e2e/src/testData/index.ts

@@ -5,3 +5,4 @@ export * from './conversationHistory/conversationData';
 export * from './conversationHistory/folderBuilder';
 export * from './prompts/promptBuilder';
 export * from './prompts/promptData';
+export * from './folders/folderData';

e2e/src/testData/prompts/promptData.ts

@@ -3,36 +3,33 @@ import { GeneratorUtil } from '@/e2e/src/utils/generatorUtil';
 import { FolderInterface } from '@/src/types/folder';
 import { Prompt } from '@/src/types/prompt';
 
-import { FolderBuilder } from '@/e2e/src/testData/conversationHistory/folderBuilder';
+import { FolderData } from '@/e2e/src/testData/folders/folderData';
 import { PromptBuilder } from '@/e2e/src/testData/prompts/promptBuilder';
 
 export interface FolderPrompt {
   prompts: Prompt[];
   folders: FolderInterface;
 }
 
-export class PromptData {
+export class PromptData extends FolderData {
   private promptBuilder: PromptBuilder;
-  private folderBuilder: FolderBuilder;
 
   constructor() {
+    super('prompt');
     this.promptBuilder = new PromptBuilder();
-    this.folderBuilder = new FolderBuilder().withType('prompt');
   }
 
   public resetData() {
     this.promptBuilder = new PromptBuilder();
-    this.folderBuilder = new FolderBuilder().withType('prompt');
+    this.resetFolderData();
   }
 
   public prepareDefaultPrompt() {
     return this.promptBuilder.withName(GeneratorUtil.randomString(10)).build();
   }
 
-  public prepareFolder(name?: string) {
-    return this.folderBuilder
-      .withName(name ?? GeneratorUtil.randomString(7))
-      .build();
+  public prepareNestedFolder(nestedLevel: number) {
+    return super.prepareNestedFolder(nestedLevel, 'prompt');
   }
 
   public prepareDefaultPromptInFolder(name?: string): FolderPrompt {