From 6d83bc13b48938bd1e69a35343de4d482893b32d Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 6 Dec 2024 13:33:47 -0300
Subject: [PATCH] fix: improve vector store test (#5121)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 📝 (.github/changes-filter.yaml): Add new path to starter-projects test category
🔧 (index.tsx, inputFileComponent): Add data-testid attribute to input element for testing purposes
🔧 (index.tsx, popover): Increase padding-right value for password input field
🔧 (Vector Store.spec.ts): Update test to click on correct element with data-testid attribute for file upload
🔧 (Vector Store.spec.ts): Remove redundant code related to filling input field and clicking on button

* 🔧 (index.tsx): Update styles for inputComponent popover to improve layout and alignment.
---
 .github/changes-filter.yaml                        |  1 +
 .../inputComponent/components/popover/index.tsx    |  2 +-
 .../components/inputFileComponent/index.tsx        |  1 +
 .../tests/core/integrations/Vector Store.spec.ts   | 14 ++------------
 4 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/.github/changes-filter.yaml b/.github/changes-filter.yaml
index a09de108d..04cb094a2 100644
--- a/.github/changes-filter.yaml
+++ b/.github/changes-filter.yaml
@@ -20,6 +20,7 @@ docs:
 # Test categories and their associated paths
 starter-projects:
   - "src/backend/base/langflow/initial_setup/**"
+  - "src/backend/base/langflow/components/**"
   - "src/frontend/src/pages/MainPage/**"
   - "src/frontend/src/utils/reactflowUtils.ts"
   - "src/frontend/tests/extended/features/**"
diff --git a/src/frontend/src/components/core/parameterRenderComponent/components/inputComponent/components/popover/index.tsx b/src/frontend/src/components/core/parameterRenderComponent/components/inputComponent/components/popover/index.tsx
index fd06e58c5..afddbc48d 100644
--- a/src/frontend/src/components/core/parameterRenderComponent/components/inputComponent/components/popover/index.tsx
+++ b/src/frontend/src/components/core/parameterRenderComponent/components/inputComponent/components/popover/index.tsx
@@ -129,7 +129,7 @@ const CustomInputPopover = ({
               disabled={disabled}
               required={required}
               className={cn(
-                "popover-input nodrag truncate px-1 pr-4",
+                "popover-input nodrag w-full truncate px-1 pr-4",
                 editNode && "px-2",
                 editNode && disabled && "h-fit w-fit",
                 disabled &&
diff --git a/src/frontend/src/components/core/parameterRenderComponent/components/inputFileComponent/index.tsx b/src/frontend/src/components/core/parameterRenderComponent/components/inputFileComponent/index.tsx
index ddc30eda7..7ec0ab7fc 100644
--- a/src/frontend/src/components/core/parameterRenderComponent/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/core/parameterRenderComponent/components/inputFileComponent/index.tsx
@@ -97,6 +97,7 @@ export default function InputFileComponent({
           <div className="relative flex w-full">
             <div className="w-full">
               <input
+                data-testid="input-file-component"
                 type="text"
                 className={cn(
                   "primary-input h-9 w-full cursor-pointer rounded-r-none text-sm focus:border-border focus:outline-none focus:ring-0",
diff --git a/src/frontend/tests/core/integrations/Vector Store.spec.ts b/src/frontend/tests/core/integrations/Vector Store.spec.ts
index 9bd131cc8..14fa87bf2 100644
--- a/src/frontend/tests/core/integrations/Vector Store.spec.ts	
+++ b/src/frontend/tests/core/integrations/Vector Store.spec.ts	
@@ -129,12 +129,8 @@ test(
       .nth(1)
       .fill(process.env.ASTRA_DB_API_ENDPOINT ?? "");
 
-    await page
-      .getByTestId("popover-anchor-input-collection_name")
-      .nth(0)
-      .fill("test");
     const fileChooserPromise = page.waitForEvent("filechooser");
-    await page.getByTestId("icon-Upload").last().click();
+    await page.getByTestId("input-file-component").last().click();
     const fileChooser = await fileChooserPromise;
     await fileChooser.setFiles(
       path.join(__dirname, "../../assets/test_file.txt"),
@@ -155,13 +151,7 @@ test(
     await page.getByText("built successfully").last().click({
       timeout: 30000,
     });
-    await page.getByTestId("button_run_astra db").first().click();
-    await page.waitForSelector("text=built successfully", {
-      timeout: 60000 * 2,
-    });
-    await page.getByText("built successfully").last().click({
-      timeout: 30000,
-    });
+
     await page.getByText("Playground", { exact: true }).last().click();
     await page.waitForSelector('[data-testid="input-chat-playground"]', {
       timeout: 100000,