当前位置:首页 > 开发 > 系统架构 > 架构 > 正文

Spring4.1新特性——页面自动化测试框架Spring MVC Test HtmlUnit简介

发表于: 2014-08-25   作者:jinnianshilongnian   来源:转载   浏览:
摘要: 目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T

目录

Spring4.1新特性——综述

Spring4.1新特性——Spring核心部分及其他

Spring4.1新特性——Spring缓存框架增强

Spring4.1新特性——异步调用和事件机制的异常处理

Spring4.1新特性——数据库集成测试脚本初始化

Spring4.1新特性——Spring MVC增强

Spring4.1新特性——页面自动化测试框架Spring MVC Test HtmlUnit简介

Spring4.1新特性——静态资源处理增强

 

本文其实不应该算作Spring4.1新特性,该测试框架目前是独立于Spring Framework发展的。Spring MVC Test HtmlUnit提供了Spring MVC测试框架HtmlUnit、 WebDriverGeb的集成测试,简化页面自动化测试,利用这些技术可以完成无需启动服务器即可进行页面测试、自动化页面/页面流程测试、Javascript测试、Mock Service提高集成测试速度。本文只会带你使用HtmlUnit和WebDriver进入基本的页面自动化测试一览,不会深入。

 

注:目前不支持JSP页面模板,因为其运行需要web容器支持,请选择如velocity、freemarker等模板引擎。

 

1、定义控制器 

@Controller
public class TestController {

    @RequestMapping("/test1")
    public String test1(Model model) {
        return "test1";
    }

    @RequestMapping("/test2")
    public String test2(@RequestParam Long id, @RequestParam String name, Model model) {
        model.addAttribute("id", id);
        model.addAttribute("name", name);
        return "test2";
    }
}

2、页面test1.vm

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="/static/css/style.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/static/js/jquery-1.11.1.min.js"></script>
</head>
<body>

<form id="form" action="/test2" method="post">
    <label for="id">id:</label>
    <input type="text" id="id" name="id"/><br/>

    <label for="name">name:</label>
    <input type="text" id="name" name="name"/><br/>

    <input type="submit" value="submit"/>
</form>

</body>
</html>

输入id和name会跳转到test2页面

 

3、页面test2.vm 

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="/static/css/style.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/static/js/jquery-1.11.1.min.js"></script>
</head>
<body>

<form id="form" method="post">
    <label for="id">id:</label>
    <input type="text" id="id" name="id" value="${id}"/><br/>

    <label for="name">name:</label>
    <input type="text" id="name" name="id" value="${name}"/><br/>

    <input id="submit-btn" type="submit" value="submit"/>

</form>

<script type="text/javascript">
    $("#submit-btn").click(function() {
        $(this).closest("form").attr("action", "/submit");
        $("#id").val("123");
        $("#name").val("zhangsan");
        return false;
    });
</script>

</body>
</html>

在该页面绑定id和name数据,然后点击submit按钮会重新设置id和name数据。

 

4、使用HtmlUnit测试 

4.1、初始化Web环境

@RunWith(SpringJUnit4ClassRunner.class)
@ContextConfiguration(value = "classpath:spring-mvc.xml")
@WebAppConfiguration(value = "spring4.1-htmlunit/src/main/webapp")
public class MockMvcHtmlUnitHelloWorldTest {
    @Autowired
    private WebApplicationContext context;

    MockMvc mockMvc;
    WebClient webClient;

服务端端配置请参考《Spring MVC测试框架详解——服务端测试》。

 

4.2、创建WebClient

    @Before
    public void setup() throws Exception {
        mockMvc = webAppContextSetup(context).build();

        String contextPath = "";
        webClient = new WebClient();
        webClient.setWebConnection(new MockMvcWebConnection(mockMvc, contextPath));
    }

此处需要指定contextPath,如果不指定会把uri路径中的第一个目录作为上下文,如http://localhost/ctx/path,即ctx是上下文,如果不想带上下文需要指定为“”。

 

获取页面1数据,然后设置form表单数据,其操作方式和Javascript DOM类似:

        HtmlPage page1 = webClient.getPage("http://localhost/test1");
        HtmlForm form1 = page1.getHtmlElementById("form");
        assertEquals("/test2", form1.getAttribute("action"));

        page1.getElementById("id").setAttribute("value", "1");
        page1.getElementById("name").setAttribute("value", "lisi");

接着提交表单,当前页面会跳转到test2:

        HtmlPage page2 = form1.getElementsByAttribute("input", "type", "submit").get(0).click();
        assertEquals("http://localhost/test2", page2.getUrl().toString());
        assertEquals("1", page2.getElementById("id").getAttribute("value"));
        assertEquals("lisi", page2.getElementById("name").getAttribute("value"));

然后断言该页面的数据是否是上个页面提交过来的。

 

接着点击表单的submit按钮:

        HtmlForm form2 = page2.getHtmlElementById("form");
        form2.getElementsByAttribute("input", "type", "submit").get(0).click();

