Message: No se pudo desplazar el elemento <option> a la vista al intentar hacer clic en una opción dentro de un menú desplegable a través de Selenium

Question

Jul 09, 2018, 07:03 PM

python webdriverwait drop-down-menu selenium selenium-webdriver

Message: No se pudo desplazar el elemento <option> a la vista al intentar hacer clic en una opción dentro de un menú desplegable a través de Selenium

Estoy intentando seleccionar un menú desplegable y elegir una opción. Estoy usando la última versión de Selenium, la última versión de Firefox, la última versión de geckodriver y la última versión de Python.

Aquí está mi problema: cuando trato de elegir una opción, me da el siguiente error:

selenium.common.exceptions.ElementNotInteractableException: Message: Element <option> could not be scrolled into view.

He intentado varias formas de circunnavegar este problema, pero ninguna parece funcionar. Estos son algunos de los enfoques que probé.

mySelectElement = browser.find_element_by_id('providerTypeDropDown')
dropDownMenu = Select(mySelectElement)
dropDownMenu.select_by_visible_text('Professional')

mySelectElement = browser.find_element_by_id('providerTypeDropDown')
dropDown = Select(mySelectElement)
for option in dropDown.options:
    message = option.get_attribute('innerText')
    print(message)
    if message == 'Professional':
        print("Exists")
        dropDown.select_by_visible_text(message) 
        break

element = browser.find_element_by_id('providerTypeDropDown')
browser.execute_script("var select = arguments[0]; for(var i = 0; i < select.options.length; i++){ if(select.options[i].text == arguments[1]){ select.options[i].selected = true; } }", element, "Professional")

El código HTML sigue las etiquetas de selección y etiquetas de opción habituales. Cualquier ayuda es apreciada. El código HTML se incluye a continuación.

<select data-av-chosen="providerTypes" id="providerTypeDropDown" data-placeholder="Please Select a Provider Type" name="providerTypeDropDown"
class="chzn-select input-full ng-pristine chzn-done ng-invalid ng-invalid-provider-type" data-ng-options="providerType.value for providerType in request.models.providerTypes"
data-ng-model="request.models.providerType" data-av-validator-field="providerType" data-disable-search-threshold="5" style="display; none;">
    <option value="" class="">Please Select a Provider Type</option>
    <option value="0">Professional</option>
    <option value="1">Institutional</option>
</select>

Las declaraciones de impresión están ahí para pruebas / rastreo de código intencionado.