javascript - 使用 getByDisplayValueText 在反应测试库中找不到按钮

Question

我有一个简单的组件，它有 3 个按钮。我想通过使用反应测试库找到按钮并模拟点击。问题是我无法通过下面的代码在我的测试中找到第一个按钮。考虑到我有一个按钮 value="All" 和另一个按钮"completed"作为文本。我可以找到第二个按钮（我无法更改第一个按钮的代码）

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 

Answer 1

screen.debug(screen.getByDisplayValueText('All')); ---> doesnt work

你有 .getByDisplayValue文本并且应该有 .getByDisplayValue （没有“文本”）。

https://testing-library.com/docs/dom-testing-library/api-queries

getByDisplayValue(
  container: HTMLElement,
  value: TextMatch,
  options?: {
    exact?: boolean = true,
    normalizer?: NormalizerFn,
  }): HTMLElement