Skip to content

Latest commit

 

History

History
35 lines (26 loc) · 1.05 KB

ecosystem-jasmine-dom.mdx

File metadata and controls

35 lines (26 loc) · 1.05 KB
id title
ecosystem-jasmine-dom
jasmine-dom

jasmine-dom is a companion library for Testing Library that provides custom DOM element matchers for Jasmine

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

Then follow usage section from jasmine-dom's documentation to add the matchers to 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()

:::caution When using some of these matchers, you may need to make sure you use a query function (like queryByTestId) rather than a get function (like getByTestId). Otherwise the get* function could throw an error before your assertion. :::

Check out jasmine-dom's documentation for a full list of available matchers.