简介
@testing-library/user-event 是一个 npm 包，它提供了一些方法，用于模拟用户在浏览器中的交互操作，如鼠标点击、键盘输入等，可以用于编写前端测试用例。
安装
使用 npm 安装：
npm install --save-dev @testing-library/user-event
使用方法
基本使用
import {screen} from '@testing-library/dom'
import userEvent from '@testing-library/user-event'
it('should click button', () => {
const button = screen.getByRole('button', {name: 'Click me'})
userEvent.click(button)
})getByRole 方法用于查找具有给定角色的元素，上面的代码中查找了一个 role 为 button，并且需要显示文本为 Click me 的按钮元素；click 方法模拟用户点击这个按钮。
鼠标事件
click：模拟点击。
使用示例：
userEvent.click(element[, init])
clicks：模拟多次连续点击。
使用示例：
userEvent.click(element, {clickCount: 3})dblClick：模拟双击（两次点击）。
使用示例：
userEvent.dblClick(element)
rightClick：模拟右键点击。
使用示例：
userEvent.rightClick(element)
键盘事件
type：模拟键盘输入。
使用示例：
userEvent.type(element, text[, options])
clear：清空输入框中的文本。
使用示例：
userEvent.clear(element)
paste：模拟粘贴操作。
使用示例：
userEvent.paste(element, text)
upload：上传文件。
使用示例：
userEvent.upload(element, fileOrFiles)
其他事件
hover：模拟鼠标移入。
使用示例：
userEvent.hover(element)
scroll：模拟滚动。
使用示例：
userEvent.scroll(element, scrollX, scrollY)
总结
此时，我们已经学习了 @testing-library/user-event 的基本使用方法。对于前端开发者来说，编写测试用例通常非常重要，因为它会提高代码的质量、降低出错率，并加快开发速度。希望本篇文章能作为一个指导，帮助到前端开发者更好地使用 @testing-library/user-event 这个 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/testing-the-library-user-event