Forum Discussion

Occasional Contributor

3 months ago

Solved

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

Run_Test.mp46.4 MB

web testing

rraghvani
3 months ago
When using the Record feature, TestComplete will create individual name mappings for each URLs -

https://www.w3schools.com/ https://www.w3schools.com/html/default.asp https://www.w3schools.com/css/default.asp https://www.w3schools.com/js/default.asp

You need to instruct TestComplete on how to identify UI objects correctly. In this instance, you can use wildcard, so the name mapping URL will become https://www.w3schools.com/*. There should be only one pageEPostbank.

If this is your first time using TestComplete, I do suggest you read through Object Identification as it's one of the most important parts of TestComplete, and to get right. Also, use appropriate ID's as opposed to indexes in "//button[14]".

From my experience, it's best to create name mappings first, for the UI controls you'll be interacting with - get the name mappings hierarchy/tree structure correct.

9 Replies

rraghvani
Champion Level 3
3 months ago
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
  Occasional Contributor
  3 months ago
  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?
  - rraghvani
    Champion Level 3
    3 months ago
    The keyword actions shown in the video, was that from "Record Keyword Test"? If yes, TestComplete may record the wrong actions being performed on the control, i.e. Click(). Try to change the method from Click() to ClickItem("Statements"), and see if that works.
    
    Popup menu items can be tricky to identify with the Object Spy tool, because as soon as the popup menu loses focus, it disappears. Since you are working with a web application, it's possible to change the "visible" property value of the popup menu, so that you can use the Object Spy tool - you will have to use the browsers' DevTools to do this to modify the HTML code.
    
    Here's an example,
    Popup is hiddenChanging the visibility property value, to make the popup appear