您的位置:首页 > Web前端 > 其它 > 正文

web前端测试工具

更多 时间:2015-5-31 类别:Web前端 浏览量:1718

web前端测试工具

web前端测试工具

一、QUnit 前端测试工具

QUnit是一个强大的JavaScript单元测试框架,该框架是由jQuery团队的成员所开发,并且是jQuery的官方测试套件。Qunit是Jquery的单元测试框架,并且被广泛使用在各个项目中。

为了使用Qunit,你仅仅需要去包含2个Qunit文件在你的Html页面。Qunit 包含了qunit.js 作为运行器和测试框架,和qunit.css 文件,座位测试套件页面显示测试结果的样式。

 

  •  
  • HTML 代码   复制
  • 
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="utf-8">
     <title>QUnit basic example</title>
     <link rel="stylesheet" href="qunit/qunit-1.15.0.css">
    </head>
    <body>
     <li id="qunit"></li>
     <li id="qunit-fixture"></li>
     <script src="qunit/qunit-1.15.0.js"></script>
     <script>
     QUnit.test( "a basic test example", function( assert )     
     {   
     var value = "hello";
     assert.equal( value, "hello", "We expect value to be hello" ); }); 
    </script>
    </body>
    </html>
    
    		
  •  

    二、Selenium 前端测试工具

    Selenium 是ThoughtWorks专门为Web应用程序编写的一个验收测试工具。Selenium也是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中,就像真正的用户在操作一样。

    这个工具的主要功能包括:

    1、测试与浏览器的兼容性——测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。

    2、测试系统功能——创建回归测试检验软件功能和用户需求。

    3、支持自动录制动作和自动生成 .Net、Java、Perl等不同语言的测试脚本。

     

    三、Jshint 前端测试工具

    JSHint 跟JSLint非常像,都是一个 JavaScript 的代码质量检查工具,主要用来检查代码质量以及找出一些潜在的代码缺陷并提供相关的代码改进意见。

    使用方式:

    第一种方法:进入JSHint首页,粘贴你的代码,选择相关的选项,然后点击右下角的Lint按钮就可以了。

    第二种方法:使用Grunt整合的JSHint。

    第三种方法:直接使用API。

     

    四、WebDriverTest 前端测试工具

    WebDriver就是基于Selenium的一个自动化测试类库,但它不再是运行在浏览器内的JS程序,而是自己可以控制浏览器。旨在改进Selenium中出现的诸多问题,并且提供了非常易用、可读性很强的API。

    例如可以实现下列Web前端自动化测试

    1、元素定位:无论使用XPath, Dom还是CSS,需要简单方便的API定位元素,可以延时等待元素出现;
    2、交互操作:包括文本框、单选框、多选框、按钮、表格单元的输入或者点击;
    3、页面操作:页面切换和关闭、对话框切换和关闭;
    4、其他要求:对主流浏览器测试的支持、对JavaScript的支持等。
     

    标签:前端测试