【Python selenium】ドロップダウンがクリックできません！

Question

前提・実現したいこと

https://electronics.sony.com/tv-video/televisions/all-tvs/p/xr77a80j
こちらのソニーストアのサイトで、ドロップダウンをクリックして、レビューを最新順(Most Recent)に並べ替えたいのですが、エラーがでます。

発生している問題・エラーメッセージ

画面上で表示されていないとの事です。
画面を移動(move_by_offset)させてもエラーが出てました。

ElementNotInteractableException: Message: element not interactable: Element is not currently visible and may not be manipulated (Session info: chrome=93.0.4577.82)

該当のソースコード

import bs4
import requests
import textwrap
import time
import datetime
from selenium import webdriver
from webdriver_manager.chrome import ChromeDriverManager
from selenium.webdriver.chrome.options import Options
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.ui import WebDriverWait
from selenium.common.exceptions import TimeoutException
from selenium.webdriver.support.select import Select

options = Options()
options.add_argument('--headless')
driver = webdriver.Chrome(ChromeDriverManager().install())
url = 'https://electronics.sony.com/tv-video/televisions/all-tvs/p/xr77a80j'

driver.set_page_load_timeout(8)
try:
    driver.get(url)
    time.sleep(2)
except TimeoutException:
    pass
driver.implicitly_wait(5)


arrow = driver.find_element_by_class_name('bv-dropdown-arrow')
arrow.click()
dropdown = driver.find_element_by_class_name('bv-select-cleanslate.bv-dropdown-select')
select = Select(dropdown)
time.sleep(1)
select.select_by_value('mostRecent')

補足情報

ブラウザ上でマウスを「Sort by」に重ねると、ドロップダウンの選択肢が表示されるので、Selenium上でも同様にドロップダウン表示→選択肢クリックができるようにアドバイスをお願いします。

Answer 1

「Sort by」にマウスオーバーしただけでドロップダウンが表示されるなら、JavaScriptで行っているのでしょうから、それを調べてそのJavaScriptをdriver.execute_scriptで実行します。

Comments

[_py]

ご回答ありがとうございます！
driver.execute_script('document.getElementById("bv-dropdown-title-reviews").click();')でドロップダウン選択肢を表示できますが、選択肢のvalue="mostRecent"をクリックできませんでした。
以下も試しましたが、エラーとなります。

dropdown = driver.find_element_by_class_name('bv-select-cleanslate.bv-dropdown-select')
select = Select(dropdown)
select.select_by_value('mostRecent')

[otn]

質問文だと、マウスオーバーでドロップダウンが表示されると書いてあるので、上記の回答をしたのですが、
マウスオーバーは間違いで、document.getElementById("bv-dropdown-title-reviews")というまた別の要素のクリックの話に変わったのですか？それらは同じ効果なのでしょうか？

「Sort by」にマウスオーバーせず、'document.getElementById("bv-dropdown-title-reviews").click();'を実行した状態で、手動操作では選択肢をクリックできるのでしょうか？

[_py]

わかりにくい説明で申し訳ありません。
マウスオーバーでドロップダウン表示→選択肢クリックの流れです。
document.getElementById("bv-dropdown-title-reviews")をクリックでもマウスオーバーと同じ動作です。
”「Sort by」にマウスオーバーせず、'document.getElementById("bv-dropdown-title-reviews").click();'を実行した状態で、手動操作では選択肢をクリックできるのでしょうか？”
→手動操作で選択肢をクリックできます。

選択肢の〇番目をクリックできるようなプログラムを作成したいです。

[otn]

手動でクリックできているのであれば、プログラムからでもクリックできるはずです。
とはいえ、javascriptで何をやっているかわからないので、関連するJavaScriptコードを全部読む必要があるのではと思います。