react-testing-library material-ui滑块

Question

我正在尝试为material-ui滑块创建一个测试。能够找到滑块选项，但fireEvent.click()不触发onChange事件。示例在这里：https://codesandbox.io/s/material-demo-y62ks

Answer 1

我去派对迟到了，但对某些人来说。

使用fireEvent.mouseDown(option1);它应该可以工作，我在codesanbox链接中测试了它。

对于将来还想测试滑块的人，请看我的答案：Testing a material ui slider with @testing-library/react

Answer 2

无论何时测试MUI组件，都必须使用userEvent，而不是fireEvent，因为大多数MUI组件不使用像onClick这样的“标准”函数来触发事件。

userEvent最好地模拟用户的操作。您可以从"@ event library/ user-event“导入。