使用 Selenium 从输入元素（类型=提交）获取文本

Question

我正在尝试一些网络测试自动化。
为了练习我带了Sause demo site
它在页面上定义为登录按钮
<input type="submit" class="submit-button btn_action" data-test="login-button" id="login-button" name="login-button" value="Login">
它在屏幕上的文本是“LOGIN”（大写）。
我想从登录按钮获取文本。
首先我尝试使用login_button.text，它返回空字符串。好的，很清楚为什么和预期。
然后我尝试获取 login_button 的属性值，它返回“登录”字符串。
我检查了登录按钮是否应用了以下 CSS 样式并将文本变为大写。

.submit-button {
    text-transform: uppercase;
}

但是有没有可能从这个按钮获取文本的确切显示方式（“LOGIN”而不是“Login”）？

我使用的代码示例：

driver = webdriver.Chrome(CHROME_DRIVER_PATH)
driver.get("https://www.saucedemo.com/")
login_button = driver.find_element_by_id("login-button")
print(login_button.text)  # returns empty string
print(login_button.get_property("value"))  # returns "Login"
driver.quit()

Answer 1

Selenium 读取HTML DOM，但不是屏幕上准确显示的内容。

LOGIN按钮实际上有一个值属性设置为Login

要提取 value 属性的值，您可以使用以下任一Locator Strategies：

• 使用CSS_SELECTOR：

  print(WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "input#login-button"))).get_attribute("value"))
  

• 使用XPATH：

  print(WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.XPATH, "//input[@id='login-button']"))).get_attribute("value"))
  

• 控制台输出：

  Login
  

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

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

正如您正确指出的那样，值 Login 应用以下 CSS 样式：

text-transform: uppercase;

将其以大写形式显示为LOGIN。

Answer 2

直接的答案是Selenium 向an HTTP 请求DOM，它可以update/retrieve info from DOM.

在您的情况下，正如您所强调的那样，它是一个 CSS 属性（文本转换）正在进行此更改。

你可以阅读这个属性，根据信息你可以使 Python upper() 或 lower()

我建议从CSS property 进行验证并使用

driver.get("https://www.saucedemo.com/")

login_button = driver.find_element_by_id("login-button")
actual_login_button_text = login_button.get_attribute('value')
print('Actual text', actual_login_button_text)
text_type = login_button.value_of_css_property('text-transform')
print('CSS text type', text_type)

change_text = ''
if text_type == 'uppercase':
    change_text = actual_login_button_text.upper()
if text_type == 'lowercase':
    change_text = actual_login_button_text.lower()


print('Modified text', change_text)

输出：

Actual text Login
CSS text type uppercase
Modified text LOGIN