[Tooltip] Tooltip title prop has been changed to aria_label in the rendered component.

[vladblaj]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Steps:
Passing title prop to Tooltip will actually be transformed to aria_label in the children component. In MUI v4 rendered children components would have the title attribute.

Expected behavior 🤔

Children components of Tooltip should have the title prop.

Steps to reproduce 🕹

Steps:

1. Go to https://codesandbox.io/s/o4oeq?file=/demo.js (default MUI5 Tooltip example)
2. Inspect source of React Button Component
3. Title prop is now aria_label

Context 🔦

I had a lot of Reacts tests using getByTitle which now fail.

Your environment 🌎

`npx @mui/envinfo`

System: OS: macOS 11.6 Browsers: Chrome: 95.0.4638.69

[ahmad-reza619]

You could set the describeChild props to true in your ToolTip component, but I know that's a bit chore. The cause for this is this line https://github.com/mui-org/material-ui/blob/6af5ac9bd062fab467a7ffb3bf67f054b0d5f474/packages/mui-material/src/Tooltip/Tooltip.js#L521

describeChild defaults to false, you can take a look at #22729 for the reason

[vladblaj]

Hi,
Thanks for the tip, I will make use of describeChild.