jupyterhubページでpython-seleniumを使用して既存のHTML要素を見つける方法は？

Dec 10 2020

HTMLページに次の構成があり、li要素を（python-seleniumで）選択したいと思います。

<li class="p-Menu-item p-mod-disabled" data-type="command" data-command="notebook:run-all-below">
    <div class="p-Menu-itemIcon"></div>
    <div class="p-Menu-itemLabel" style="">Run Selected Cell and All Below</div>
    <div class="p-Menu-itemShortcut" style=""></div>
    <div class="p-Menu-itemSubmenuIcon"></div>
</li>

私は次のxpathを使用しています：

//li[@data-command='notebook:run-all-below']

しかし、要素が見つからないようです。

完全で最小限の実用的なサンプルコード：

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

driver = webdriver.Firefox()
driver.get("https://mybinder.org/v2/gh/jupyterlab/jupyterlab-demo/master?urlpath=lab/tree/demo")

# Wait for the page to be loaded
xpath = "//button[@title='Save the notebook contents and create checkpoint']"
element = WebDriverWait(driver, 600).until(
    EC.presence_of_element_located((By.XPATH, xpath))
)
time.sleep(10)
print("Page loaded")

# Find and click on menu "Run"
xpath_run = "//div[text()='Run']"
element = WebDriverWait(driver, 60).until(
    EC.element_to_be_clickable((By.XPATH, xpath_run))
)
element.click()
print("Clicked on 'Run'")

# Find and click on menu entry "Run Selected Cell and All Below"
xpath_runall = "//li[@data-command='notebook:run-all-below']"
element = WebDriverWait(driver, 600).until(
    EC.element_to_be_clickable((By.XPATH, xpath_runall))
)
print("Found element 'Run Selected Cell and All Below'")
element.click()
print("Clicked on 'Run Selected Cell and All Below'")

driver.close()

環境：

MacOS Mojave（10.14.6）
Python 3.8.6
セレン3.8.0
geckodriver 0.26.0

補遺

私はFirefoxの「SeleniumIDE」アドオンを使用して手順を記録しようとしています。これにより、Pythonで次の手順が実行されます。

sdriver.get("https://hub.gke2.mybinder.org/user/jupyterlab-jupyterlab-demo-y0bp97e4/lab/tree/demo")
driver.set_window_size(1650, 916)
driver.execute_script("window.scrollTo(0,0)")
driver.find_element(By.CSS_SELECTOR, ".lm-mod-active > .lm-MenuBar-itemLabel").click()

もちろん、これも機能しません。そのコード行でエラーが発生します

selenium.common.exceptions.NoSuchElementException: Message: Unable to locate element: .lm-mod-active > .lm-MenuBar-itemLabel

回答

4 DebanjanB Dec 18 2020 at 02:37

あなたは十分に近かった。実際、プログラム全体には、次のような1つの問題しかありませんでした。

xpath_runall = "//li[@data-command='notebook:run-all-below']"テキストを目に見える要素を識別しない以下の実行選択したセルとすべての最初に一致した要素があるとして一意に隠された要素。

追加の考慮事項

さらにいくつかの最適化：

として識別される要素xpath = "//button[@title='Save the notebook contents and create checkpoint']"は、クリック可能な要素です。だから、代わりにECとしてpresence_of_element_located()使用することができますelement_to_be_clickable()
同じ行でを呼び出すことができるので、要素がECを介して返されるelement_to_be_clickable()とclick()。
[選択したセルを実行]および[以下のすべて]としてテキストを含む要素を識別するxpathは次のようになります。
```
//li[@data-command='notebook:run-all-below']//div[@class='lm-Menu-itemLabel p-Menu-itemLabel' and text()='Run Selected Cell and All Below']
```
アプリケーションがを通じて構築されたJavaScriptあなたは使用する必要がActionChainsを。

解決

最適化されたソリューションは次のとおりです。

コードブロック：

from selenium import webdriver
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.action_chains import ActionChains

driver = webdriver.Firefox(executable_path=r'C:\WebDrivers\geckodriver.exe')
driver.get("https://mybinder.org/v2/gh/jupyterlab/jupyterlab-demo/master?urlpath=lab/tree/demo")
WebDriverWait(driver, 60).until(EC.element_to_be_clickable((By.XPATH, "//button[@title='Save the notebook contents and create checkpoint']")))
print("Page loaded")
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[text()='Run']"))).click()
print("Clicked on Run")
element = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//li[@data-command='notebook:run-all-below']//div[@class='lm-Menu-itemLabel p-Menu-itemLabel' and text()='Run Selected Cell and All Below']")))
ActionChains(driver).move_to_element(element).click(element).perform()
print("Clicked on Run Selected Cell and All Below")

コンソール出力：

Page loaded
Clicked on Run
Clicked on Run Selected Cell and All Below

3 Booboo Dec 17 2020 at 23:21

これは私のために働いた。フルxpathを使用してトップレベルのメニュー項目を見つけ、それをクリックします。ポップアップメニューが表示されるまで少し待ってから、事前に決定した元のメニュー項目からのオフセットを使用して、マウスをそのオフセットに移動し、正しいサブであることがわかっているものをクリックします。メニュー項目。以下のコードでは、最初にセルを選択する機会を自分に与えます。

driver.implicitly_wait(300) # wait up to 300 seconds before calls to find elements time out
driver.get('https://mybinder.org/v2/gh/jupyterlab/jupyterlab-demo/master?urlpath=lab/tree/demo')
driver.execute_script("scroll(0, 0);")
elem = driver.find_element_by_xpath('//div[text()="Run"]')
elem.click() # click on top-level menu item
time.sleep(.2) # wait for sub-menu to appear
action = webdriver.common.action_chains.ActionChains(driver)
action.move_to_element_with_offset(elem, 224, 182)
# click on sub-menu item:
action.click()
action.perform()

更新：より最適なソリューション

driver.implicitly_wait(300) # wait up to 300 seconds before calls to find elements time out
driver.get('https://mybinder.org/v2/gh/jupyterlab/jupyterlab-demo/master?urlpath=lab/tree/demo')
driver.execute_script("scroll(0, 0);")
elem = driver.find_element_by_xpath('//div[text()="Run"]')
elem.click()
driver.implicitly_wait(.2)
elem2 = driver.find_element_by_xpath('//*[contains(text(),"Run Selected Cell and All Below")]')
driver.execute_script("arguments[0].click();", elem2) # sub-menu, however, stays open
# to close the sub-menu menu:
elem.click()

1 KunduK Dec 10 2020 at 19:58

同様の属性を持つ2つのli要素があるようです。xpathクリックする正しい要素を特定する必要があります。正しい要素をクリックするには、以下を使用してください。