reactjs - 如何使用 Watir 自动化 Reactjs 下拉自定义元素

Question

<div class="MuiPaper-root MuiMenu-paper">
<ul class="MuiList-padding" role="listbox" tabindex="-1"  id="sort-by-menu-list" data-testid="sort-by-menu-list">
<li class="MuiButtonBase" data-value="HELDBY">option1</li>
<li class="MuiButtonBase" data-value="DATE_D">option2</li>
<li class="MuiButtonBase" data-value="DATE_A">option3</li>
</ul>
</div>

我如何选择一个选项？我确实尝试过

@browser.element(id: "sort-by-menu-list").set("option1")
@browser.element(id: "sort-by-menu-list").send_keys :enter

他们都没有工作