反应测试库材料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 最好地模拟了用户的操作。您可以从“@ testing-library / user-event”导入。