Как отправить форму с использованием Selenium в Java

Question

Я использую Selenium WebDriver для автоматизации системы.Язык Java.Я сделал большинство вещей, но я застрял в одной точке.Мне нужно отправить форму, содержащую поля «Имя пользователя», «Пароль» и «Повторный ввод пароля».Но когда я заполняю их (используя селен) и нажимаю кнопку «Создать аккаунт», это не сработало.

Вот код,

    System.setProperty("webdriver.chrome.driver", "./ChromeDriver/chromedriver.exe");

    WebDriver driver = new ChromeDriver();
    driver.get("URL Here");

    WebElement element9 = driver.findElement(By.id("accountname"));
    element9.sendKeys(username);

    WebElement element10 = driver.findElement(By.id("password"));
    element10.sendKeys(password);

    WebElement element12 = driver.findElement(By.id("reenter_password"));
    element12.sendKeys(password);

Я использовал эти методы для отправки формы.Но ни один из них не сработал.

    element12.sendKeys(Keys.ENTER); //method 1

    WebElement element11 = driver.findElement(By.linkText("Complete Sign-up"));
    element11.click(); //method 2

    ((JavascriptExecutor)driver).executeScript("javascript:CompleteCreateAccount();"); //method 3

    WebElement element13 = driver.findElement(By.xpath("//a[@id='createAccountButton']/span"));
    element13.click(); //method 4

    element13.submit(); //method 5

    JavascriptExecutor executor = (JavascriptExecutor)driver;
    executor.executeScript("arguments[0].click();", element13); //method 6

Форма HTML, полученная от Inspect Element,

<div class="leftcol">
<div id="error_display" style="display: none;"></div>
    <div class="checkout_content_box" id="cart_area">
        <form id="create_account" name="create_account" action="" onsubmit="CompleteCreateAccount(); return false; " method="POST">
            <input type="hidden" name="lt" id="lt" value="0">
            <div id="account_form_box">
                <div class="join_form">
                    <div class="form_row">
                        <div class="form_area">
                            <label for="accountname">Create a Steam account name</label>
                            <input type="text" maxlength="64" name="accountname" id="accountname" onchange="CheckAccountNameAvailability();">
                        </div>
                        <div class="form_notes">
                            <br>
                            <span class="input_note"><a href="javascript:CheckAccountNameAvailability();">Check availability</a></span>
                            <span id="accountname_availability" style="display: none;"></span>
                        </div>
                    <div style="clear: left;"></div>
                </div>
                <div id="form_row_choose_suggested_name" class="form_row" style="display: none;">
                    <div class="form_area">
                        <label for="choose_accountname">Available account names</label><br>
                        <select id="choose_accountname" name="choose_accountname" size="3" onchange="UpdateAccountName( this.value );">
                            <option id="suggested_name_1"></option>
                            <option id="suggested_name_2"></option>
                            <option id="suggested_name_3"></option>
                        </select>
                    </div>
                    <div class="form_notes">
                        <br>
                        <span class="choose_accountname_description">Select one or try again with another name of your choice</span>
                    </div>
                    <div style="clear: left;"></div>
                </div>
                <div class="rule"></div>
                <div class="form_row">
                    <div class="form_area">
                        <label for="password">Choose a password</label>
                        <input type="password" maxlength="64" name="password" id="password" onkeyup="CheckPasswordStrength()" autocomplete="off">
                    </div>
                    <div class="form_notes">
                        <div id="password_tag" class="password_tag">&nbsp;</div>
                    </div>
                    <div style="clear: left;"></div>
                </div>
                <div class="form_row">
                    <div class="form_area">
                        <label class="reenter_row" for="reenter_password">Re-enter password</label>
                        <input type="password" maxlength="64" name="reenter_password" id="reenter_password" onkeyup="ReenterPasswordChange()" autocomplete="off">
                    </div>
                    <div class="form_notes">
                        <br>
                        <div id="reenter_tag" class="password_tag">&nbsp;</div>
                    </div>
                    <div style="clear: left;"></div>
                </div>
                <div class="rule"></div>

                <div class="form_row">
                    <div id="priv_and_sub">
                        <a id="createAccountButton" class="btnv6_blue_hoverfade btn_medium" href="javascript:CompleteCreateAccount();" style="float: right;">
                            <span>Complete Sign-up</span>
                        </a>

                        <div style="clear: right;"></div>
                    </div>
                    <div id="ssa_submit">
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

Итакже я должен сказать, когда я нажимаю Create Account button вручную, это работает.Но с использованием селена Это не работает, и передайте это сообщение

Выбранное вами имя учетной записи недоступно.Пожалуйста, выберите другое имя.Введенный вами пароль не допускается.Пожалуйста, выберите другой пароль, не менее 8 символов.

Но имя пользователя и пароли в порядке.Ничего плохого.Потому что, когда я нажимаю его вручную, он работает с этим именем пользователя и паролем.

Answer 1

Вместо того, чтобы нажимать By.xpath("//a[@id='createAccountButton']/span") и отправлять форму, щелкните имя пользователя, пароль или подтвердите поле пароля и нажмите ввод.

 System.setProperty("webdriver.chrome.driver", "./ChromeDriver/chromedriver.exe");

 WebDriver driver = new ChromeDriver();
 driver.get("URL Here");

 WebElement element9 = driver.findElement(By.id("accountname"));
 element9.sendKeys(username);

 WebElement element10 = driver.findElement(By.id("password"));
 element10.sendKeys(password);

 WebElement element12 = driver.findElement(By.id("reenter_password"));
 element12.sendKeys(password);

 element12.click();
 element12.submit();

Answer 2

У меня были подобные проблемы в прошлом, иногда это помогает сосредоточиться на другом элементе, а затем нажать ...

Я бы начал с попытки сосредоточиться на <div id="ssa_submit"></div>.

РЕДАКТИРОВАТЬ:

Вы говорите, что вручную это работает, поэтому я посоветую вам использовать Action примерно так:

Actions action = new Actions(driver);
WebElement btnElement=driver.findElement(By.xpath("//a[@id='createAccountButton']"));
action.doubleClick(btnElement).build().perform();

Но может быть, у вас действительно есть ошибка в системе ...

РЕДАКТИРОВАТЬ 2:

Лучшая практика в Selenium - использовать WebDriverWait с ExpectedConditions:

WebDriverWait wait = new WebDriverWait(webDriver, timeoutInSeconds);
wait.until(ExpectedConditions.elementToBeClickable(By.id("createAccountButton")));

См. Ожидаемые условия и WebDriverWait .

Я думаю, что это должно сработать!

Надеюсь, этопомогает тебе.