jasmine-dom
jasmine-dom は jasmine 用のカスタム DOM 要素マッチャーを提供する、テスト ライブラリのコンパニオン ライブラリです
- npm
- Yarn
npm install --save-dev @testing-library/jasmine-dom
yarn add --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()
注: これらのマッチャーの一部を使用する場合は、
getByTestIdなどのget関数ではなくqueryByTestIdなどのクエリ関数を使用する必要がある場合があります。get*関数はアサーションの前でエラーをスローする可能性があります。
利用可能なマッチャーの完全なリストについては jasmine-dom マニュアル を参照してください。