Merge branch 'dev' into cz/inspection

src/frontend/tests/end-to-end/chatInputOutputUser.spec.ts

@@ -59,6 +59,9 @@ test("user must interact with chat with Input/Output", async ({ page }) => {
     .fill(
       "testtesttesttesttesttestte;.;.,;,.;,.;.,;,..,;;;;;;;;;;;;;;;;;;;;;,;.;,.;,.,;.,;.;.,~~çççççççççççççççççççççççççççççççççççççççisdajfdasiopjfaodisjhvoicxjiovjcxizopjviopasjioasfhjaiohf23432432432423423sttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttestççççççççççççççççççççççççççççççççç,.,.,.,.,.,.,.,.,.,.,.,.,.,.,.,.,!",
     );
+  await page.getByTestId("icon-LucideSend").click();
+  await page.getByText("Close", { exact: true }).click();
+
   await page
     .getByTestId("popover-anchor-input-sender_name")
     .nth(1)
@@ -68,7 +71,7 @@ test("user must interact with chat with Input/Output", async ({ page }) => {
     .nth(0)
     .fill("TestSenderNameAI");
 
-  await page.getByText("Playground", { exact: true }).click();
+  await page.getByText("Playground", { exact: true }).last().click();
   await page.getByTestId("icon-LucideSend").click();
 
   valueUser = await page

src/frontend/tests/end-to-end/deleteComponentFlows.spec.ts

@@ -11,6 +11,7 @@ test("shoud delete a flow", async ({ page }) => {
     .fill(process.env.STORE_API_KEY ?? "");
   await page.getByText("Save").last().click();
   await page.waitForTimeout(8000);
+  await page.getByText("Store").nth(0).click();
 
   await page.getByTestId("install-Website Content QA").click();
   await page.waitForTimeout(5000);

src/frontend/tests/end-to-end/dropdownComponent.spec.ts

@@ -170,7 +170,7 @@ test("dropDownComponent", async ({ page }) => {
     expect(false).toBeTruthy();
   }
 
-  await page.locator('//*[@id="saveChangesBtn"]').click();
+  await page.getByText("Save Changes", { exact: true }).click();
 
   value = await page.getByTestId("dropdown-model_id").innerText();
   if (value !== "ai21.j2-mid-v1") {

src/frontend/tests/end-to-end/filterEdge.spec.ts

@@ -175,7 +175,6 @@ test("LLMChain - Filter", async ({ page }) => {
   await expect(page.getByTestId("model_specsChatOllama")).not.toBeVisible();
   await expect(page.getByTestId("model_specsChatOpenAI")).not.toBeVisible();
   await expect(page.getByTestId("model_specsChatVertexAI")).not.toBeVisible();
-  await expect(page.getByTestId("model_specsCohere")).not.toBeVisible();
 
   await page
     .locator(

src/frontend/tests/end-to-end/floatComponent.spec.ts

@@ -132,7 +132,7 @@ test("FloatComponent", async ({ page }) => {
     await page.locator('//*[@id="showrepeat_last_n"]').isChecked(),
   ).toBeFalsy();
 
-  await page.locator('//*[@id="saveChangesBtn"]').click();
+  await page.getByText("Save Changes", { exact: true }).click();
 
   const plusButtonLocator = page.locator('//*[@id="float-input"]');
   const elementCount = await plusButtonLocator?.count();
@@ -148,7 +148,7 @@ test("FloatComponent", async ({ page }) => {
       await page.locator('//*[@id="showtemperature"]').isChecked(),
     ).toBeTruthy();
 
-    await page.locator('//*[@id="saveChangesBtn"]').click();
+    await page.getByText("Save Changes", { exact: true }).click();
     await page.locator('//*[@id="float-input"]').click();
     await page.locator('//*[@id="float-input"]').fill("3");
 

src/frontend/tests/end-to-end/flowSettings.spec.ts

@@ -44,7 +44,9 @@ test("flowSettings", async ({ page }) => {
       "Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test Flow Name Test",
     );
 
-  await page.getByText("Save").last().click();
+  await page.getByTestId("save-flow-settings").click();
+
+  await page.getByText("Close").last().click();
 
   await page.getByText("Close").last().click();
 

src/frontend/tests/end-to-end/folders.spec.ts

@@ -31,7 +31,7 @@ test("CRUD folders", async ({ page }) => {
   await page.getByText("All").first().isVisible();
   await page.getByText("Select All").isVisible();
 
-  await page.getByText("New Folder", { exact: true }).first().click();
+  await page.getByTestId("add-folder-button").click();
   await page.getByText("New Folder").last().isVisible();
   await page.waitForTimeout(1000);
   await page.getByText("New Folder").last().dblclick();
@@ -114,7 +114,7 @@ test("change flow folder", async ({ page }) => {
   await page.getByText("All").first().isVisible();
   await page.getByText("Select All").isVisible();
 
-  await page.getByText("New Folder", { exact: true }).first().click();
+  await page.getByTestId("add-folder-button").click();
   await page.getByText("New Folder").last().isVisible();
   await page.waitForTimeout(1000);
   await page.getByText("New Folder").last().dblclick();

src/frontend/tests/end-to-end/inputComponent.spec.ts

@@ -138,7 +138,7 @@ test("InputComponent", async ({ page }) => {
     .getByTestId("popover-anchor-input-collection_name-edit")
     .fill("NEW_collection_name_test_123123123!@#$&*(&%$@ÇÇÇÀõe");
 
-  await page.locator('//*[@id="saveChangesBtn"]').click();
+  await page.getByText("Save Changes", { exact: true }).click();
 
   const plusButtonLocator = page.getByTestId("input-collection_name");
   const elementCount = await plusButtonLocator?.count();
@@ -155,7 +155,7 @@ test("InputComponent", async ({ page }) => {
       await page.locator('//*[@id="showcollection_name"]').isChecked(),
     ).toBeTruthy();
 
-    await page.locator('//*[@id="saveChangesBtn"]').click();
+    await page.getByText("Save Changes", { exact: true }).click();
 
     let value = await page
       .getByTestId("popover-anchor-input-collection_name")

src/frontend/tests/end-to-end/inputListComponent.spec.ts

@@ -68,7 +68,7 @@ test("InputListComponent", async ({ page }) => {
     .getByTestId("input-list-input-edit_metadata_indexing_include-1")
     .fill("test1 test1 test1 test1");
 
-  await page.locator('//*[@id="saveChangesBtn"]').click();
+  await page.getByText("Save Changes", { exact: true }).click();
 
   await page
     .getByTestId("input-list-input_metadata_indexing_include-0")

src/frontend/tests/end-to-end/intComponent.spec.ts

@@ -160,7 +160,7 @@ test("IntComponent", async ({ page }) => {
     await page.locator('//*[@id="showtemperature"]').isChecked(),
   ).toBeFalsy();
 
-  await page.locator('//*[@id="saveChangesBtn"]').click();
+  await page.getByText("Save Changes", { exact: true }).click();
 
   const plusButtonLocator = page.getByTestId("int-input-max_tokens");
   const elementCount = await plusButtonLocator?.count();
@@ -183,7 +183,7 @@ test("IntComponent", async ({ page }) => {
       expect(false).toBeTruthy();
     }
 
-    await page.locator('//*[@id="saveChangesBtn"]').click();
+    await page.getByText("Save Changes", { exact: true }).click();
     await page.getByTestId("int-input-max_tokens").click();
     await page.getByTestId("int-input-max_tokens").fill("3");
 

src/frontend/tests/end-to-end/keyPairListComponent.spec.ts

@@ -83,7 +83,7 @@ test("KeypairListComponent", async ({ page }) => {
   expect(
     await page.locator('//*[@id="showcredentials_profile_name"]').isChecked(),
   ).toBeFalsy();
-  await page.locator('//*[@id="saveChangesBtn"]').click();
+  await page.getByText("Save Changes", { exact: true }).click();
 
   const plusButtonLocator = page.locator('//*[@id="plusbtn0"]');
   const elementCount = await plusButtonLocator?.count();
@@ -108,7 +108,7 @@ test("KeypairListComponent", async ({ page }) => {
     const elementKeyCount = await keyPairVerification?.count();
 
     if (elementKeyCount === 1) {
-      await page.locator('//*[@id="saveChangesBtn"]').click();
+      await page.getByText("Save Changes", { exact: true }).click();
 
       await page.getByTestId("div-generic-node").click();
 

src/frontend/tests/end-to-end/langflowShortcuts.spec.ts

@@ -47,11 +47,11 @@ test("LangflowShortcuts", async ({ page }) => {
   await page.getByTitle("zoom out").click();
   await page.getByTitle("zoom out").click();
   await page.getByTitle("zoom out").click();
-  await page.getByTestId("title-Ollama").click();
+  await page.getByTestId("generic-node-title-arrangement").click();
   await page.keyboard.press(`${control}+Shift+A`);
-  await page.locator('//*[@id="saveChangesBtn"]').click();
+  await page.getByText("Save Changes", { exact: true }).click();
 
-  await page.getByTestId("title-Ollama").click();
+  await page.getByTestId("generic-node-title-arrangement").click();
   await page.keyboard.press(`${control}+d`);
 
   let numberOfNodes = await page.getByTestId("title-Ollama")?.count();
@@ -71,7 +71,7 @@ test("LangflowShortcuts", async ({ page }) => {
     expect(false).toBeTruthy();
   }
 
-  await page.getByTestId("title-Ollama").click();
+  await page.getByTestId("generic-node-title-arrangement").click();
   await page.keyboard.press(`${control}+c`);
 
   await page.getByTestId("title-Ollama").click();

src/frontend/tests/end-to-end/logs.spec.ts

@@ -30,6 +30,8 @@ test("should able to see and interact with logs", async ({ page }) => {
   await page.getByText("No Data Available", { exact: true }).isVisible();
   await page.keyboard.press("Escape");
 
+  await page.getByText("Close").last().click();
+
   await page
     .getByTestId("popover-anchor-input-openai_api_key")
     .fill(process.env.OPENAI_API_KEY ?? "");

src/frontend/tests/end-to-end/nestedComponent.spec.ts

@@ -189,5 +189,5 @@ test("NestedComponent", async ({ page }) => {
     await page.locator('//*[@id="showtext_key"]').isChecked(),
   ).toBeTruthy();
 
-  await page.locator('//*[@id="saveChangesBtn"]').click();
+  await page.getByText("Save Changes", { exact: true }).click();
 });

src/frontend/tests/end-to-end/promptModalComponent.spec.ts

@@ -164,7 +164,7 @@ test("PromptTemplateComponent", async ({ page }) => {
   await page.locator('//*[@id="showprompt"]').click();
   expect(await page.locator('//*[@id="showprompt"]').isChecked()).toBeTruthy();
 
-  await page.locator('//*[@id="saveChangesBtn"]').click();
+  await page.getByText("Save Changes", { exact: true }).click();
 
   await page.getByTestId("more-options-modal").click();
   await page.getByTestId("edit-button-modal").click();

src/frontend/tests/end-to-end/store.spec.ts

@@ -96,27 +96,29 @@ test("should filter by type", async ({ page }) => {
   await page.getByText("Website Content QA").isVisible();
 
   await page.getByTestId("flows-button-store").click();
-  await page.waitForTimeout(3000);
+  await page.waitForTimeout(8000);
 
   let iconGroup = await page.getByTestId("icon-Group")?.count();
   expect(iconGroup).not.toBe(0);
 
-  await page.getByText("icon-ToyBrick").isHidden();
+  await page.getByText("icon-ToyBrick").last().isHidden();
 
   await page.getByTestId("components-button-store").click();
-  await page.waitForTimeout(3000);
+  await page.waitForTimeout(8000);
 
-  await page.getByTestId("icon-Group").isHidden();
+  await page.getByTestId("icon-Group").last().isHidden();
   let toyBrick = await page.getByTestId("icon-ToyBrick")?.count();
   expect(toyBrick).not.toBe(0);
 
   await page.getByTestId("all-button-store").click();
-  await page.waitForTimeout(3000);
+  await page.waitForTimeout(8000);
 
-  iconGroup = await page.getByTestId("icon-Group")?.count();
-  toyBrick = await page.getByTestId("icon-ToyBrick")?.count();
+  let iconGroupAllCount = await page.getByTestId("icon-Group")?.count();
+  await page.waitForTimeout(2000);
+  let toyBrickAllCount = await page.getByTestId("icon-ToyBrick")?.count();
+  await page.waitForTimeout(2000);
 
-  if (iconGroup === 0 || toyBrick === 0) {
+  if (iconGroupAllCount === 0 || toyBrickAllCount === 0) {
     expect(false).toBe(true);
   }
 });
@@ -141,7 +143,6 @@ test("should add API-KEY", async ({ page }) => {
   await page.waitForTimeout(2000);
   await page.getByText("API Key Error").isVisible();
 
-  await page.getByTestId("api-key-button-store").click();
   await page
     .getByPlaceholder("Insert your API Key")
     .fill(process.env.STORE_API_KEY ?? "");
@@ -174,6 +175,9 @@ test("should like and add components and flows", async ({ page }) => {
   await page.waitForTimeout(2000);
   await page.getByText("API Key Error").isHidden();
 
+  await page.waitForTimeout(2000);
+
+  await page.getByTestId("button-store").click();
   await page.waitForTimeout(5000);
 
   const likedValue = await page

src/frontend/tests/end-to-end/textInputOutput.spec.ts

@@ -132,11 +132,13 @@ test("TextInputOutputComponent", async ({ page }) => {
 
   await page.getByText("Outputs", { exact: true }).nth(1).click();
   await page.getByText("Text Output", { exact: true }).nth(2).click();
-  let contentOutput = await page.getByPlaceholder("Empty").inputValue();
+  let contentOutput = await page.getByPlaceholder("Enter text...").inputValue();
   expect(contentOutput).not.toBe(null);
 
   await page.keyboard.press("Escape");
 
+  await page.getByText("Close", { exact: true }).last().click();
+
   await page
     .getByTestId("popover-anchor-input-input_value")
     .nth(0)
@@ -151,6 +153,6 @@ test("TextInputOutputComponent", async ({ page }) => {
 
   await page.getByText("Outputs", { exact: true }).nth(1).click();
   await page.getByText("Text Output", { exact: true }).nth(2).click();
-  contentOutput = await page.getByPlaceholder("Empty").inputValue();
+  contentOutput = await page.getByPlaceholder("Enter text...").inputValue();
   expect(contentOutput).not.toBe(null);
 });

src/frontend/tests/end-to-end/toggleComponent.spec.ts

@@ -48,7 +48,7 @@ test("ToggleComponent", async ({ page }) => {
     await page.locator('//*[@id="showload_hidden"]').isChecked(),
   ).toBeTruthy();
 
-  await page.locator('//*[@id="saveChangesBtn"]').click();
+  await page.getByText("Save Changes", { exact: true }).click();
 
   await page.getByTitle("fit view").click();
 
@@ -130,7 +130,7 @@ test("ToggleComponent", async ({ page }) => {
     await page.locator('//*[@id="showuse_multithreading"]').isChecked(),
   ).toBeFalsy();
 
-  await page.locator('//*[@id="saveChangesBtn"]').click();
+  await page.getByText("Save Changes", { exact: true }).click();
 
   const plusButtonLocator = page.getByTestId("toggle-load_hidden");
   const elementCount = await plusButtonLocator?.count();
@@ -151,7 +151,7 @@ test("ToggleComponent", async ({ page }) => {
       await page.getByTestId("toggle-edit-load_hidden").isChecked(),
     ).toBeTruthy();
 
-    await page.locator('//*[@id="saveChangesBtn"]').click();
+    await page.getByText("Save Changes", { exact: true }).click();
 
     await page.getByTestId("toggle-load_hidden").click();
     expect(