使用phantomjs进行无界面UI自动化测试

PhantomJS(http://phantomjs.org/) 是一个基于WebKit的服务器端JavaScript API。它全面支持web而不需浏览器支持,其快速、原生支持各种Web标准:DOM处理, CSS选择器, JSON, Canvas, 和SVG。 PhantomJS 可以用于页面自动化,网络监测,网页截屏以及无界面测试等。

 

0.下载安装(以Mac为例)

下载地址:http://phantomjs.org/download.html 下载后进行解压

将 phantomjs-2.0.0-macosx/bin/phantomjs 文件放到 ~/bin/ 路径下,以便于进行工具统一管理

创建软链接,在终端输入  " ln -s ~/bin/phantomjs /usr/local/bin/ " ,用于从终端启动phantomjs

 

1.运行demo,验证安装是否正常

在终端进入 phantomjs-2.0.0-macosx/examples 目录

运行 " phantomjs hello.js  "

输出 " Hello, world!  " ,安装成功

 

2.使用phantomjs访问web,并进行截图

编写测试脚本test.js

var page=require('webpage').create();
page.open('http://leettest.com',function(){
    page.viewportSize={width:1920,height:968};
    page.render('leettest.png');
    phantom.exit();
});

运行测试脚本

phantomjs test.js

查看截图,验证phantomjs访问

 

3.使用selenium驱动phantomjs,在不启动浏览器的情况下进行UI自动化测试

编写测试脚本(Java)

public static void main(String[] args) throws IOException {
    WebDriver driver = new PhantomJSDriver();
    driver.get("http://www.baidu.com");
    driver.manage().window().maximize();
    if(driver.getTitle().contains("百度")){
        TakesScreenshot shot = ((TakesScreenshot)driver);
        File srcFile=shot.getScreenshotAs(OutputType.FILE);
        srcFile.renameTo(new File("/Users/a58/Documents/demo.png"));
    }
    driver.close();
}

依赖jar包:

运行测试,查看页面截图