[switch] Fix incorrect role with slotProps.input

[mj12albert]

Can be observed in the docs - they all incorrectly expose role="checkbox"

• I have followed (at least) the PR section of the contributing guide.

[code-infra-dashboard]

Deploy preview

https://deploy-preview-48469--material-ui.netlify.app/

Bundle size

Bundle	Parsed size	Gzip size
@mui/material	▼-24B(0.00%)	▼-9B(-0.01%)
@mui/lab	0B(0.00%)	0B(0.00%)
@mui/private-theming	0B(0.00%)	0B(0.00%)
@mui/system	0B(0.00%)	0B(0.00%)
@mui/utils	0B(0.00%)	0B(0.00%)

Details of bundle changes

---

Check out the code infra dashboard for more information about this PR.

[ZeeshanTamboli]

Am I missing anything? I can't see role="checkbox" in the docs: https://mui.com/material-ui/react-switch/ demos

[mj12albert]

Am I missing anything? I can't see role="checkbox" in the docs: https://mui.com/material-ui/react-switch/ demos

[ZeeshanTamboli]

I am confused. I had added role="switch" in #46482. Did anything change after that?

[mj12albert]

Did anything change after that?

Seems it's a regression from #48059 – slotProps.input replaces the whole internal input slot props object, so the role is lost whenever slotProps.input is involved

[ZeeshanTamboli]

slotProps.input replaces the whole internal input slot props object, so the role is lost whenever slotProps.input is involved

How do the other tests with getByRole("switch") still work? Just trying to understand here. Is this issue only when slotProps.input is provided? If yes, I don't see role="switch" in the docs for demos without slotProps.input.

[silviuaavram]

@ZeeshanTamboli I think @mj12albert is fixing the case when slotProps is passed. The tests that have getByRole="switch" don't have it passed.

[mj12albert]

Yep, many demos are spreading it like this:

const label = { slotProps: { input: { 'aria-label': 'Switch demo' } } };

<Switch {...label} defaultChecked />

Which isn't visible in the preview snippet so it's easy to miss that those are actually passing slotProps.input as well

[ZeeshanTamboli]

Got it now. Thanks!

It’s a regression from #46482, where with slotProps.input it didn't add role="switch"—not from #48059.

[github-actions]

Cherry-pick PRs will be created targeting branches: v7.x