《手把手教你》系列基础篇（九十六）-java+ selenium自动化测试-框架之设计篇-跨浏览器（详解教程）

1.简介

从这一篇开始介绍和分享Java+Selenium+POM的简单自动化测试框架设计。第一个设计点，就是支持跨浏览器测试。

宏哥自己认为的支持跨浏览器测试就是：同一个测试用例，支持用不同浏览器去执行。我们这里只考虑Windows平台的浏览器，而且只关注火狐和谷歌浏览器的自动化测试，我们已经知道IE执行很慢，而且容易出问题，而且现在Windows系统也在逐步取消IE浏览器。

那到底要怎么做，才能支持一个自动化用例能够在不同浏览器上运行？宏哥这里是通过读取配置文件的值，来切换不同浏览器运行测试脚本。

2.实现思路

1.写一个配置文件，例如：xml、ini或则properties文件，里面写好浏览器的类型和测试（正式）服务器的地址或者域名，方便切换。

2.编写一个浏览器引擎类，通过读取配置文件加上if语句去控制启动不同浏览器。

3.测试脚本调用浏览器引擎类实例，得到driver，开始测试自动化脚本。

4.利用TestNG编写一个测试类文件，测试切换不同浏览器是否脚本运行成功。

3.项目实战

在上一篇文章基础上继续完善测试框架，按照实现思路具体步骤如下：

3.1代码设计

1.新建一个存放配置文件的文件夹TestConfig，以后相应的配置文件都放在里边，宏哥这里按照思路新建了一个config.properties的配置文件，如下图所示：

2.在framework包下，新建一个浏览器的引擎类：BrowserEngine，如下图所示：

3.在testSuite新建一个测试类：TestLaunchBrowser，如下图所示：

3.2参考代码

（1）config.properties

# browser switcher

#browserName = Firefox

browserName = Chrome

#browserName = IE

# test server switcher

URL=https://www.jd.com

#URL=https://taobao.com

（2）BrowserEngine.java

package framework;

import java.io.FileInputStream;

import java.io.IOException;

import java.io.InputStream;

import java.util.Properties;

import java.util.Set;

import java.util.concurrent.TimeUnit;

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.chrome.ChromeDriver;

import org.openqa.selenium.firefox.FirefoxOptions;

import org.openqa.selenium.firefox.FirefoxProfile;

import org.openqa.selenium.ie.InternetExplorerDriver;

/**

 * @author 北京-宏哥

 *

 * @公众号:北京宏哥

 *

 *  《手把手教你》系列基础篇（九十六）-java+ selenium自动化测试-框架之设计篇-跨浏览器（详解教程）

 *

 * 2022年4月02日

 */

public class BrowserEngine {

    public String browserName;

    public String serverURL;

    public WebDriver driver;

    public void initConfigData() throws IOException{

        Properties p = new Properties();

        // 加载配置文件

        InputStream ips = new FileInputStream(".\\TestConfig\\config.properties");

        p.load(ips);

        Logger.Output(LogType.LogTypeName.INFO, "Start to select browser name from properties file");

        browserName=p.getProperty("browserName");

        Logger.Output(LogType.LogTypeName.INFO, "Your had select test browser type is: "+ browserName);

        serverURL = p.getProperty("URL");

        Logger.Output(LogType.LogTypeName.INFO, "The test server URL is: "+ serverURL);

        ips.close();

    }

