Невозможно выбрать элемент из раскрывающегося списка на веб-странице React с помощью Robotframework selenium

Я пытаюсь автоматизировать реагирующую веб-страницу, используя selenium2library и Robotframework. При попытке выбрать элемент из списка селен не смог найти значение / индекс в списке. Код, используемый для выбора элемента

Осмотрите элемент списка.

<div class = "tab-content tab-content-custom">
    <div id = "basic0" class = "tab-pane fade provision-tab in active">
        <form class = "col-md-12 center-form-container">
            <div class = "form-group">
                <label for = "exampleInputEmail1">ThemePark</label>
                <div>
                    <select class = "form-control" name = "factory">
                        <option index = "0" value = "">Select a ThemePark</option>
                        <option index = "1" value = "2018061109361161">Wonderla Kochi</option>
                        <option index = "2" value = "2018061109394722">Wonderla Bangalore</option>
                    </select>
                </div>
            </div>
        </form>
    </div>
</div>

Код, используемый для выбора элемента из списка.

Click Element    //*[@id = "basic0"]/form/div/diventer code here
Sleep    2s
Capture Page Screenshot
Click Element    //*[@id = "basic2018061109361161"]/form/div[1]/div/select
Wait Until Page Contains Element    //select[@name = "factory"]    timeout=60s
Select From List By Value   //select[@name = "factory"]   2018061109361161

Также пробовал «Выбрать из списка по индексу» и «Выбрать из списка по метке», но все параметры выдают ошибку, которая «не может найти значение / индекс / метку в выбранном элементе».

Вы ищете идентификатор basic2018061109361161, но я не вижу ничего в этом HTML с этим идентификатором.

Bryan Oakley 27.06.2018 19:51
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
3
1
735
1

Ответы 1

Попробуйте следующий код:

browser.find_element_by_css_selector("select.form-control > option[value='2018061109361161']").click()

Другие вопросы по теме