如何使用反应测试库检查跨度元素的值是否等于另一个值？

Question

我想测试 span 元素的值是否等于另一个常量。

我想做什么？

我有一个如下所示的 span 元素

render = () => {
    const compare_value = 5
    const span_value = 5
    return (
         <span data-test-id="test">{span_value}</span>
    );
}

现在在我的测试中我这样做

const span_element = getByTestId('test');
const value = span_element.innerHTML //this value is "5" a string

expect(value).toBe(compare_value);

在 expect 语句中出现错误 object.isequality

我收到此错误，因为值是字符串“5”并且比较值是整数 5。

我该如何解决这个问题。有人可以帮我解决这个问题吗？我想测试 spanelement 的值是否等于 compare_value.

谢谢。

Answer 1

将其中一个值（value 或 compare_value）转换为字符串。

String(compare_value)
//or
compare_value.toString()

How to check if the value of the span element is equal to another value using react testing library?