跳至主要内容

jasmine-dom

jasmine-dom 是一个用于测试库的配套库,它为 Jasmine 提供自定义 DOM 元素匹配器

npm install --save-dev @testing-library/jasmine-dom

然后按照 使用部分 来自 jasmine-dom 文档将匹配器添加到 Jasmine 中。

<span data-testid="not-empty"><span data-testid="empty"></span></span>
<div data-testid="visible">Visible Example</div>

expect(screen.queryByTestId('not-empty')).not.toBeEmptyDOMElement()
expect(screen.getByText('Visible Example')).toBeVisible()

注意:使用这些匹配器中的某些匹配器时,您可能需要确保使用查询函数(如 queryByTestId)而不是获取函数(如 getByTestId)。否则,get* 函数可能会在您的断言之前抛出错误。

查看 jasmine-dom 文档 获取可用匹配器的完整列表。