Any Verification Logic for Moude hover menu

[Chakravarthy]

Hi Telerik team,

I have an  sceanrio need to check the display items in menu2 which will displayed by mouse hover on menu1, Please let me know can we use any verfication logic for the same. Please find the attached screen shot for the similar kind of UI screen.


Regards,
Kalyan Uppalapati

[Stoich]

Hello Chakravarthy,
    1) You can add a Hover-over actions from WebUI's GUI. Here's how you do it:
start your recorder and enable Highlighting from the menu in the bottom-right corner. Now try hovering your mouse over the menu element (i.e. the element that expands the drop-down menu).

The elements will become highlighted do that. If you linger your mouse over an element for a few seconds a nub will appear (screenshot 1). Click on the nub. From the pop-up menu that comes up choose Mouse Actions (bottom-middle button). You'll find the Hover-over action on the bottom of the list. You have two options - to choose the the center of the element as the hover-over "target" or manually pick a position in the browser. Center is what you need.

2) Add a Verification step. Expand the drop down, highlight an element contained there and open the pop-up menu. From Quick Tasks add a "WaitForElements is visible" step. This will test whether the menu expands on hover-over.

3) Add Verification steps. Expand the drop down and highlight the element "Entity Type" for instance. Open the pop-up menu. From Quick Tasks choose "Verify text contains 'Entity Type' ". This will add a Verification step to your test that will effectively check whether this specific element exists. Do this for all the element in the drop-down.

Let me know if you have any other questions!

Regards,
Stoich
the Telerik team

[Chakravarthy]

Hi Stoich,

    Thanks for your Reply. I have tried with below steps and i was not able to resolve this issue. When Mouse is hovered on menu1 the menu2 is appearing and when i hovered mouse on any item in menu2 the nub is appearing(screenshot 1) till her it is fine. But when i clicked on nub the the sub menu is disappearing (as in screenshot2). Hence i was not able to record verification step for the item in sub menu.

Regards,
Kalyan Uppalapati,

[Stoich]

Hello Chakravarthy,
    this is not a problem. Even though the drop-down is no longer visible, you can still record the Verification. Just click on the nub and that will bring up the pop-up menu. From there you can add the Verifications you need - WebUI Test Studio will know those Verification are for the (now invisible) menu element.

Let me know how it goes!

Greetings,

Stoich

the Telerik team

[Stoich]

Hello again,
   I have to apologize - I've mislead you on this!

In my previous post I stated that it's not a problem that the menu disappears. However, as it turns out I was incorrect. It is a problem and you can't record Verifications for this menu the "normal" way. Instead your only option to handle this is to manually open DOM explorer, locate the menu element (maybe by text), right click on it and select Element Menu. Then you can add the verification you wanted in the first place. Very manual but workable.

You can bring-up the Dom Explorer from the menu in the upper-right corner (screenshot 1).

Also, another potential problem:
The menu might be dynamically generated and inserted into the DOM such that WebUI doesn’t see the menu elements during recording.

I hope this helps!

Kind regards,

Stoich

the Telerik team