Не могу найти кнопку в библиотеке тестирования реакции с помощью getByDisplayValueText

У меня есть простой компонент с 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

reactjs javascript react-testing-library testing-library
person Roxana xerces    schedule 18.02.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

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

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

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