使用 Selenium 和 Python 查找存在 data-tb-test-id 属性而不是 id 的元素

Question

我正在尝试使用 Selenium 查找元素，但没有找到。请遵循 HTML 代码：

\n\n

<div aria-disabled="false"\n     data-tb-test-id="DownloadCrosstab-Button"\n     role="button"\n     tabindex="0"\n     style="font-size: 12px; font-weight: normal; color: rgba(0, 0, 0, 0.7); display: inline-block; padding: 0px 24px; position: relative; text-align: center; border-style: solid; border-width: 1px; border-radius: 1px; height: 24px; line-height: 22px; min-width: 90px; box-sizing: border-box; outline: none; white-space: nowrap; user-select: none; cursor: default; background-color: rgba(0, 0, 0, 0); border-color: rgb(203, 203, 203); margin-top: 8px; width: 100%; -webkit-tap-highlight-color: transparent;"\n>Tabela de refer\xc3\xaancia cruzada</div>\n

\n\n

我已经尝试过以下代码：

\n\n

x = browser.find_element_by_id("Downloadcrosstab")\nx = browser.find_element_by_link_text("Downloadcrosstab-Button")\nx = browser.find_element_by_class_name(\'Crosstab\')\n

\n\n

但我得到了同样的错误：

\n\n

NoSuchElementException: no such element: Unable to locate element: {"method":"css selector","selector":".Crosstab"}\n  (Session info: chrome=75.0.3770.142)\n

\n

Answer 1

该元素似乎是动态元素，要识别需要引发WebDriverWait以使所需元素可单击的元素，您可以使用以下解决方案之一：

\n\n

\n

• 使用CSS_SELECTOR：

  \n\n

  x = WebDriverWait(browser, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "div[data-tb-test-id=\'DownloadCrosstab-Button\'][role=\'button\']"))).click()\n

\n

• 使用XPATH：

  \n\n

  x = WebDriverWait(browser, 20).until(EC.visibility_of_element_located((By.XPATH, "//div[@data-tb-test-id=\'DownloadCrosstab-Button\' and text()=\'Tabela de refer\xc3\xaancia cruzada\']")))\n

\n

• 注意：您必须添加以下导入：

  \n\n

  from selenium.webdriver.support.ui import WebDriverWait\nfrom selenium.webdriver.common.by import By\nfrom selenium.webdriver.support import expected_conditions as EC\n

\n

\n\n

\n

注意：使用 Chrome 时，您可以在 Selenium \xe2\x80\x9cselenium.common.exceptions.NoSuchElementException\xe2\x80\x9d 中找到相关讨论

\n

\n

Answer 2

我实际上喜欢为我的测试定位器添加自定义 html 属性。

然后您可以使用 xpath 来定位它们，例如//*[@data-tb-test-id="DownloadCrosstab-Button"]