test: test delete brain

frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatBar/components/MentionItem.tsx

@@ -14,11 +14,15 @@ export const MentionItem = ({
   trigger,
 }: MentionItemProps): JSX.Element => {
   return (
-    <div className="relative inline-block w-fit-content">
+    <div
+      className="relative inline-block w-fit-content"
+      data-testid="mention-item"
+    >
       <div className="flex items-center bg-gray-300 mr-2 text-gray-600 rounded-2xl py-1 px-2">
         <span className="flex-grow">{`${trigger ?? ""}${text}`}</span>
         <MdRemoveCircleOutline
           className="cursor-pointer absolute top-0 right-0 mt-0 mr-0"
+          data-testid="remove-mention"
           onClick={onRemove}
         />
       </div>

frontend/app/chat/components/ChatsList/components/ChatsListItem/ChatsListItem.tsx

@@ -58,6 +58,7 @@ export const ChatsListItem = ({ chat }: ChatsListItemProps): JSX.Element => {
           className="p-5 hover:text-red-700"
           type="button"
           onClick={() => void deleteChat()}
+          data-testid="delete-chat-button"
         >
           <FiTrash2 />
         </button>

frontend/e2e/index.ts

@@ -8,4 +8,4 @@ test.describe(createBrainTests);
 
 test.describe(crawlTests);
 
-test.describe.skip(chatTests);
+test.describe(chatTests);

frontend/e2e/tests/chat/chat.ts

@@ -1,6 +1,7 @@
 import { test } from "@playwright/test";
 
 import { testChat } from "./utils/testChat";
+import { testDeleteChats } from "./utils/testDeleteChats";
 import { testSelectBrain } from "./utils/testSelectBrain";
 import { testUnplugChat } from "./utils/testUnplugChat";
 import { login } from "../../utils/login";
@@ -11,5 +12,6 @@ export const chatTests = (): void => {
     await testChat(page);
     await testUnplugChat(page);
     await testSelectBrain(page);
+    await testDeleteChats(page);
   });
 };

frontend/e2e/tests/chat/index.ts

@@ -0,0 +1 @@
+export * from "./chat";

frontend/e2e/tests/chat/utils/testDeleteChats.ts

@@ -0,0 +1,11 @@
+import { expect, Page } from "@playwright/test";
+
+export const testDeleteChats = async (page: Page): Promise<void> => {
+  const deleteChatButtons = await page.getByTestId("delete-chat-button").all();
+
+  for (const button of deleteChatButtons) {
+    await button.click();
+  }
+
+  expect((await page.getByTestId("chats-list-item").all()).length === 0);
+};