Validating ToolTip in Edge/Chrome

Ask general questions here.
zapjok
Posts: 4
Joined: Thu Mar 16, 2023 10:52 am

Validating ToolTip in Edge/Chrome

Post by zapjok » Thu Mar 16, 2023 2:41 pm

Hi everyone,

I would want to validate a tooltip that appears after hovering mouse over a link that has title attribute. In FireFox it appears under form element and I was able to add it to repository as it follows:
/form[@processname='firefox' and @accessiblerole='ToolTip' and @accessiblestate~'ReadOnly']
Text is also reachable, so I can validate it.

However, in Edge/Chrome when I hover over the link and the tooltip appears, I can only see a container element appearing without any kind of details, child element, or text within. Attached are the screenshots of the new element appearing in Ranorex Spy, directly under Host.

Do you have info about, if its possible to add and validate text of a tooltip in Chrome/Edge with the following versions?
Ranorex Version: 10.2.2 (32-bit)
Chrome version: Version 111.0.5563.65 (official build) (64-Bit)
Edges version: Version 111.0.1661.41 (official build) (64-Bit)

Thank you in advance,
Zoltan
You do not have the required permissions to view the files attached to this post.

mrt
Posts: 259
Joined: Mon Mar 16, 2020 11:31 am

Re: Validating ToolTip in Edge/Chrome

Post by mrt » Thu Mar 16, 2023 4:00 pm

Without having a snapshot for deeper insight it is hard to tell.

Usually I can validate tooltips fine in Chrome, but there are tons of different implementations of tooltips out there...
Your container is named "dropdown".
So this looks like the element is a dropdown (maybe the one you are hovering on?), and not a tooltip

What you could try is to open Chrome DevTools console (F12) and watch the DevTools while you hover onf/off the element, most likely you will see the tooltip showing and disappearing.

zapjok
Posts: 4
Joined: Thu Mar 16, 2023 10:52 am

Re: Validating ToolTip in Edge/Chrome

Post by zapjok » Fri Mar 17, 2023 5:30 pm

Thank you for the tips, I will give it a go!

zapjok
Posts: 4
Joined: Thu Mar 16, 2023 10:52 am

Re: Validating ToolTip in Edge/Chrome

Post by zapjok » Mon Mar 27, 2023 12:55 pm

Unfortunately I have not seen any change in DevTools, so this could be a browser related implementation, nothing changes in HTML

I cannot provide an in-depth snapshot, but the same "tooltip" / "popup" appeares on many sites, for example on https://www.wikipedia.org/ when you hover over a language (I picked English on the provided screenshots)

When I hover over "English" and tooltip appeares a new element also added in Ranorex Spy in Firefox: Form 'English - Wikipedia - The Free Encyclopedia' / ToolTip 'English - Wikipedia - The Free Encyclopedia'

But in Chrome, only this container 'dropdown' is added.

Firefox element has Text attribute, so in Firefox it's possible to check if this popup/tooltip is visible and verify it's text content. I would want to verify the content of such tooltips/popups in Chrome, and now I'm really not sure if that is possible.
You do not have the required permissions to view the files attached to this post.