Selenium find_element CSS，如何？

Question

我正在尝试测试登录到 twitter，这是登录框的一个元素部分，但是我尝试使用 xpath，但它不起作用。

CSS 元素

<input autocapitalize="sentences" autocomplete="username" autocorrect="on" name="text" spellcheck="true" type="text" dir="auto" class="r-30o5oe r-1niwhzg r-17gur6a r-1yadl64 r-deolkf r-homxoj r-poiln3 r-7cikom r-1ny4l3l r-t60dpp r-1dz5y72 r-fdjqy7 r-13qz1uu" value="">

t = driver.find_element(By.XPATH, '//*[@id="react-root"]/div/div/div/main/div/div/div/div[2]/div[2]/div/div[5]/label/div/div[2]/div/input')

错误 selenium.common.exceptions.NoSuchElementException：消息：没有这样的元素：无法找到元素：

如何使用 CSS_SELECTOR 来做到这一点？

Answer 1

根据提供的HTML ，您可以使用以下方式

username_input = self.browser.find_element(By.NAME, "text")
username_input.send_keys('send username here')

一种更好的方法是诱导ExplicitWait 。

代码

wait = WebDriverWait(self.browser, 30)

username_input = wait.until(EC.visibility_of_element_located((By.NAME, "text")))
username_input.send_keys('send username here')

进口

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

CSS 选择器将是：

input[name='text']

XPATH 将是：

//input[@name='text']

希望这能解决您的问题。