bug(COMPONENT): Tooltip not displaying on hover in headless/browser automation environment Ubuntu

[mayur-subhedar]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

Tooltip not displaying on hover in headless/browser automation environment. I tested it on chrome headless mode on UBUNTU . In windows chrome headless it is working fine but not on Ubuntu. And there is no issue with Test env setup. Please try to test you tooltips in headless mode of chrome browser on Ubuntu it will 100 % fail. I have raise same bug 2 days back but without triage it got closed

Previous bug: 31384

Reproduction

StackBlitz link:
Steps to reproduce:

1. Required OS and browser (Ubuntu+Chrome Headless)
2. Run automation script (Java+selenium) to validate tooltip on button by hovering on it
3. Script will fail as tooltip will not appear
   Page used to validate
   https://material.angular.dev/components/tooltip/overview

This is happening with only Angular tooltips and for other tooltips it is working. Even in screenshot we can't see tooltip on hover action

Tested on ENV/OS --> Ubuntu- Chrome in headless mode

Expected Behavior

Tooltip should appear

Actual Behavior

Tooltip is not appearing. I think DOM is also not updating on hover

Environment

Angular:
CDK/Material:
Browser(s): Chrome (Headless)
Operating System (e.g. Windows, macOS, Ubuntu): Ubuntu

[mayur-subhedar]

Please test this scenario 1st without closing this bug as my previous bug was directly closed.

#31384

If you need any help to replicate just let me know.

short summery: Create one script that will validate tooltip on hover using Java and Selenium driver. Run it in headless chrome on ubuntu machine.

[crisbeto]

I closed out #31384, because this is likely an issue with your setup. We have tons of internal tests running both Linux and Windows where the tooltip works fine.

[mayur-subhedar]

please test in headless mode in Ubuntu once