すべてのカテゴリ

Testing Library は、JavaScriptやReactなどのフロントエンド開発で使われる「UIテスト用ライブラリ」の総称です。React Testing Library など、特定のフレームワーク向けのパッケージも用意されていますが、共通して 「ユーザー視点でのテスト」 を重視している点が特徴です。ユーザー視点でのテストとは従来のテストでは、コンポーネントの内部実装（例えば特定のクラス名や内部状態）に依存してテストすることが多くありました。しかし UI は実装方法が変わりやすく、内部構造に依存したテストは少しの変更で壊れてしまう弱点があります。Testing Library はこれを避け、以下のように「実際のユーザーが操作する方法」に近い形でテストを行います。画面に表示されるテキスト を探してクリックや入力を行うボタンやフォームの動作 をそのままシミュレートする結果として、「見た目や動作が本当にユーザーの期待どおりか」に焦点を当てたテストが書けます。主な特徴とメリットフレームワークに依存しない設計Reactだけでなく、VueやAngularなど他のフレームワークでも同じ思想で利用できます。保守性が高い内部のクラス名やDOM構造が変わっても、ユーザーが見るテキストやラベルが変わらない限りテストが壊れにくいです。アクセシビリティに強い役割（role）やラベルを使ったテストを推奨しており、自然とアクセシビリティの高いUI設計を促します。使われる場面ReactやVueなどで作ったコンポーネントやページの表示・動作確認入力フォームやボタンのクリックなど、ユーザー操作の自動テ