React Testing Library 无法通过role属性定位锚点link元素问题

问题原因 #

• 按照可访问性规范要求，<a> 标签只有携带有效 href 属性时，才会被自动识别为 link 角色；无 href 的空 <a> 标签不会被分配链接角色，自然无法用 getByRole('link') 匹配到。
• 从 screen.debug() 的输出可以看到，最终渲染的 <a> 标签没有 href 属性，说明你代码中用到的 SOME_URL 变量在测试运行环境下为未定义、空值，或者没有被正确注入，导致渲染时 href 属性被丢弃。

修复建议 #

• 优先检查测试运行时的变量配置，确保 SOME_URL 被正确赋值。
• 如果测试不需要关心实际跳转逻辑，可以给 href 赋值 # 这类占位值，保证属性正常存在即可。
• 临时兜底可以用其他选择器定位，比如 screen.getByTagName('a')，但更推荐优先修复 href 属性问题，符合可访问性测试的最佳实践。

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