🐛 fix(parameterComponent): add missing prop 'editNode' to ParameterToggleComponent

🐛 fix(inputComponent): add missing data-testid prop to InputComponent 🐛 fix(intComponent): add missing data-testid prop to IntComponent 🐛 fix(toggleShadComponent): add missing data-testid prop to ToggleShadComponent 🐛 fix(ConfirmationModal): add missing data-testid prop to replace button 🐛 fix(EditNodeModal): add missing 'editNode' prop to ParameterToggleComponent and InputComponent 🐛 fix(nodeToolbarComponent): remove duplicate import statement 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary import statement 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix(nodeToolbarComponent): remove unnecessary line break 🐛 fix 🐛 fix(group.spec.ts): uncomment code to enable mocking API requests for testing purposes 🐛 fix(group.spec.ts): fix incorrect URL pattern in page.routeFromHAR() method 🐛 fix(group.spec.ts): fix incorrect URL pattern in page.route() method ✨ feat(group.spec.ts): add fulfillment of API request with a JSON response and status 201 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(inputComponent.spec.ts): update locator IDs to match changes in HTML structure ✨ feat(inputComponent.spec.ts): add support for getting elements by test ID for improved test readability 🐛 fix(nestedComponent.spec.ts): fix incorrect assertions for checkbox states ✨ feat(nestedComponent.spec.ts): add tests for new checkboxes in nestedComponent 🐛 fix(toggleComponent.spec.ts): fix incorrect assertions for checkbox states ✨ feat(toggleComponent.spec.ts): add tests for new checkboxes in toggleComponent
2024-02-26 19:58:08 -03:00 · 2024-02-26 19:58:08 -03:00 · a999f46328
commit a999f46328
parent b6f27173e0
16 changed files with 187 additions and 214 deletions
--- a/src/frontend/tests/end-to-end/promptModalComponent.spec.ts
+++ b/src/frontend/tests/end-to-end/promptModalComponent.spec.ts
@ -8,12 +8,12 @@ test("PromptTemplateComponent", async ({ page }) => {
  await page.waitForTimeout(2000);

  await page.getByPlaceholder("Search").click();
-  await page.getByPlaceholder("Search").fill("promptTemplate");
+  await page.getByPlaceholder("Search").fill("prompt");

  await page.waitForTimeout(2000);

  await page
-    .locator('//*[@id="promptsPromptTemplate"]')
+    .locator('//*[@id="promptsPrompt"]')
    .dragTo(page.locator('//*[@id="react-flow-id"]'));
  await page.mouse.up();
  await page.mouse.down();
@ -47,35 +47,39 @@ test("PromptTemplateComponent", async ({ page }) => {
  await page.getByTestId("genericModalBtnSave").click();

  await page.getByTestId("div-textarea-prompt").click();
-  await page.getByTestId("text-area-modal").fill("prompt_value_!@#!@#");
+  await page.getByTestId("textarea-prompt").fill("prompt_value_!@#!@#");

-  value = await page.getByTestId("text-area-modal").inputValue();
+  value = await page.getByTestId("textarea-prompt").inputValue();

  if (value != "prompt_value_!@#!@#") {
    expect(false).toBeTruthy();
  }

-  await page.getByTestId("genericModalBtnSave").click();
+  await page.getByTestId("more-options-modal").click();
+  await page.getByTestId("save-button-modal").click();
+
+  const replace = await page.getByTestId("replace-button");
+  if (replace) {
+    await page.getByTestId("replace-button").click();
+  }

  await page.getByTestId("div-textarea-prompt1").click();
  await page
-    .getByTestId("text-area-modal")
+    .getByTestId("textarea-prompt1")
    .fill("prompt_name_test_123123!@#!@#");

-  value = await page.getByTestId("text-area-modal").inputValue();
+  value = await page.getByTestId("textarea-prompt1").inputValue();

  if (value != "prompt_name_test_123123!@#!@#") {
    expect(false).toBeTruthy();
  }

-  value = await page.getByTestId("text-area-modal").inputValue();
+  value = await page.getByTestId("textarea-prompt1").inputValue();

  if (value != "prompt_name_test_123123!@#!@#") {
    expect(false).toBeTruthy();
  }

-  await page.getByTestId("genericModalBtnSave").click();
-
  await page.getByTestId("more-options-modal").click();
  await page.getByTestId("edit-button-modal").click();

--- a/src/frontend/tests/onlyFront/dropdownComponent.spec.ts
+++ b/src/frontend/tests/onlyFront/dropdownComponent.spec.ts
@ -24,7 +24,7 @@ test("dropDownComponent", async ({ page }) => {
  await page.waitForTimeout(2000);

  await page
-    .getByTestId("llmsAmazon Bedrock")
+    .getByTestId("model_specsAmazon Bedrock")
    .first()
    .dragTo(page.locator('//*[@id="react-flow-id"]'));
  await page.mouse.up();
--- a/src/frontend/tests/onlyFront/floatComponent.spec.ts
+++ b/src/frontend/tests/onlyFront/floatComponent.spec.ts
@ -23,7 +23,7 @@ test("FloatComponent", async ({ page }) => {
  await page.waitForTimeout(2000);

  await page
-    .locator('//*[@id="llmsLlamaCpp"]')
+    .locator('//*[@id="model_specsLlamaCpp"]')
    .dragTo(page.locator('//*[@id="react-flow-id"]'));
  await page.mouse.up();
  await page.mouse.down();
@ -102,18 +102,6 @@ test("FloatComponent", async ({ page }) => {
    await page.locator('//*[@id="showmax_tokens"]').isChecked()
  ).toBeTruthy();

-  // showmetadata
-  await page.locator('//*[@id="showmetadata"]').click();
-  expect(
-    await page.locator('//*[@id="showmetadata"]').isChecked()
-  ).toBeTruthy();
-
-  // showmodel_kwargs
-  await page.locator('//*[@id="showmodel_kwargs"]').click();
-  expect(
-    await page.locator('//*[@id="showmodel_kwargs"]').isChecked()
-  ).toBeTruthy();
-
  // showmodel_path
  await page.locator('//*[@id="showmodel_path"]').click();
  expect(
@ -271,16 +259,6 @@ test("FloatComponent", async ({ page }) => {
    await page.locator('//*[@id="showmax_tokens"]').isChecked()
  ).toBeFalsy();

-  // showmetadata
-  await page.locator('//*[@id="showmetadata"]').click();
-  expect(await page.locator('//*[@id="showmetadata"]').isChecked()).toBeFalsy();
-
-  // showmodel_kwargs
-  await page.locator('//*[@id="showmodel_kwargs"]').click();
-  expect(
-    await page.locator('//*[@id="showmodel_kwargs"]').isChecked()
-  ).toBeFalsy();
-
  // showmodel_path
  await page.locator('//*[@id="showmodel_path"]').click();
  expect(
--- a/src/frontend/tests/onlyFront/group.spec.ts
+++ b/src/frontend/tests/onlyFront/group.spec.ts
@ -4,16 +4,16 @@ import { readFileSync } from "fs";
 test.describe("group node test", () => {
  /// <reference lib="dom"/>
  test("group and ungroup updating values", async ({ page }) => {
-    // await page.routeFromHAR("harFiles/langflow.har", {
-    //   url: "**/api/v1/**",
-    //   update: false,
-    // });
-    // await page.route("**/api/v1/flows/", async (route) => {
-    //   const json = {
-    //     id: "e9ac1bdc-429b-475d-ac03-d26f9a2a3210",
-    //   };
-    //   await route.fulfill({ json, status: 201 });
-    // });
+    await page.routeFromHAR("harFiles/langflow.har", {
+      url: "**/api/v1/**",
+      update: false,
+    });
+    await page.route("**/api/v1/flows/", async (route) => {
+      const json = {
+        id: "e9ac1bdc-429b-475d-ac03-d26f9a2a3210",
+      };
+      await route.fulfill({ json, status: 201 });
+    });
    await page.goto("http:localhost:3000/");
    await page.locator("span").filter({ hasText: "My Collection" }).isVisible();
    // Read your file into a buffer.
--- a/src/frontend/tests/onlyFront/inputComponent.spec.ts
+++ b/src/frontend/tests/onlyFront/inputComponent.spec.ts
@ -28,12 +28,12 @@ test("InputComponent", async ({ page }) => {
  await page.mouse.up();
  await page.mouse.down();

-  await page.locator("#input-8").click();
+  await page.getByTestId("input-collection_name").click();
  await page
-    .locator("#input-8")
+    .getByTestId("input-collection_name")
    .fill("collection_name_test_123123123!@#$&*(&%$@");

-  let value = await page.locator("#input-8").inputValue();
+  let value = await page.getByTestId("input-collection_name").inputValue();

  if (value != "collection_name_test_123123123!@#$&*(&%$@") {
    expect(false).toBeTruthy();
@ -61,9 +61,9 @@ test("InputComponent", async ({ page }) => {
    await page.locator('//*[@id="showchroma_server_host"]').isChecked()
  ).toBeTruthy();

-  await page.locator('//*[@id="showchroma_server_http_port"]').click();
+  await page.locator('//*[@id="showchroma_server_port"]').click();
  expect(
-    await page.locator('//*[@id="showchroma_server_http_port"]').isChecked()
+    await page.locator('//*[@id="showchroma_server_port"]').isChecked()
  ).toBeTruthy();

  await page.locator('//*[@id="showchroma_server_ssl_enabled"]').click();
@ -76,19 +76,11 @@ test("InputComponent", async ({ page }) => {
    await page.locator('//*[@id="showcollection_name"]').isChecked()
  ).toBeFalsy();

-  await page.locator('//*[@id="showpersist"]').click();
-  expect(await page.locator('//*[@id="showpersist"]').isChecked()).toBeFalsy();
-
-  await page.locator('//*[@id="showpersist_directory"]').click();
+  await page.locator('//*[@id="showindex_directory"]').click();
  expect(
-    await page.locator('//*[@id="showpersist_directory"]').isChecked()
+    await page.locator('//*[@id="showindex_directory"]').isChecked()
  ).toBeFalsy();

-  await page.locator('//*[@id="showsearch_kwargs"]').click();
-  expect(
-    await page.locator('//*[@id="showsearch_kwargs"]').isChecked()
-  ).toBeTruthy();
-
  await page.locator('//*[@id="showchroma_server_cors_allow_origins"]').click();
  expect(
    await page
@ -106,9 +98,9 @@ test("InputComponent", async ({ page }) => {
    await page.locator('//*[@id="showchroma_server_host"]').isChecked()
  ).toBeFalsy();

-  await page.locator('//*[@id="showchroma_server_http_port"]').click();
+  await page.locator('//*[@id="showchroma_server_port"]').click();
  expect(
-    await page.locator('//*[@id="showchroma_server_http_port"]').isChecked()
+    await page.locator('//*[@id="showchroma_server_port"]').isChecked()
  ).toBeFalsy();

  await page.locator('//*[@id="showchroma_server_ssl_enabled"]').click();
@ -116,33 +108,27 @@ test("InputComponent", async ({ page }) => {
    await page.locator('//*[@id="showchroma_server_ssl_enabled"]').isChecked()
  ).toBeFalsy();

-  await page.locator('//*[@id="showpersist"]').click();
-  expect(await page.locator('//*[@id="showpersist"]').isChecked()).toBeTruthy();
-
-  await page.locator('//*[@id="showpersist_directory"]').click();
+  await page.locator('//*[@id="showindex_directory"]').click();
  expect(
-    await page.locator('//*[@id="showpersist_directory"]').isChecked()
+    await page.locator('//*[@id="showindex_directory"]').isChecked()
  ).toBeTruthy();

-  await page.locator('//*[@id="showsearch_kwargs"]').click();
-  expect(
-    await page.locator('//*[@id="showsearch_kwargs"]').isChecked()
-  ).toBeFalsy();
-
-  let valueEditNode = await page.locator('//*[@id="input-5"]').inputValue();
+  let valueEditNode = await page
+    .getByTestId("input-collection_name-edit")
+    .inputValue();

  if (valueEditNode != "collection_name_test_123123123!@#$&*(&%$@") {
    expect(false).toBeTruthy();
  }

-  await page.locator('//*[@id="input-5"]').click();
+  await page.getByTestId("input-collection_name-edit").click();
  await page
-    .locator('//*[@id="input-5"]')
+    .getByTestId("input-collection_name-edit")
    .fill("NEW_collection_name_test_123123123!@#$&*(&%$@");

  await page.locator('//*[@id="saveChangesBtn"]').click();

-  const plusButtonLocator = page.locator("#input-8");
+  const plusButtonLocator = page.getByTestId("input-collection_name");
  const elementCount = await plusButtonLocator.count();
  if (elementCount === 0) {
    expect(true).toBeTruthy();
@ -159,7 +145,7 @@ test("InputComponent", async ({ page }) => {

    await page.locator('//*[@id="saveChangesBtn"]').click();

-    let value = await page.locator("#input-8").inputValue();
+    let value = await page.getByTestId("input-collection_name").inputValue();

    if (value != "NEW_collection_name_test_123123123!@#$&*(&%$@") {
      expect(false).toBeTruthy();
--- a/src/frontend/tests/onlyFront/intComponent.spec.ts
+++ b/src/frontend/tests/onlyFront/intComponent.spec.ts
@ -30,21 +30,21 @@ test("IntComponent", async ({ page }) => {
  await page.mouse.up();
  await page.mouse.down();

-  await page.locator('//*[@id="int-input-2"]').click();
+  await page.getByTestId("int-input-timeout").click();
  await page
-    .locator('//*[@id="int-input-2"]')
+    .getByTestId("int-input-timeout")
    .fill("123456789123456789123456789");

-  let value = await page.locator('//*[@id="int-input-2"]').inputValue();
+  let value = await page.getByTestId("int-input-timeout").inputValue();

  if (value != "123456789123456789123456789") {
    expect(false).toBeTruthy();
  }

-  await page.locator('//*[@id="int-input-2"]').click();
-  await page.locator('//*[@id="int-input-2"]').fill("0");
+  await page.getByTestId("int-input-timeout").click();
+  await page.getByTestId("int-input-timeout").fill("0");

-  value = await page.locator('//*[@id="int-input-2"]').inputValue();
+  value = await page.getByTestId("int-input-timeout").inputValue();

  if (value != "0") {
    expect(false).toBeTruthy();
@ -53,15 +53,15 @@ test("IntComponent", async ({ page }) => {
  await page.getByTestId("more-options-modal").click();
  await page.getByTestId("edit-button-modal").click();

-  value = await page.locator('//*[@id="edit-int-input-2"]').inputValue();
+  value = await page.getByTestId("edit-int-input-timeout").inputValue();

  if (value != "0") {
    expect(false).toBeTruthy();
  }

-  await page.locator('//*[@id="edit-int-input-2"]').click();
+  await page.getByTestId("edit-int-input-timeout").click();
  await page
-    .locator('//*[@id="edit-int-input-2"]')
+    .getByTestId("edit-int-input-timeout")
    .fill("123456789123456789123456789");

  await page.locator('//*[@id="showheaders"]').click();
@ -81,7 +81,7 @@ test("IntComponent", async ({ page }) => {

  await page.locator('//*[@id="saveChangesBtn"]').click();

-  const plusButtonLocator = page.locator('//*[@id="int-input-2"]');
+  const plusButtonLocator = page.getByTestId("int-input-timeout");
  const elementCount = await plusButtonLocator.count();
  if (elementCount === 0) {
    expect(true).toBeTruthy();
@ -95,7 +95,7 @@ test("IntComponent", async ({ page }) => {
    ).toBeTruthy();

    const valueEditNode = await page
-      .locator('//*[@id="edit-int-input-2"]')
+      .getByTestId("edit-int-input-timeout")
      .inputValue();

    if (valueEditNode != "123456789123456789123456789") {
@ -103,19 +103,19 @@ test("IntComponent", async ({ page }) => {
    }

    await page.locator('//*[@id="saveChangesBtn"]').click();
-    await page.locator('//*[@id="int-input-2"]').click();
-    await page.locator('//*[@id="int-input-2"]').fill("3");
+    await page.getByTestId("int-input-timeout").click();
+    await page.getByTestId("int-input-timeout").fill("3");

-    let value = await page.locator('//*[@id="int-input-2"]').inputValue();
+    let value = await page.getByTestId("int-input-timeout").inputValue();

    if (value != "3") {
      expect(false).toBeTruthy();
    }

-    await page.locator('//*[@id="int-input-2"]').click();
-    await page.locator('//*[@id="int-input-2"]').fill("-3");
+    await page.getByTestId("int-input-timeout").click();
+    await page.getByTestId("int-input-timeout").fill("-3");

-    value = await page.locator('//*[@id="int-input-2"]').inputValue();
+    value = await page.getByTestId("int-input-timeout").inputValue();

    if (value != "0") {
      expect(false).toBeTruthy();
--- a/src/frontend/tests/onlyFront/nestedComponent.spec.ts
+++ b/src/frontend/tests/onlyFront/nestedComponent.spec.ts
@ -31,75 +31,17 @@ test("NestedComponent", async ({ page }) => {
  await page.getByTestId("more-options-modal").click();
  await page.getByTestId("edit-button-modal").click();

-  // showindex_name
-  await page.locator('//*[@id="showindex_name"]').click();
+  //showpool_threads
+  await page.locator('//*[@id="showpool_threads"]').click();

  expect(
-    await page.locator('//*[@id="showindex_name"]').isChecked()
-  ).toBeFalsy();
-
-  // shownamespace
-  await page.locator('//*[@id="shownamespace"]').click();
-
-  expect(
-    await page.locator('//*[@id="shownamespace"]').isChecked()
-  ).toBeFalsy();
-
-  // showpinecone_api_key
-  await page.locator('//*[@id="showpinecone_api_key"]').click();
-
-  expect(
-    await page.locator('//*[@id="showpinecone_api_key"]').isChecked()
+    await page.locator('//*[@id="showpool_threads"]').isChecked()
  ).toBeTruthy();

-  // showpinecone_env
-  await page.locator('//*[@id="showpinecone_env"]').click();
+  //showtext_key
+  await page.locator('//*[@id="showtext_key"]').click();

-  expect(
-    await page.locator('//*[@id="showpinecone_env"]').isChecked()
-  ).toBeTruthy();
-
-  // showsearch_kwargs
-  await page.locator('//*[@id="showsearch_kwargs"]').click();
-
-  expect(
-    await page.locator('//*[@id="showsearch_kwargs"]').isChecked()
-  ).toBeTruthy();
-
-  // showindex_name
-  await page.locator('//*[@id="showindex_name"]').click();
-
-  expect(
-    await page.locator('//*[@id="showindex_name"]').isChecked()
-  ).toBeTruthy();
-
-  // shownamespace
-  await page.locator('//*[@id="shownamespace"]').click();
-
-  expect(
-    await page.locator('//*[@id="shownamespace"]').isChecked()
-  ).toBeTruthy();
-
-  // showpinecone_api_key
-  await page.locator('//*[@id="showpinecone_api_key"]').click();
-
-  expect(
-    await page.locator('//*[@id="showpinecone_api_key"]').isChecked()
-  ).toBeFalsy();
-
-  // showpinecone_env
-  await page.locator('//*[@id="showpinecone_env"]').click();
-
-  expect(
-    await page.locator('//*[@id="showpinecone_env"]').isChecked()
-  ).toBeFalsy();
-
-  // showsearch_kwargs
-  await page.locator('//*[@id="showsearch_kwargs"]').click();
-
-  expect(
-    await page.locator('//*[@id="showsearch_kwargs"]').isChecked()
-  ).toBeFalsy();
+  expect(await page.locator('//*[@id="showtext_key"]').isChecked()).toBeFalsy();

  // showindex_name
  await page.locator('//*[@id="showindex_name"]').click();
@ -120,21 +62,14 @@ test("NestedComponent", async ({ page }) => {

  expect(
    await page.locator('//*[@id="showpinecone_api_key"]').isChecked()
-  ).toBeTruthy();
+  ).toBeFalsy();

  // showpinecone_env
  await page.locator('//*[@id="showpinecone_env"]').click();

  expect(
    await page.locator('//*[@id="showpinecone_env"]').isChecked()
-  ).toBeTruthy();
-
-  // showsearch_kwargs
-  await page.locator('//*[@id="showsearch_kwargs"]').click();
-
-  expect(
-    await page.locator('//*[@id="showsearch_kwargs"]').isChecked()
-  ).toBeTruthy();
+  ).toBeFalsy();

  // showindex_name
  await page.locator('//*[@id="showindex_name"]').click();
@ -155,21 +90,14 @@ test("NestedComponent", async ({ page }) => {

  expect(
    await page.locator('//*[@id="showpinecone_api_key"]').isChecked()
-  ).toBeFalsy();
+  ).toBeTruthy();

  // showpinecone_env
  await page.locator('//*[@id="showpinecone_env"]').click();

  expect(
    await page.locator('//*[@id="showpinecone_env"]').isChecked()
-  ).toBeFalsy();
-
-  // showsearch_kwargs
-  await page.locator('//*[@id="showsearch_kwargs"]').click();
-
-  expect(
-    await page.locator('//*[@id="showsearch_kwargs"]').isChecked()
-  ).toBeFalsy();
+  ).toBeTruthy();

  // showindex_name
  await page.locator('//*[@id="showindex_name"]').click();
@ -190,21 +118,14 @@ test("NestedComponent", async ({ page }) => {

  expect(
    await page.locator('//*[@id="showpinecone_api_key"]').isChecked()
-  ).toBeTruthy();
+  ).toBeFalsy();

  // showpinecone_env
  await page.locator('//*[@id="showpinecone_env"]').click();

  expect(
    await page.locator('//*[@id="showpinecone_env"]').isChecked()
-  ).toBeTruthy();
-
-  // showsearch_kwargs
-  await page.locator('//*[@id="showsearch_kwargs"]').click();
-
-  expect(
-    await page.locator('//*[@id="showsearch_kwargs"]').isChecked()
-  ).toBeTruthy();
+  ).toBeFalsy();

  // showindex_name
  await page.locator('//*[@id="showindex_name"]').click();
@ -223,6 +144,34 @@ test("NestedComponent", async ({ page }) => {
  // showpinecone_api_key
  await page.locator('//*[@id="showpinecone_api_key"]').click();

+  expect(
+    await page.locator('//*[@id="showpinecone_api_key"]').isChecked()
+  ).toBeTruthy();
+
+  // showpinecone_env
+  await page.locator('//*[@id="showpinecone_env"]').click();
+
+  expect(
+    await page.locator('//*[@id="showpinecone_env"]').isChecked()
+  ).toBeTruthy();
+
+  // showindex_name
+  await page.locator('//*[@id="showindex_name"]').click();
+
+  expect(
+    await page.locator('//*[@id="showindex_name"]').isChecked()
+  ).toBeFalsy();
+
+  // shownamespace
+  await page.locator('//*[@id="shownamespace"]').click();
+
+  expect(
+    await page.locator('//*[@id="shownamespace"]').isChecked()
+  ).toBeFalsy();
+
+  // showpinecone_api_key
+  await page.locator('//*[@id="showpinecone_api_key"]').click();
+
  expect(
    await page.locator('//*[@id="showpinecone_api_key"]').isChecked()
  ).toBeFalsy();
@ -234,7 +183,47 @@ test("NestedComponent", async ({ page }) => {
    await page.locator('//*[@id="showpinecone_env"]').isChecked()
  ).toBeFalsy();

+  // showindex_name
+  await page.locator('//*[@id="showindex_name"]').click();
+
+  expect(
+    await page.locator('//*[@id="showindex_name"]').isChecked()
+  ).toBeTruthy();
+
+  // shownamespace
+  await page.locator('//*[@id="shownamespace"]').click();
+
+  expect(
+    await page.locator('//*[@id="shownamespace"]').isChecked()
+  ).toBeTruthy();
+
+  // showpinecone_api_key
+  await page.locator('//*[@id="showpinecone_api_key"]').click();
+
+  expect(
+    await page.locator('//*[@id="showpinecone_api_key"]').isChecked()
+  ).toBeTruthy();
+
+  // showpinecone_env
+  await page.locator('//*[@id="showpinecone_env"]').click();
+
+  expect(
+    await page.locator('//*[@id="showpinecone_env"]').isChecked()
+  ).toBeTruthy();
+
+  //showpool_threads
+  await page.locator('//*[@id="showpool_threads"]').click();
+
+  expect(
+    await page.locator('//*[@id="showpool_threads"]').isChecked()
+  ).toBeFalsy();
+
+  //showtext_key
+  await page.locator('//*[@id="showtext_key"]').click();
+
+  expect(
+    await page.locator('//*[@id="showtext_key"]').isChecked()
+  ).toBeTruthy();
+
  await page.locator('//*[@id="saveChangesBtn"]').click();
-
-  await page.getByTestId("div-dict-input").click();
 });
--- a/src/frontend/tests/onlyFront/toggleComponent.spec.ts
+++ b/src/frontend/tests/onlyFront/toggleComponent.spec.ts
@ -38,29 +38,27 @@ test("ToggleComponent", async ({ page }) => {

  await page.locator('//*[@id="saveChangesBtn"]').click();

-  await page.locator('//*[@id="toggle-1"]').click();
-  expect(await page.locator('//*[@id="toggle-1"]').isChecked()).toBeFalsy();
+  await page.getByTestId("toggle-load_hidden").click();
+  expect(await page.getByTestId("toggle-load_hidden").isChecked()).toBeFalsy();

-  await page.locator('//*[@id="toggle-1"]').click();
-  expect(await page.locator('//*[@id="toggle-1"]').isChecked()).toBeTruthy();
+  await page.getByTestId("toggle-load_hidden").click();
+  expect(await page.getByTestId("toggle-load_hidden").isChecked()).toBeTruthy();

-  await page.locator('//*[@id="toggle-1"]').click();
-  expect(await page.locator('//*[@id="toggle-1"]').isChecked()).toBeFalsy();
+  await page.getByTestId("toggle-load_hidden").click();
+  expect(await page.getByTestId("toggle-load_hidden").isChecked()).toBeFalsy();

-  await page.locator('//*[@id="toggle-1"]').click();
-  expect(await page.locator('//*[@id="toggle-1"]').isChecked()).toBeTruthy();
+  await page.getByTestId("toggle-load_hidden").click();
+  expect(await page.getByTestId("toggle-load_hidden").isChecked()).toBeTruthy();

-  await page.locator('//*[@id="toggle-1"]').click();
-  expect(await page.locator('//*[@id="toggle-1"]').isChecked()).toBeFalsy();
+  await page.getByTestId("toggle-load_hidden").click();
+  expect(await page.getByTestId("toggle-load_hidden").isChecked()).toBeFalsy();

  await page.getByTestId("div-generic-node").click();

  await page.getByTestId("more-options-modal").click();
  await page.getByTestId("edit-button-modal").click();

-  expect(
-    await page.locator('//*[@id="toggle-edit-1"]').isChecked()
-  ).toBeFalsy();
+  expect(await page.getByTestId("toggle-load_hidden").isChecked()).toBeFalsy();

  await page.locator('//*[@id="showglob"]').click();
  expect(await page.locator('//*[@id="showglob"]').isChecked()).toBeFalsy();
@ -129,7 +127,7 @@ test("ToggleComponent", async ({ page }) => {

  await page.locator('//*[@id="saveChangesBtn"]').click();

-  const plusButtonLocator = page.locator('//*[@id="toggle-1"]');
+  const plusButtonLocator = page.getByTestId("toggle-load_hidden");
  const elementCount = await plusButtonLocator.count();
  if (elementCount === 0) {
    expect(true).toBeTruthy();
@ -145,24 +143,34 @@ test("ToggleComponent", async ({ page }) => {
    ).toBeTruthy();

    expect(
-      await page.locator('//*[@id="toggle-edit-1"]').isChecked()
+      await page.getByTestId("toggle-edit-load_hidden").isChecked()
    ).toBeFalsy();

    await page.locator('//*[@id="saveChangesBtn"]').click();

-    await page.locator('//*[@id="toggle-1"]').click();
-    expect(await page.locator('//*[@id="toggle-1"]').isChecked()).toBeTruthy();
+    await page.getByTestId("toggle-load_hidden").click();
+    expect(
+      await page.getByTestId("toggle-load_hidden").isChecked()
+    ).toBeTruthy();

-    await page.locator('//*[@id="toggle-1"]').click();
-    expect(await page.locator('//*[@id="toggle-1"]').isChecked()).toBeFalsy();
+    await page.getByTestId("toggle-load_hidden").click();
+    expect(
+      await page.getByTestId("toggle-load_hidden").isChecked()
+    ).toBeFalsy();

-    await page.locator('//*[@id="toggle-1"]').click();
-    expect(await page.locator('//*[@id="toggle-1"]').isChecked()).toBeTruthy();
+    await page.getByTestId("toggle-load_hidden").click();
+    expect(
+      await page.getByTestId("toggle-load_hidden").isChecked()
+    ).toBeTruthy();

-    await page.locator('//*[@id="toggle-1"]').click();
-    expect(await page.locator('//*[@id="toggle-1"]').isChecked()).toBeFalsy();
+    await page.getByTestId("toggle-load_hidden").click();
+    expect(
+      await page.getByTestId("toggle-load_hidden").isChecked()
+    ).toBeFalsy();

-    await page.locator('//*[@id="toggle-1"]').click();
-    expect(await page.locator('//*[@id="toggle-1"]').isChecked()).toBeTruthy();
+    await page.getByTestId("toggle-load_hidden").click();
+    expect(
+      await page.getByTestId("toggle-load_hidden").isChecked()
+    ).toBeTruthy();
  }
 });