Question

我正在为出现错误的 React 代码编写测试

Unable to find an element by: [data-testid="primary-cta"]

我实际上希望这是针对页面中未显示按钮的负面测试用例

const renewButton = getByTestId('primary-cta');
expect(renewButton).not.toBeInTheDocument();

所以我使用“not.toBeInTheDocument();” ，但我收到错误

有人可以帮忙吗？

提前致谢

Answer 1

如果元素可能不存在，您可以使用 queryByTestId。如果未找到该元素，则 queryBy* 方法返回 null。

getBy* 方法会在没有匹配元素的情况下抛出错误。因此，您会遇到错误。