About Testing Rich-text Fields with Selenium

Selenium allows testing not only the common input fields, but also rich-text fields (the ones with contenteditable="true" attribute).

rich-text field using Quill editor

For example, you can simulate typing, selecting all text, and making it bold as follows:

from django.conf import settings
from selenium import webdriver
from selenium.webdriver.chrome.service import Service as ChromeService
from selenium.webdriver.chrome.options import Options
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.common.action_chains import ActionChains

chrome_options = Options()
chrome_options.binary_location = settings.CHROME_BINARY_PATH
chrome_options.add_argument("--disable-search-engine-choice-screen")

browser = webdriver.Chrome(
    service=ChromeService(executable_path=settings.CHROME_DRIVER_PATH),
    options=chrome_options,
)
browser.get("https://example.com/message-form/")

browser.find_element(
    by=By.CSS_SELECTOR, value="#quill-id_content .ql-editor"
).send_keys("Hello, World!")

actions = ActionChains(browser)
# Select all text: cmd + a
actions.key_down(Keys.COMMAND).send_keys("a").key_up(Keys.COMMAND).perform()
# Make it bold: cmd + b
actions.key_down(Keys.COMMAND).send_keys("b").key_up(Keys.COMMAND).perform()

browser.quit()