        assertEquals("123", page2.getElementById("id").getAttribute("value"));
        assertEquals("zhangsan", page2.getElementById("name").getAttribute("value"));

点击该按钮后,会重新设置该页面的id和name输入框的数据。

 

整个测试过程还是比较简单的,当然实际页面要比这个复杂很多。

 

5、使用WebDriver进行测试

5.1、初始化Web环境

@RunWith(SpringJUnit4ClassRunner.class)
@ContextConfiguration(value = "classpath:spring-mvc.xml")
@WebAppConfiguration(value = "spring4.1-htmlunit/src/main/webapp")
public class MockMvcWebDriverHelloWorldTest {
    @Autowired
    private WebApplicationContext context;

    MockMvc mockMvc;
    MockMvcHtmlUnitDriver webDriver;

和使用HtmlUnit类似,就不多介绍了。

 

5.2、创建MockMvcHtmlUnitDriver

    @Before
    public void setup() throws Exception {
        mockMvc = webAppContextSetup(context).build();
        boolean enableJavascript = true;
        String contextPath = "";
        webDriver = new MockMvcHtmlUnitDriver(mockMvc, enableJavascript);
        DirectFieldAccessor accessor = new DirectFieldAccessor(webDriver);
        BeanWrapper wrapper = new BeanWrapperImpl(accessor.getPropertyValue("webClient"));
        wrapper.setPropertyValue("webConnection", new MockMvcWebConnection(mockMvc, contextPath));
    }

此处需要使用反射把WebClient的上下文修改掉,否则必须带着上下文,这是目前它考虑不完善的地方。

 

最后测试完成后,关闭WebDriver

    @After
    public void tearDown() {
        webDriver.close();
    }

 

首先请求test1页面,然后查找相应的元素并输入数据

        webDriver.get("http://localhost/test1");
        WebElement form1 = webDriver.findElement(By.id("form"));
        webDriver.findElement(By.id("id")).sendKeys("1");
        webDriver.findElement(By.id("name")).sendKeys("lisi");
        form1.findElement(By.cssSelector("input[type=submit]")).click();

WebDriver支持CSS选择器,在实现负责逻辑时非常有用。

 

提交表单后,跳转到test2页面

        assertEquals("http://localhost/test2", webDriver.getCurrentUrl());
        assertEquals("1", webDriver.findElementById("id").getAttribute("value"));
        assertEquals("lisi", webDriver.findElementById("name").getAttribute("value"));

 

接着点击test2页面的submit按钮

        webDriver.findElementByCssSelector("#form input[type=submit]").click();

        assertEquals("/submit", webDriver.findElementById("form").getAttribute("action"));
        assertEquals("123", webDriver.findElementById("id").getAttribute("value"));
        assertEquals("zhangsan", webDriver.findElementById("name").getAttribute("value"));

   

整个测试过程和HtmlUnit类似,不过API更易用。

 

从目前来看,Spring MVC Test HtmlUnit框架本身只是起到了Spring MVC测试框架和HtmlUnit和WebDriver之间的粘合剂,把它们结合起来,如果没有Spring MVC测试框架的强大,这种融合还是比较麻烦的。

 

相关文章

http://htmlunit.sourceforge.net/

https://code.google.com/p/selenium/wiki/HtmlUnitDriver(需 翻 墙)

https://github.com/spring-projects/spring-test-htmlunit/blob/master/src/asciidoc/index.adoc

Spring MVC测试框架详解——服务端测试

Spring MVC测试框架详解——客户端测试

 

Spring4新特性

Spring4新特性——泛型限定式依赖注入

Spring4新特性——核心容器的其他改进

Spring4新特性——Web开发的增强

Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC 

Spring4新特性——Groovy Bean定义DSL

Spring4新特性——更好的Java泛型操作API 

Spring4新特性——JSR310日期API的支持

Spring4新特性——注解、脚本、任务、MVC等其

 

源码下载

https://github.com/zhangkaitao/spring4-1-showcase/tree/master/spring4.1-htmlunit

 

Spring4.1新特性——页面自动化测试框架Spring MVC Test HtmlUnit简介

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
出自http://www.cnblogs.com/oscarxie/ 最近有点时间,觉得可以研究下自动化测试框架了,其实现成的
出自http://www.cnblogs.com/oscarxie/ 最近有点时间,觉得可以研究下自动化测试框架了,其实现成的
测试自动化程序的任务 基于反射的ui测试自动化程序,要完成的6项任务: 通过某种方式从测试套件程序
淘宝新自动化测试框架AutoRobot简要介绍    一、自动化测试发展   自动化技术在不断的发展,从
Google Test测试框架 这篇文章主要是介绍简洁并且强大的 google test 测试框架。 在历经数月的论战
6.6.5、生产者、消费者限定 6.6.5.1、基本概念 首先让我们看一下通过HTTP协议传输的媒体类型及如何
6.6.5、生产者、消费者限定 6.6.5.1、基本概念 首先让我们看一下通过HTTP协议传输的媒体类型及如何
------------------------------------------------------------------ 大家好,我是平夏雨,微软拼
作者:张强 本文主要介绍对CUBRID数据库实现自动化测试<span style="font-family: 宋体; color:
这段时间一直在为公司内部开发自动化测试框架,简称GTF。这些代码都是公司的财产,不方便共享。当然
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号