自动化测试——QQ邮箱登陆「终于解决」

大家好，欢迎来到IT知识分享网。

Selenium+TestNG+Maven+IDEA

前言：

Selenium是Web UI自动化测试套件之一，它支持不同浏览器（CHrome，Mozilla Firefox，Internet Explorer，Edge，Opera，Safari等），平台（Android，iOS，Windows，Linux，Mac，Solaris。）和编程语言（Java/Python/C#等）的自动化，是一款开源的和可移植的web测试框架。

Selenium可以与TestNG等测试框架集成，以进行应用程序测试和生成报告。

本篇通过编写qq邮箱登陆的测试脚本，介绍一下如何将Selenium与TestNG集成。

selenium和webdriver区别

当Selenium2.x 提出了WebDriver的概念之后，它提供了完全另外的一种方式与浏览器交互。那就是利用浏览器原生的API，封装成一套更加面向对象的Selenium WebDriver API，直接操作浏览器页面里的元素，甚至操作浏览器本身（截屏，窗口大小，启动，关闭，安装插件，配置证书之类的）。由于使用的是浏览器原生的API，速度大大提高，而且调用的稳定性交给了浏览器厂商本身，显然是更加科学。然而带来的一些副作用就是，不同的浏览器厂商，对Web元素的操作和呈现多少会有一些差异，这就直接导致了Selenium WebDriver要分浏览器厂商不同，而提供不同的实现。例如Firefox就有专门的FirefoxDriver，Chrome就有专门的ChromeDriver等等。（包括了AndroidDriver和iOS WebDriver）

一、qq邮箱登陆场景描述：

1.打开Chrome 浏览器，打开腾讯邮箱登陆页面https://mail.qq.com/；

2.输入qq号和qq密码；

3.单击登陆按钮；

4.关闭浏览器。

二、测试脚本：

1.TestNgProj项目中创建SeTest.java。

TestNgProj：https://github.com/X-NaN/TestNgProj

2.下载chromedriver.exe。

由于测试脚本中操作的是Chrome浏览器，因此需要首先下载chromedriver.exe。下载地址：http://npm.taobao.org/mirrors

下载完成后，我直接将chromedriver.exe放在了项目中driver文件夹下。

注意：TestNgProj项目中的chromedriver.exe是Mac OS的，window系统的需要下载对应的chromedriver.exe。

如下图是TestNgProj项目目录结构：

3.编写QQ邮箱登陆的测试脚本

package com.xnn.selenium;

import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.testng.Assert;
import org.testng.annotations.AfterClass;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.DataProvider;
import org.testng.annotations.Test;

public class SeTest {

    @BeforeClass
    public void beforeClass(){
        System.out.println("test start...");
    }

    @AfterClass
    public void afterClass(){
        System.out.println(" test end...");
    }
    /**
     * 提供参数
     * 通过@DataProvider将参数传递给@Test方法
     * @return
     */
    @DataProvider(name = "loginData")
    public Object[][] provideData(){
        return new Object[][] { { "1186711035", "*" }};//qq号和密码，这里可以改成自己的QQ号和密码
    }

    @Test(dataProvider = "loginData")
    public void login(String qqNumber,String pwd){

        //1.调用Chrome浏览器
        //2。打开qq邮箱首页
        //3。输入qq号/密码
        //4。点击登录按钮

        //设置驱动位置
        System.setProperty("webdriver.chrome.driver","driver/chromedriver");
        //Chrome浏览器驱动
        WebDriver driver=new ChromeDriver();

        //打开qq email首页
        driver.get("https://mail.qq.com/");
        
        //获取页面标题
        String title=driver.getTitle();
        System.out.println("title=>"+title);
        //qq号输入框和密码输入框在iframe中
        driver.switchTo().frame("login_frame");
        //输入qq号
        driver.findElement(By.id("u")).sendKeys(qqNumber);
        //输入qq密码
        driver.findElement(By.id("p")).sendKeys(pwd);
        //点击"登录"按钮
        driver.findElement(By.id("login_button")).click();

        //元素及其值加载出来需要时间

        try {
            Thread.sleep(3000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }


        String useraddr="1186711035@qq.com";
        WebElement addr= driver.findElement(By.id("useraddr"));


        //断言
        Assert.assertEquals(useraddr,addr.getText());

        driver.close();

    }


}

三、在执行测试脚本时遇到的问题：

1.找不到qq号输入框

可是查找页面源码，明明可以看到QQ号输入框的ID为“u”。

原因：QQ号输入文本框在iframe中，这时通过driver.findElement(By.id(“u”)).sendKeys(qqNumber);根据id/name/xpath是定位不到元素的。需要先切换到对应的iframe

driver.switchTo().frame("login_frame");

然后再在iframe中定位元素。

2.在判断是否登陆成功时，找不到元素“useraddr”

这里我判断登陆是否成功的思路是：如果输入用户名密码正确，页面会跳转到邮箱首页，其中首页元素”useraddr“会显示用户的邮箱地址，如下图所示。这里可以将testNG的断言与selenium集成。

但是在运行测试脚本的时候出错了，如下图。

原因：元素出现的时间有延迟，需要设置等待时间。

现在的网页中很多是有ajax交互的，你要寻找元素的时候，有可能是基于上面的步骤操作，才出现这个元素，而且由于网络的原因，元素加载可能需要一定的时间，所以这里一定要在查找元素的时候使用等待。

所以，需要在定位元素，获取元素值前设置等待时间。

四、总结

本文将selenim与testNG集成，编写了QQ邮箱登陆的测试脚本。WebDriver  API可以操作web UI，testNG执行测试用例，是数据驱动的测试，其测试数据由@DataProvider注解的方法provideData()提供，使得测试数据与测试用例分离，方便使用不同的数据进行测试。

源码：https://github.com/X-NaN/TestNgProj/blob/master/src/test/java/com/xnn/selenium/SeTest.java

对于selenium中页面元素未找到，可能原因有：

1.定位是否写正确，如根据id查找的id是否在页面中存在；

2.待定位的页面元素是否在iframe中，如果在iframe中，需要首先切换到iframe，然后再根据id/name/xpath等定位元素；

3.在页面跳转后定位元素，则因为ajax交互或者网络原因，元素出现的时间有延迟，需要设置等待时间；

4.元素是否在另外的窗口中，如在操作过程中打开了新窗口，则需要切换到新窗口，在新窗口中定位和操作元素