Selenium-无法单击模态中的元素

Question

我正在使用Selenium和java，我无法单击模态中的元素。场景是这样的：单击框架内的项目后，它会打开一个模态，我需要单击此模态中的一个元素，但我无法获得它。

我已经尝试过：

js.executeScript("document.getElementById('saveexit').scrollIntoView(true);");

我也尝试了用SwitchTo（）这样做：

while (itr.hasNext()) {
    String popup =  itr.next();
    System.out.println("itr: " + popup);
    driver.switchTo().window(popup);
}

以下是我的modal的html：

<div class="modal-dialog">

    <div class="modal-content modal-custom-content">
        <div class="modal-header">
            ...
        </div>
        <div class="modal-body">
            <form id="formTo" class="form-container">
                <div class="row">
                    ...
                </div>
                <div class="small-space"></div>
                <input ...>
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        ...
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        ...
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        ...
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        ...
                    </div>
                </div>
                <div class="small-space"></div>
                <div class="row"> 
                    ...
                </div> 
            </form> 
        </div>
        <div class="small-space"></div>
        <div class="modal-footer">
            <div class="row text-center"> 
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <button class="btn modal-button full-btn" id="saveexit" type="button">SAVE AND EXIT</button>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    ...
                </div>
            </div>
        </div>
    </div>
</div>

这是来自firefox开发工具的CSS路径：

html.no-touch body div.remodal-wrapper.remodal-is-opened div.modaliAdesione.remodal.remodal-is-initialized.remodal-is‌​-opened div.modal-dialog div.modal-content.modal-custom-content div.modal-footer div.row.text-center div.col-md-6.col-sm-6.col-xs-12 button#saveexit.btn.modal-button.full-btn 

该对象永远找不到。

• 问题1：如果一个元素在一个模态中，必须以不同的方式管理？
• 问题2：如何最终让保存退出按钮的点击工作？

以下是html的代码片段：https://codeshare.io/arLW9q

以下是java代码：

wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//*[@id=\"saveexit\"]")))

我也尝试过：

cssSelector: #saveexit
cssPath: html.no-touch body div.remodal-wrapper.remodal-is-opened div.modaliAdesione.remodal.remodal-is-initialized.remodal-is-opened 
div.modal-dialog div.modal-content.modal-custom-content div.modal-footer div.row.text-center div.col-md-6.col-sm-6.col-xs-12 
button#saveexit.btn.modal-button.full-btn
xpath: //*[@id="saveexit"]

请注意：如果我从浏览器的控制台运行document.getElementById（'saveexport'）. Click（）；它的工作原理

Answer 1

我在脚本中使用jquery修复了它；

以下是线路代码：

js。executeScript（“$（'#saveexit'）。触发器（'click'）；”

我希望它能在将来帮助别人。

我不知道为什么纯javascript不起作用。。。

Answer 2

根据最佳实践，当您使用Selenium Java客户机时，首先必须尝试调用高效且经验证的click（）方法。根据单击方法产生的错误，我们可以使用其他替代解决方案。

正如我从您对JavascriptExecutor和switchTo（）的代码测试中所看到的。window（），您没有很好地识别表示保存和退出按钮的Web元素。

要单击“保存并退出”按钮，可以使用以下代码块：

new WebDriverWait(driver, 5).until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//div[@class='modal-dialog']//div[@class='modal-footer']//button[@class='btn modal-button full-btn' and @id='saveexit']"))).click();