自动化测试——QQ邮箱登陆

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 {@BeforeClasspublic void beforeClass(){System.out.println("test start...");}@AfterClasspublic 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