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

[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 . You can try on WSL. In windows chrome headless it is working fine but not on Ubuntu

Reproduction

StackBlitz link:
Steps to reproduce:

1. Install WSL and UBUNTU or directly try on ubuntu
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

[crisbeto]

This is likely an issue with your test setup. We offer test harnesses for the tooltip that work both in unit and e2e tests.

[mayur-subhedar]

Hello @crisbeto , It is working in windows but not on ubuntu chrome in headless more. You can verify that. I am not doing any setup I am just using selenium methods to hover on buttons.