[test] Migrate NativeSelectInput to react-testing-library

[baterson]

Replaces enzyme for react-testing-library in the <NativeSelectInput/>

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

#22911

[baterson]

I'm not sure if I should update this test case since it doesn't use shallow

https://github.com/mui-org/material-ui/blob/d9d60e615470d78a721f5d392a84aaf892637a17/packages/material-ui/src/NativeSelect/NativeSelectInput.test.js#L48-L61

[oliviertassinari]

TabIndicator already handled in #22906

[baterson]

TabIndicator already handled in #22906

Ok. So I'm gonna remove it from this PR

[mui-pr-bot]

No bundle size changes comparing d9d60e6...e43681e

Generated by 🚫 dangerJS against e43681e

[oliviertassinari]

If we can remove both shallow and mount enzyme tests, it would be ideal.

[baterson]

@oliviertassinari I tried to replace mount with render but it doesn't work. target.value has a null value for some reason.
Maybe you know what caused the problem?

 it('should respond to update event', () => {
    const handleChange = spy();
    const { container } = render(
       <NativeSelectInput {...defaultProps} onChange={handleChange}>
             <option value={10}>Ten</option>
             <option value={20}>Twenty</option>
             <option value={30}>Thirty</option>
       </NativeSelectInput>,
  );

    fireEvent.change(container.firstChild, { target: { value: 20 } });
    expect(handleChange.callCount).to.equal(1);
    // target.value has a null value for some reason
    expect(handleChange.args[0][0].target.value).to.equal(20);
 });

[eps1lon]

@baterson Thanks!