如何使用 Java 选择模态表单并在输入字段中输入数据

Question

我正在尝试使用 Selenium WebDriver 和 Java 测试 https://www.expedia.com/ 站点的登录功能。我也在使用页面对象工厂设计模式。

登录程序是：转到上面的站点-->单击帐户菜单-->选择“登录”选项。 出现一个新的弹出登录窗口，我正在尝试使用我的自动化脚本输入电子邮件地址和密码。

这是我处理 Expedia 登录表单的代码：

LoginPage.java 包含：

{

    @FindBy(id = "gss-signin-email")
    public WebElement txtUserName;

    @FindBy(id = "gss-signin-password")
    public WebElement txtPassword;

    @FindBy(id = "gss-keep-signin-check-label")
    public WebElement chkBoxKeepMeSignIn;

    @FindBy(id = "gss-signin-submit")
    public WebElement btnSignIn;

    public void setUserName(String uname) {

        txtUserName.click();
        txtUserName.sendKeys(uname);
    }

public void setPassword(String pwd) {

    txtPassword.click();
    txtPassword.sendKeys(pwd);
}

public void setKeepMeSignIn() {

    chkBoxKeepMeSignIn.click();
}

public void clickSignIn() {

    btnSignIn.click();
}

}

TC_LoginTest_001.java 包含：

{

    Page.menu.gotoAccounts();

    Page.menu.gotoSignIn();

    LoginPage lp = new LoginPage();

    driver.switchTo().activeElement();

    lp.setUserName(config.getProperty("username"));

    lp.setPassword(config.getProperty("password"));

    lp.setKeepMeSignIn();

    lp.clickSignIn();

}

当我使用 Run As --> TestNg Suite 运行脚本时，我收到以下错误消息：

**LoginTest
java.lang.NullPointerException
at com.expedia.pages.LoginPage.setUserName(LoginPage.java:42)
at com.expedia.testcases.TC_LoginTest_001.LoginTest(TC_LoginTest_001.java:38)**

未在输入字段（即电子邮件地址和密码）中输入测试数据。看起来我的脚本无法识别模态表单。请建议我应该如何解决这个问题。

Answer 1

您已切换到新窗口以访问该元素。这是完整的 java 代码。希望对您有所帮助。

public static void main(String[] args) {

        System.setProperty("webdriver.chrome.driver", System.getProperty("user.dir") + File.separator + "\\Executables\\Chromedriver.exe");
        WebDriver driver = new ChromeDriver();
        driver.get("https://www.expedia.com/");     
        String parentHandle = driver.getWindowHandle(); 
        WebElement element=driver.findElement(By.id("header-account-menu"));
        Actions action=new Actions(driver);
        action.moveToElement(element).click().build().perform();
        driver.findElement(By.id("account-signin")).click();
        for (String winHandle : driver.getWindowHandles()) {
            driver.switchTo().window(winHandle); 
            WebDriverWait wait = new WebDriverWait(driver, 30);
            WebElement elementemail = wait.until(ExpectedConditions.elementToBeClickable(By.id("gss-signin-email")));
            elementemail.sendKeys("xyz@gmail.com");
            WebElement elementpass = wait.until(ExpectedConditions.elementToBeClickable(By.id("gss-signin-password")));
            elementpass.sendKeys("xxxxxxx");

        }
        driver.switchTo().window(parentHandle); 

        }

输出：

Answer 2

这是我运行的没有任何问题的 python 代码。 wait_for_element_present 是一个等待元素预设并返回 web 元素的方法。

url = "https://www.expedia.com/ "
driver.get(url)

driver.find_element_by_css_selector("#header-account-menu").click()
accountSignIn = wait_for_element_present('css',"#account-signin")
accountSignIn.click()
email = wait_for_element_present('css',"#gss-signin-email")
email.send_keys("hello")
driver.find_element_by_css_selector("#gss-signin-password").send_keys("hello")
driver.find_element_by_css_selector("#gss-signin-submit").click()

Java 代码 相当于我上面代码中的wait_for_element_present。示例代码源表单https://www.seleniumhq.org/docs/04_webdriver_advanced.jsp]

WebElement myDynamicElement = (new WebDriverWait(driver, 10)).until(ExpectedConditions.presenceOfElementLocated(By.id("myDynamicElement")));