About Testing Single-selection Autocomplete Fields with Playwright

Playwright allows testing not only the common input fields, but also autocomplete fields, such as this single-selection autocomplete field built with django-autocomplete-light.

single-selection autocomplete field

For example, here's how you can start typing a country ("germ" for "Germany") and select the autocompleted option to complete the action:

from playwright.sync_api import sync_playwright

playwright = sync_playwright().start()
browser = playwright.chromium.launch(headless=False)
context = browser.new_context(viewport={"width": 1200, "height": 800})
page = context.new_page()

page.goto("https://example.com/message-form/")
# activate the dropdown with the search field
page.click("#div_id_country .select2-selection")
# type a few letters
page.fill(
    "body>.select2-container input.select2-search__field", 
    "germ",
)
# click on the highlighted option
page.locator(
    "li.select2-results__option--highlighted", 
    has_text="Germany",
).click()

browser.close()
playwright.stop()