無法從特定的下拉菜單中選擇項目（文本）？

Question

目前，我正在嘗試與一個下拉菜單進行交互，該菜單僅在單擊后才顯示特定文本。

看下面的示例圖像：

<div class="" style="display: inline-block;">
<input autocapitalize="none" autocomplete="off" autocorrect="off" id="react-select-2-input" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" value="" style="box-sizing: content-box; width: 4px; background: 0px center; border: 0px; font-size: inherit; opacity: 1; outline: 0px; padding: 0px; color: inherit;"><div style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-size: 12px; font-family: sans-serif; font-weight: 300; font-style: normal; letter-spacing: normal; text-transform: none;">
</div>
</div>

從上圖可以看到，單擊元素時文本是可見的，但是當我檢查元素時，看不到任何下拉文本項？

我嘗試了以下方法：

• 單擊元素>然后使用鏈接文本
• 使用列表遍歷元素
• 單擊元素，然后嘗試發送密鑰
• 另外，我無法使用select，正如您從html代碼中看到的那樣，其構造有所不同。

有任何想法嗎？

Answer 1

一種選擇是：

yourOption = element(by.id('react-select-2-input')).
yourOption.Click();
yourOption.sendKeys(Keys.DOWN);
yourOption.sendKeys(Keys.RETURN);

HTML的某處也必須有一個列表，該列表中將具有可供選擇的選項。 它可能不是輸入的直接父項或子項。