    public WebDriver getBrowser(){

        if(browserName.equalsIgnoreCase("Firefox")){

            System.setProperty("webdriver.gecko.driver", ".\\Tools\\geckodriver.exe");

            driver = createFireFoxDriver();

            Logger.Output(LogType.LogTypeName.INFO, "Launching Firefox ...");

        }else if(browserName.equalsIgnoreCase("Chrome")){

            System.setProperty("webdriver.chrome.driver", ".\\Tools\\chromedriver.exe");

            driver= new ChromeDriver();

            Logger.Output(LogType.LogTypeName.INFO, "Launching Chrome ...");

        }else if(browserName.equalsIgnoreCase("IE")){

            System.setProperty("webdriver.ie.driver", ".\\Tools\\IEDriverServer.exe");

            driver= new InternetExplorerDriver();

            Logger.Output(LogType.LogTypeName.INFO, "Launching IE ...");

        }

        driver.get(serverURL);

        Logger.Output(LogType.LogTypeName.INFO, "Open URL: "+ serverURL);

        driver.manage().window().maximize();

        Logger.Output(LogType.LogTypeName.INFO, "Maximize browser...");

        callWait(5);

        return driver;

    }

    /*

     * 关闭浏览器并退出方法

     */

    public void tearDown() throws InterruptedException{

        Logger.Output(LogType.LogTypeName.INFO, "Closing browser...");

        Thread.sleep(3000);

        driver.quit();

    }

    /*

     * 隐式时间等待方法

     */

    public void callWait(int time){

        driver.manage().timeouts().implicitlyWait(time, TimeUnit.SECONDS);

        Logger.Output(LogType.LogTypeName.INFO, "Wait for "+time+" seconds.");

    }

    /*

     * createFireFox Driver

     * @Param: null

     * @return: WebDriver

     */

    private WebDriver createFireFoxDriver() {

        WebDriver driver = null;

        FirefoxProfile firefoxProfile = new FirefoxProfile();

        firefoxProfile.setPreference("prefs.converted-to-utf8", true);

        //set download folder to default folder: TestDownload

        firefoxProfile.setPreference("browser.download.folderList", 2);

        firefoxProfile.setPreference("browser.download.dir", ".\\TestDownload");

        try {

            // 旧版本的写法，新版本用下边的这个会报错：The constructor FirefoxDriver(FirefoxProfile) is undefined

            //driver = new FirefoxDriver(firefoxProfile);

            FirefoxOptions firefoxOptions = new FirefoxOptions();

            firefoxOptions.setProfile(firefoxProfile);

        } catch (Exception e) {

            Logger.Output(LogType.LogTypeName.ERROR, e.getMessage());

            Logger.Output(LogType.LogTypeName.ERROR, "Failed to initilize the Firefox driver");

        }

        return driver;

    }

}

（3）TestLaunchBrowser.java

package testSuite;

import java.io.IOException;

import org.openqa.selenium.By;

import org.openqa.selenium.WebDriver;

import org.testng.annotations.AfterClass;

import org.testng.annotations.BeforeClass;

import org.testng.annotations.Test;

import framework.BrowserEngine;

/**

 * @author 北京-宏哥

 *

 * @公众号:北京宏哥

 *

 *  《手把手教你》系列基础篇（九十六）-java+ selenium自动化测试-框架之设计篇-跨浏览器（详解教程）

 *

 * 2022年4月02日

 */

public class TestLaunchBrowser {

    public WebDriver driver;

    @BeforeClass

    public void setUp() throws IOException{

        BrowserEngine browserEngine = new BrowserEngine();

        browserEngine.initConfigData();

        driver=browserEngine.getBrowser();

    }

    @Test

    public void searchPhone(){

        driver.findElement(By.id("key")).sendKeys("iPhone");

        driver.findElement(By.xpath("//*[@id='search']/div/div[2]/button")).click();

    }

    @AfterClass

    public void tearDown() throws InterruptedException{

        Thread.sleep(5000);

        driver.quit();

//        BrowserEngine browserEngine = new BrowserEngine();

//        browserEngine.tearDown();

    }

}

3.3运行代码

1.运行代码，右键Run AS->Java Appliance，控制台输出，如下图所示：

2.运行代码后电脑端的浏览器的动作，如下小视频所示：

4.小结

好了，今天时间不早了，今天宏哥就分享和讲解到这里，感谢您耐心地阅读！

巴特西