Как получить значение элемента span с помощью testid, используя библиотеку тестирования реакции?

Question

Я хочу получить значение элемента span, используя библиотеку тестирования реакции.

Что я пытаюсь сделать?

У меня есть элемент span, как показано ниже, с некоторым значением

render = () => {
    const count = 2;
    return (
        <span data-test-id="test-span">
            {count}
        </span>
     )
 }

Теперь в моем тесте я обращаюсь к элементу, как показано ниже,

const span_element = getByTestId('test-span');

Но я не уверен, как получить его значение.

Я пробовал использовать span_element.value, но говорит, что "значение свойства не существует на HTMLElement"

Как я могу это исправить. Может ли кто-нибудь помочь мне с этим. Спасибо.

Answer 1

Что вам нужно, так это текстовое содержимое элемента DOM:

const spanTextContent: string = getByTestId('test-span').textContent;

См .: https://developer.mozilla.org/en/docs/Web/API/Node/textContent

«значение» обычно относится к атрибуту значения некоторых элементов, таких как входные данные, и вы можете получить его так:

const inputValue: string = getByTestId('refers-to-input').getAttribute('value');

https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute