環境のものを想定してます。コンポーネントレンダリング@testing-library/reactからrenderをインポートしてきて使います。大体はこの関数によりレンダリングしてから色々テストすることになります。...});renderはRenderResultを返しますが、これは色々なものが詰まったオブジェクトです。構造でレンダリングされたか確認したい時に便利なものです。</body>引数としてbaseElementが渡せます。</div>containerレンダリングする要素の入れ物となるコンポーネントです。デフォルトでは<div>で囲まれます。spanの構造でレンダリングされる)入れ物はrender時にオプションを指定することで変更可能です。</button>//</article>Queries要素を取得するための様々なヘルパーです。get.*、find.*、query.*から始まるメソッドが多数用意されてます。これらの違いはgetとfindは必ず要素が無ければ駄目で、queryは無くても良い点大きく違う点です。Allと付くヘルパー(例えばgetAllBy.*)は単体ではなく配列で返すようになります。ByまたはAllByの後ろに決められたサフィックス(手段名)を付けることで、その手段で要素を取得します。検索文字は絶対マッチでも良いですが、/foo/iのような正規表現でもマッチさせれます。手段には以下のようなものがあります。LabelTextは以下のようなケースの<label>を取得します。input[aria-labelledby]PlaceholderTextはplaceholder属性を持つ要素を取得します。[placeholder]Textはそのテキストを持ってる要素を取得します。{text}AltTextはalt属性を持つ要素を取得します。タイトルとマッチした要素を取得します。titleDisplayValueは入力系の要素に現在入ってる値にマッチした要素を取得します。option[selected]Roleは要素の役割にマッチした要素を取得します。デフォルトロールはmomdo.github.io/html-aria/#document-conformance-requirements-for-use-of-aria-attributes-in-htmlが参考になります。[role]TestIdはdata-testid属性を持つ要素を取得します。[data-testid]rerenderrerenderはそのコンポーネントを再レンダリングできます。これは(下記の)fireEventなどでコンポーネント内部の状態が変わった時にそれを反映させれます。以下はレンダリング後はテキスト要素があるが、再レンダリング後は無くなっている事をテストしている例です。環境から取り除きます。弄っている場合、その後処理がちゃんとできているかなどの確認に使えます。...fireEvent.click(getByRoke('button'));。