Выпадающий список Selenium

#java #selenium #drop-down-menu

#java #selenium #выпадающее меню

Вопрос:

Я пытаюсь автоматизировать регистрацию учетной записи с помощью Selenium java, и у меня возникают проблемы с нажатием выпадающего меню при регистрации. Я хочу, чтобы он щелкнул раскрывающийся список секретных вопросов и выбрал «Кто ваш любимый автор?». Вот html-код.

 <div class="clear input_wrapper_bg">
    <div class="name_field">
        <label for="SecretQuestion">Secret Question</label>
    </div>
    <div class="select_field">
        <div class="select2-container" id="s2id_SecretQuestion">
            <a href="#" onclick="return false;" class="select2-choice" tabindex="-1"><span>What is your mother's maiden name?</span><abbr class="select2-search-choice-close" style="display:none;"></abbr>
            <div>
                <b></b>
            </div>
            </a>
            <div class="select2-drop select2-with-searchbox select2-drop-active select2-offscreen" style="display: block;">
                <div class="select2-search">
                    <input type="text" autocomplete="off" class="select2-input select2-focused">
                </div>
                <ul class="select2-results">
                </ul>
            </div>
        </div>
        <select data-val="true" data-val-required="The Secret Question field is required." id="SecretQuestion" name="SecretQuestion" style="display: none;">
            <option value="What is your mother's maiden name?">What is your mother's maiden name?</option>
            <option value="What was your high school mascot?">What was your high school mascot?</option>
            <option value="Who is your favorite author?">Who is your favorite author?</option>
            <option value="What was the name of your first pet?">What was the name of your first pet?</option>
        </select>
        <div class="error_msg">
            <span class="field-validation-valid" data-valmsg-for="SecretQuestion" data-valmsg-replace="true"></span>
        </div>
    </div>
</div>
  

Я пытался использовать

  new Select(driver.findElement(By.id("s2id_SecretQuestion"))).selectByVisibleText("Who is your favorite author?");
  

Но это не работает, потому что, когда я нажимаю на выпадающее меню, оно добавляет еще немного HTML-кода внизу страницы.

 <div class="select2-drop select2-with-searchbox select2-drop-active" style="display: block; top: 541.109375px; left: 876.3125px; width: 310px;">
    <div class="select2-search">
        <input type="text" autocomplete="off" class="select2-input select2-focused" tabindex="-1">
    </div>
    <ul class="select2-results">
        <li class="select2-results-dept-0 select2-result select2-result-selectable">
        <div class="select2-result-label">
            <span class="select2-match"></span>What is your mother's maiden name?
        </div>
        </li>
        <li class="select2-results-dept-0 select2-result select2-result-selectable">
        <div class="select2-result-label">
            <span class="select2-match"></span>What was your high school mascot?
        </div>
        </li>
        <li class="select2-results-dept-0 select2-result select2-result-selectable">
        <div class="select2-result-label">
            <span class="select2-match"></span>Who is your favorite author?
        </div>
        </li>
        <li class="select2-results-dept-0 select2-result select2-result-selectable select2-highlighted">
        <div class="select2-result-label">
            <span class="select2-match"></span>What was the name of your first pet?
        </div>
        </li>
    </ul>
</div>
  

Любая помощь будет оценена. Спасибо.

Комментарии:

1. Код внизу добавляется, потому что на странице используется библиотека JavaScript select2.

Ответ №1:

Способ взаимодействия со списками выбора прост:

 /**
 * Clicks The Selector List and picks your option.
 *
 */
public void selectOptionFromSelector(String selectedItem) {

    WebElement select = webDriver.findElement(By.id("idhere"));
    Select dropDown = new Select(select);
    String selected = dropDown.getFirstSelectedOption().getText();
    if(selected.equals(selectedItem)){
        // This should not happen
    }
    List<WebElement> Options = dropDown.getOptions();
    for(WebElement option:Options){
        if(option.getText().equals(selectedItem)) {
            option.click(); // clicks the option we want to select.
        }
    }
}
  

Ответ №2:

Похоже, вы используете неправильный селектор! Из опубликованного вами примера кода By.id("s2id_SecretQuestion") это div элемент, а не select элемент. Попробуйте:

 new Select(driver.findElement(By.id("SecretQuestion"))).selectByVisibleText("Who is your favorite author?");
  

Комментарии:

1. Это верно, но фактический select элемент скрыт библиотекой select2, и поэтому этот код выдает исключение ElementNotVisibleException .