如何在Reaction-Testing-Library中获取具有名称属性的元素 [英] How to fetch element with 'name' attribute in react-testing-library

问题描述

我正在使用Reaction测试库和JEST测试我的Reaction应用程序。

并且我想知道如何在Reaction-Testing-Library中获取具有‘name’属性的元素。

例如，在下一页中，是否可以使用"；用户名"；来获取此元素？

<input type="text" name="userName" />

还是应该将data-testId设置到元素中并使用getByTestId方法？

return (
  <div>
    <input type="text" name="userName" />
  </div>
)

推荐答案

可以使用返回的container。container是一个DOM节点，支持querySelector method，后者接受一个用于查找元素的CSS选择器。方法与this more detailed answer相同。

例如：

const { container } = render(<MyComponent />);
const inputEl = container.querySelector(`input[name="userName"]`);

这篇关于如何在Reaction-Testing-Library中获取具有名称属性的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！