Не могу найти кнопку в библиотеке тестирования реакции с помощью 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

У вас есть.getByDisplayValueText и должно быть.getByDisplayValue (без "Text").

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

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