Javascript 在带有getByDisplayValueText的react测试库中找不到按钮

Javascript 在带有getByDisplayValueText的react测试库中找不到按钮,javascript,reactjs,react-testing-library,testing-library,Javascript,Reactjs,React Testing Library,Testing Library,我有一个简单的组件,有3个按钮。我想找到按钮并使用react测试库模拟单击。问题是我无法通过下面的代码找到测试中的第一个按钮。 考虑到我有一个按钮 value=“All” 另一个按钮的文本为“completed”。我可以找到第二个按钮(我无法更改第一个按钮的代码) document.body.innerHTML=` 完整的 进行中 多重测试 多重测试`; screen.debug(); screen.debug(screen.getByDisplayValueText('All'));-->不起

我有一个简单的组件,有3个按钮。我想找到按钮并使用react测试库模拟单击。问题是我无法通过下面的代码找到测试中的第一个按钮。 考虑到我有一个按钮
value=“All”
另一个按钮的文本为
“completed”
。我可以找到第二个按钮(我无法更改第一个按钮的代码)

document.body.innerHTML=`
完整的
进行中
多重测试
多重测试`;
screen.debug();
screen.debug(screen.getByDisplayValueText('All'));-->不起作用
screen.debug(screen.getByText('Completed'));--->作品
screen.debug(screen.getByDisplayValueText('All'));-->不起作用

您有.getByDisplayValue文本,并且应该有.getByDisplayValue(不带“文本”)

document.body.innerHTML = `
<button value="All" />
<button>Completed<button/>
<button>in progress<button/>
<span>multi-test</span>
<div>multi-test</div>`;

screen.debug();
screen.debug(screen.getByDisplayValueText('All'));  ---> doesn't work
screen.debug(screen.getByText('Completed'));  ----> works 
getByDisplayValue(
  container: HTMLElement,
  value: TextMatch,
  options?: {
    exact?: boolean = true,
    normalizer?: NormalizerFn,
  }): HTMLElement