fix: stabilize E2E tests for FormDropdown positioning

- Replace fragile CSS selectors with data-testid for trigger button
- Update appModeDropdownClipping to use getByTestId after Popover removal
- Change zoom test from 0.5 to 0.75 to avoid too-small click targets

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

browser_tests/fixtures/selectors.ts

@@ -101,7 +101,8 @@ export const TestIds = {
     increment: 'increment',
     domWidgetTextarea: 'dom-widget-textarea',
     subgraphEnterButton: 'subgraph-enter-button',
-    formDropdownMenu: 'form-dropdown-menu'
+    formDropdownMenu: 'form-dropdown-menu',
+    formDropdownTrigger: 'form-dropdown-trigger'
   },
   builder: {
     footerNav: 'builder-footer-nav',

browser_tests/tests/appModeDropdownClipping.spec.ts

@@ -4,6 +4,7 @@ import {
   comfyPageFixture as test,
   comfyExpect as expect
 } from '../fixtures/ComfyPage'
+import { TestIds } from '../fixtures/selectors'
 
 /**
  * Default workflow widget inputs as [nodeId, widgetName] tuples.
@@ -143,12 +144,12 @@ test.describe('App mode dropdown clipping', { tag: '@ui' }, () => {
     const dropdownButton = imageRow.locator('button:has(> span)').first()
     await dropdownButton.click()
 
-    // The unstyled PrimeVue Popover renders with role="dialog".
-    // Locate the one containing the image grid (filter buttons like "All", "Inputs").
-    const popover = comfyPage.appMode.imagePickerPopover
-    await expect(popover).toBeVisible({ timeout: 5000 })
+    const menu = comfyPage.page
+      .getByTestId(TestIds.widgets.formDropdownMenu)
+      .first()
+    await expect(menu).toBeVisible({ timeout: 5000 })
 
-    const isInViewport = await popover.evaluate((el) => {
+    const isInViewport = await menu.evaluate((el) => {
       const rect = el.getBoundingClientRect()
       return (
         rect.top >= 0 &&
@@ -159,7 +160,7 @@ test.describe('App mode dropdown clipping', { tag: '@ui' }, () => {
     })
     expect(isInViewport).toBe(true)
 
-    const isClipped = await popover.evaluate(isClippedByAnyAncestor)
+    const isClipped = await menu.evaluate(isClippedByAnyAncestor)
     expect(isClipped).toBe(false)
   })
 })

browser_tests/tests/vueNodes/widgets/load/formDropdownPosition.spec.ts

@@ -20,9 +20,7 @@ test.describe(
       const node = comfyPage.vueNodes.getNodeByTitle('Load Image')
       await expect(node).toBeVisible()
 
-      const trigger = node.locator(
-        'button:has(> span > span), button:has(i.icon-\\[lucide--chevron-down\\])'
-      )
+      const trigger = node.getByTestId(TestIds.widgets.formDropdownTrigger)
       await trigger.first().click()
 
       const menu = comfyPage.page.getByTestId(TestIds.widgets.formDropdownMenu)
@@ -50,7 +48,7 @@ test.describe(
     test('dropdown menu appears correctly at different zoom levels', async ({
       comfyPage
     }) => {
-      for (const zoom of [0.5, 1.5]) {
+      for (const zoom of [0.75, 1.5]) {
         // Set zoom via canvas
         await comfyPage.page.evaluate((scale) => {
           const canvas = window.app!.canvas
@@ -62,9 +60,7 @@ test.describe(
         const node = comfyPage.vueNodes.getNodeByTitle('Load Image')
         await expect(node).toBeVisible()
 
-        const trigger = node.locator(
-          'button:has(i.icon-\\[lucide--chevron-down\\])'
-        )
+        const trigger = node.getByTestId(TestIds.widgets.formDropdownTrigger)
         await trigger.first().click()
 
         const menu = comfyPage.page.getByTestId(
@@ -94,9 +90,7 @@ test.describe(
 
     test('dropdown closes on outside click', async ({ comfyPage }) => {
       const node = comfyPage.vueNodes.getNodeByTitle('Load Image')
-      const trigger = node.locator(
-        'button:has(i.icon-\\[lucide--chevron-down\\])'
-      )
+      const trigger = node.getByTestId(TestIds.widgets.formDropdownTrigger)
       await trigger.first().click()
 
       const menu = comfyPage.page.getByTestId(TestIds.widgets.formDropdownMenu)
@@ -109,9 +103,7 @@ test.describe(
 
     test('dropdown closes on Escape key', async ({ comfyPage }) => {
       const node = comfyPage.vueNodes.getNodeByTitle('Load Image')
-      const trigger = node.locator(
-        'button:has(i.icon-\\[lucide--chevron-down\\])'
-      )
+      const trigger = node.getByTestId(TestIds.widgets.formDropdownTrigger)
       await trigger.first().click()
 
       const menu = comfyPage.page.getByTestId(TestIds.widgets.formDropdownMenu)

src/renderer/extensions/vueNodes/widgets/components/form/dropdown/FormDropdownInput.vue

@@ -61,6 +61,7 @@ const theButtonStyle = computed(() =>
     "
   >
     <button
+      data-testid="form-dropdown-trigger"
       :class="
         cn(
           theButtonStyle,