Forum Discussion

ANHristov01's avatar
ANHristov01
Occasional Contributor
2 months ago

Button with "..." not completing selection - step stops after dropdown choice (Chrome & Edge)

Hello,

We are experiencing an issue when selecting buttons that open a dropdown menu - specifically the ones with "...". When TestComplete tries to click and select an option from that dropdown, it opens it and seems to pick the right step, but nothing changes afterward. It looks like the action is registered, yet the test does not continue with the next actions.

Environment:

Chrome 140.0.73399.208 (Official Build) (64-bit)
TestComplete 15.76.5 x64
Same behavior reproduced in Edge 140.0.3485.94 (Official Build) (64-bit)

Attachments:
Run_Test.mp4 - playback shows TestComplete marking the step as passed (green), but the website state does not change. 

Has anyone seen similar behavior or a configuration/workaround that forces TestComplete to execute the actual interaction (click/selection) instead of resulting in no UI change?

Best regards,
Aleksandar

9 Replies

  • rraghvani's avatar
    rraghvani
    Icon for Champion Level 3 rankChampion Level 3

    Once you clicked on the ellipsis, the menu popup appears. The menu item that you are clicking  afterwards, have you declared a name mapping for it? If yes, is TestComplete able to identify and highlight the correct menu item? What Keyword action are you performing to click on the menu item?

    • ANHristov01's avatar
      ANHristov01
      Occasional Contributor

      Hi rraghvani​ 

      To answer your questions:
      1) Yes, after clicking on the ellipsis button ("..."), the menu popup appears correctly.
      2) However, there is no specific name mapping created for the individual menu items, because TestComplete does not seem to detect or highlight them properly - it only detects the entire popup container.
      3) For the click action, we are using the "Click" keyword (standard keyword test action). The step appears as passed (green), but nothing changes in the UI.

      When inspecting through the Object Browser, the menu items are not recognized as separate clickable elements - only the general popup or browser window is shown.

      Do you think this could be related to how the dropdown is implemented (maybe as a dynamic overlay or shadow DOM element)? And is there a recommended way to make TestComplete identify those inner elements?

      • Hassan_Ballan's avatar
        Hassan_Ballan
        Icon for Champion Level 3 rankChampion Level 3

        To help troubleshoot the issue, you can use the "Point and Fix" feature in TestComplete's Object Spy. This works well for handling elements like disappearing dropdowns.

        When using the Object Spy, does a red frame appear around the objects as expected? If so, the Point and Fix option can capture useful details for analysis.

        Also, take a look at the TestComplete Run Log. It includes screenshots highlighting the UI object that the action interacted with and where the click occurred. Review this to confirm whether the object and click location match your expectations.

        Additionally, you can manually navigate to the desired menu item in the browser, right-click on it, and choose Inspect. This will bring up the corresponding HTML element in the DOM, which can help you understand the parent-child relationship of the element.

        From there, you can try crafting an XPath to identify the element. Test it in the browser console to ensure it returns a unique match. If it returns multiple results, check whether the first entry is actually the element you're targeting.

        🤖 AI-assisted response
        👍 Found it helpful? Click Like
        ✅ Issue resolved? Click Mark as Solution