我正在使用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"]`);