如何使用反应测试库获取带有testid的span元素的值？

Question

我想使用react testing库获取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元素的文本内容：

$

请参阅：https://developer.mozilla.org/en/docs/Web/API/Node/textContent

“值”通常是指某些元素（例如输入）的值属性，您可以这样检索它：

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

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