【React】Testing Libraryのロール名のメモ

Testing Libraryでロール名が分からないときがあったので書き留めておく

h1~h6タグ

const xxx = screen.getByRole('heading');
expect(xxx).toBeInTheDocument();

buttonタグ

const xxx = screen.getByRole('button');
expect(xxx).toBeInTheDocument();

inputタグ　テキストボックス

const xxx = screen.getByRole('textbox');
expect(xxx).toBeInTheDocument();

inputタグ　ラジオボタン

const xxx = screen.getByRole('radio');
expect(xxx).toBeInTheDocument();

inputタグ　チェックボックス

const xxx = screen.getByRole('checkbox');
expect(xxx).toBeInTheDocument();

liタグ

const xxx = screen.getAllByRole('listitem');
expect(xxx).toBeInTheDocument();

liは基本的には複数存在するので、getAllByRoleとします。

主に使いそうなのはここら辺でした。
参考はこちら