如何使用测试库用户事件模糊输入字段？

Question

如何使用

@testing-library/user-event

模糊输入字段？我知道有

fireEvent.blur

，但是还有

userEvent

的替代品吗？

Answer 1

您可以模拟

Tab

按键来模糊当前聚焦的输入字段。例如：

const input = await screen.findByLabelText(/username/i)

await userEvent.type(username, 'johndoe[Tab]')

这将在输入字段中输入

johndoe

，然后点击 Tab 按钮，使该字段失去焦点。