material uiのselectのテスト

Material UIでSelectつかうときにoption選択どうテスト書いて良いかわかんなかったので、調べた。

こんな感じで、リスト選択してwaitForで待ってgetByTextでoption指定すれば行けた。

code:ts

await user.click(

screen.getByRole('combobox'),

)

await waitFor(async () => await user.click(screen.getByText(/指定したいoptionです/i)))

MenuItemとか使ってるならgetByRole("option", {name: "option value"})で取得できる。

nativeの場合

native optionつけてる場合は、domに表示されてるとおもうのでtesting-libraryのuserEventからselectOptionsで選択すればいけると思う。