リストをクリックしないと進まないページでのスクレイピング

Question

実現したいこと

閲覧頂き、ありがとうございます。
visaのサイトから特定日の為替レートを取得するため
開発しています。

Python初心者ですが、皆様のお知恵をお借りしながら
何とか１歩ずつ進めております。

前提

■対象サイト
https://usa.visa.com/support/consumer/travel-support/exchange-rate-calculator.html

上記サイトにて為替レートの情報を得るには
「Calculate Conversion」のボタンをクリックする前に
「from」「to」の通貨をマウスにてクリックして選択する必要があります。

ActionChainsで「from」のボタンをクリックし
上記リストを表示させるところまではできるのですが、
その後に表示されるリストをマウスでクリックさせる方法が
見当たらず躓いています。

ここでsend_keys('USD')などで入力してしまうと、
最後の「Calculate Conversion」をクリックした段階で
エラーとなるので、リストからマウスでのクリックで
進める必要があると考えています。

該当のソースコード

from selenium import webdriver
!pip install webdriver_manager
from time import sleep
from webdriver_manager.chrome import ChromeDriverManager

#ブラウザで対象ページを開く
browser = webdriver.Chrome(ChromeDriverManager().install())
url = ('https://usa.visa.com/support/consumer/travel-support/exchange-rate-calculator.html')
browser.get(url)
sleep(4)


from selenium.webdriver.common.by import By


#Cookie同意ボタンをクリック
elem_ok_btn = browser.find_element(By.XPATH, '//*[@id="CookieReportsBanner"]/div[1]/div[2]/a[1]')
elem_ok_btn.click()

#Fromのボックスを取得しUSDを入力
from_coin = browser.find_element(
    By.XPATH, "//dm-calculator"
).shadow_root.find_element(By.ID, "autosuggestinput_from")
from_coin.send_keys('USD')

#Toの項目を取得しJPYを入力
to_coin = browser.find_element(
    By.XPATH, "//dm-calculator"
).shadow_root.find_element(By.ID, "autosuggestinput_to")
to_coin.send_keys('JPY')

#Amountのボックスを取得し100入力（要素がshadow-rootに含まれるので取得の仕方を工夫）
amount = browser.find_element(
    By.XPATH, "//dm-calculator"
).shadow_root.find_element(By.ID, "input_amount_paid")
amount.send_keys('100')

#Editの要素を取得
edit_btn = browser.find_element(
    By.XPATH, "//dm-calculator"
).shadow_root.find_element(By.CSS_SELECTOR, "button.vs-link-cta.vs-calculator-edit-link")
edit_btn.click()

#tran_dateを取得
tran_date = browser.find_element(
    By.XPATH, "//dm-calculator"
).shadow_root.find_element(By.ID, "dateinput_date")

sleep(4)
tran_date.clear()
sleep(4)
tran_date.send_keys('12/01/2022')
sleep(4)
tran_date.clear()
sleep(4)
tran_date.send_keys('12/01/2022')

#Fromのプルダウン選択
from_list = browser.find_element(
    By.XPATH, "//dm-calculator"
).shadow_root.find_element(By.CSS_SELECTOR, "button.vs-btn.vs-btn-dropdown-icon")
from_list.click()

補足情報（FW/ツールのバージョンなど）

Python 3.11.1　
selenium 4.7.2
jupyter lab

Answer 1

リスト内の任意の値の要素を開発者ツールのエレメントピッカーで取得します。
その要素を他の要素同様セレクタで指定して要素を取得、クリックを実行します。
たとえば USD を選択したいなら、shadow root 内の li#listbox-item-0 です。これを取得してクリックします。

Answer 2

HTMLのselectタグとかじゃなくてJavaScriptで出しているメニューであれば、JavaScriptを解析してクリックした時にどうなるかを調べて、それと同じ結果になるように要素を操作したりJavaScriptコードを実行したりします。
面倒くさいです。