✨ (index.tsx): add data-testid attribute to anchor element for testin…

…g purposes 🔧 (userSettings.spec.ts): update test to use correct data-testid attribute value for anchor element
langflow-ai · Oct 25, 2024 · 07c3651 · 07c3651
1 parent 3c1a1c5
commit 07c3651
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/frontend/src/components/inputComponent/components/popover/index.tsx b/src/frontend/src/components/inputComponent/components/popover/index.tsx
@@ -64,6 +64,7 @@ const CustomInputPopover = ({
     <Popover modal open={showOptions} onOpenChange={setShowOptions}>
       <PopoverAnchor>
         <div
+          data-testid={`anchor-${id}`}
           className={cn(
             "primary-input border-1 flex h-full min-h-[43px] flex-wrap items-center px-3 placeholder:text-placeholder",
             editNode && "min-h-7 p-0",

diff --git a/src/frontend/tests/extended/features/userSettings.spec.ts b/src/frontend/tests/extended/features/userSettings.spec.ts
@@ -13,7 +13,7 @@ test("should see general profile gradient", async ({ page }) => {
   await page.waitForTimeout(1000);
 
   await page.getByText("Settings").click();
-  await page.waitForTimeout(3000);
+  await page.waitForTimeout(2000);
 
   await page.getByText("General").nth(2).isVisible();
   await page.getByText("Profile Gradient").isVisible();
@@ -35,7 +35,7 @@ test("should interact with global variables", async ({ page }) => {
   await page
     .getByPlaceholder("Insert a name for the variable...")
     .fill(randomName);
-  await page.getByTestId("popover-anchor-type-global-variables").click();
+  await page.getByTestId("anchor-popover-anchor-type-global-variables").click();
   await page.getByPlaceholder("Search options...").fill("Generic");
   await page.waitForTimeout(1000);
   await page.getByText("Generic", { exact: true }).last().isVisible();