Как выбрать строку текста на экране браузера с помощью веб-драйвера, чтобы использовать клавиатуру или мышь?

Question

Я хочу использовать ChromeDriver, чтобы выделить строку текста на экране браузера и изменить стиль. например, нажмите кнопку, выделенную жирным шрифтом на панели инструментов редактора.

например, это мой HTML-код.

<p id="boldId">bold </p>

Я прикрепил изображение.

Answer 1

Вы хотите создать выделение текста, установить форматирование и получить результат HTML?

from selenium import webdriver
from selenium.webdriver.common.keys import Keys

driver = webdriver.Chrome()
driver.get("http://haixing-hu.github.io/vue-html-editor/demo.html")

editable = driver.find_element_by_xpath('//div[@class="note-editable panel-body"]')
buttonBold = driver.find_element_by_xpath('//button[@data-name="bold"]')
buttonItalic = driver.find_element_by_xpath('//button[@data-name="italic"]')

actions = webdriver.ActionChains(driver)
actions.move_to_element(editable)
actions.click()
actions.send_keys(Keys.CONTROL + 'a')
actions.click(buttonBold) 
actions.click(buttonItalic)
actions.perform()

print('HTML Source:')
print(editable.get_attribute('innerHTML'))

# <span style="font-weight: bold; font-style: italic;">Hello World!</span>