如何通过Selenium-Python访问rect类型元素

Question

dom中有一个rect对象：

<rect class="slv-blank" id="id123" height="8.8" stroke-width="1px" width="18.8" x="59.2" y="37.5"></rect>

我试图用以下代码搜索它：

WebDriverWait(driver, 1).until(ec.presence_of_element_located(("xpath", '//rect[@id="id123"]'))).click()

这是行不通的。

但以下情况确实如此：

WebDriverWait(driver, 1).until(ec.presence_of_element_located(("xpath", '//*[name()="rect"][@id="id123"]'))).click()

关于为什么第一个不起作用有什么线索吗？

Answer 1

使用Action类或JavaScriptExecAdvisor。

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as ec
from selenium.webdriver.common.action_chains import ActionChains
elememnt=WebDriverWait(driver, 1).until(ec.presence_of_element_located(("xpath", '//*[@id="id123"]')))
ActionChains(driver).move_to_element(elememnt).click().perform()

或

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as ec
from selenium.webdriver.common.action_chains import ActionChains
elememnt=WebDriverWait(driver, 1).until(ec.presence_of_element_located(("xpath", '//*[@id="id123"]')))
driver.execute_script("arguments[0].click();",elememnt)

Answer 2

<代码>

举个例子：

<svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Simple rect element -->
  <rect x="0" y="0" width="100" height="100" />

  <!-- Rounded corner rect element -->
  <rect x="120" y="0" width="100" height="100" rx="15" ry="15" />
</svg>

• x：这个属性决定了矩形的x坐标。
  • 值类型：|；默认值：0；动画：yes
  • 值类型：|；默认值：0；动画：yes
  • 值类型：自动| |；默认值：自动；动画：是的
  • 值类型：自动| |；默认值：自动；动画：是的
  • 值类型：自动| |；默认值：自动；动画：是的
  • 值类型：自动| |；默认值：自动；动画：是的
  • 值类型：；默认值：无；动画：是

  注意：从SVG2开始，x、y、width、height、rx和ry是几何体属性，这意味着这些属性也可以用作该元素的CSS属性。

  作为<代码>

  >

  //*[name()="svg"]
  

  对于

  //*[name()="svg"]/*[name()="g"]
  

  对于

  //*[name()="svg"]/*[name()="g"]/*[name()="rect"]
  //*[name()="svg"]/*[name()="rect"]
  

  你可以在这里找到几个相关的详细讨论

  • 如何通过Java使用XPath和Selenium WebDriver点击SVG元素
  • 无法通过剑道UI图表上的xpath定位SVG元素