React Jest中如何通过ID选择input元素？

你的代码存在两个关键问题：

• Radio类型的input元素，对应的ARIA role是radio，而非input
• hasAttribute()方法返回的是布尔值，而userEvent.click()需要传入DOM元素，你相当于在尝试点击一个布尔值，所以无法生效

下面是几种正确的实现方式：

方法1：使用getByRole结合ID筛选（推荐） #

这符合Testing Library优先使用语义化查询的原则：

userEvent.click(screen.getByRole('radio', { id: 'input-id' }));

方法2：直接通过ID获取元素 #

如果你更倾向于直接用ID查询，也可以使用原生DOM方法：

userEvent.click(document.getElementById('input-id'));

方法3：结合name属性筛选（如果name有明确语义） #

因为你的input有name="protocol"，也可以这样写：

userEvent.click(screen.getByRole('radio', { name: 'protocol' }));

补充：如果这个radio有对应的<label>元素，更推荐使用screen.getByLabelText('你的标签文本')，这是Testing Library最推荐的查询方式，更贴近用户实际操作逻辑。

内容的提问来源于stack exchange，提问作者Harika