JavaScript单元测试框架JsUnit基本介绍和使用

最新推荐文章于 2024-09-16 08:00:33 发布
最新推荐文章于 2024-09-16 08:00:33 发布
阅读量460 收藏
点赞数
分类专栏： javascript

 

XUnit framework

　　XUnit是一套标准化的独立于语言的概念和结构集合,用于编写和运行单元测试(Unit tests).

　　每一个语言都有一个用于单元测试的XUnit框架,比如Java有JUnit, C++有CppUnit, PHP有PHPUnit, Oracle SQL有UTPL/SQL.

 

JsUnit

　　JsUnit的官网: http://jsunit.net/

　　JsUnit遵循XUnit的一些惯例:

　　单元测试在JsUnit中叫做Test Functions.

　　Test Functions所在的HTML页面叫做Test Page.

　　一个Test Page是一个包含jsUnitCore.js的HTML页面. jsUnitCore.js提供了一些断言函数, 比如assertEquals(comment, arg1, arg2).

　　JsUnit支持setUp()和tearDown().

　　Test Suite Page声明了一个suite()函数,返回一个JsUnitTestSuite, 用来运行含多个测试的套件.

　　JsUnit的testRunner.html页运行Test Pages.

　　TestRunner页面可以运行在一个文件服务器或者web服务器上.

 

JUnit和JsUnit

 

 

JavaScript编码规范

　　由于JavaScript没有访问修饰符,所以通常在JavaScript中,不希望外界访问的成员和方法名以下划线开始.

　　这是一种编码规范,不是语言的规定,虽然外界仍然可以访问但是不推荐.

　　JsUnit测试函数要遵循的规则与JUnit3.8类似,比如说测试函数名以test开头等.

 

JsUnit基本使用实例

　　待测试的源代码:test1.js

复制代码 
  function add(num1, num2)
  {
    return num1 + num2;
  }

  function subtract(num1, num2)
  {
    return num1 - num2;
  }

  function multiply(num1, num2)
  {
    return num1 * num2;
  }

  function addNumbers()
  {
    var v1 = document.getElementById("value1").value;
    var v2 = document.getElementById("value2").value;

    v1 = parseInt(v1);
    v2 = parseInt(v2);

    var v3 = v1 + v2;

    document.getElementById("value3").value = v3;
  }
复制代码

 

　　测试页面:test1.html

复制代码 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">

  <script type="text/javascript" src="..\jsunit2_2\jsunit\app\jsUnitCore.js"></script>

  <script type="text/javascript" src="test1.js"></script>

  <script type="text/javascript">

  var count = 0;

  // 此函数只执行一次（在页面加载后），类似于JUnit 4.x中的@BeforeClass
  // 注意：并没有与@AfterClass对应的函数存在
  function setUpPage()
  {
    alert('setUpPage Invoked');

    // 这行代码必须放在setUpPage函数的最后一行
    // 告诉JsUnit，setUpPage函数已经执行完毕
    
    setUpPageStatus = "complete"; 
  }


  // setUp run before every test function
  function setUp()
  {
    //alert(count++);    //JUnit若这样执行,count全是0,因为每一个测试方法都会生成新的测试对象;
                        //JsUnit会递增count, 因为都是在同一个页面里去执行,所以会基于原有的值

    //设定初始条件
    document.getElementById("value1").value = 2;
    document.getElementById("value2").value = 3;
  }

  // tearDown run after every test function
  function tearDown()
  {
    //alert("tearDown");

    //清理状态
    document.getElementById("value1").value = "";
    document.getElementById("value2").value = "";
    document.getElementById("value3").value = "";
  }

  // 以下为测试函数（Test Function）

  function testAdd()
  {
    var result = add(1, 2);

    assertEquals(3, result);
  }

  function testSubtract()
  {
    var result = subtract(1, 2);

    assertEquals(-1, result);
  }

  function testMultiply()
  {
    var result = multiply(1, 2);

    assertEquals(2,result);
  }

  function testAddNumbers()
  {
    addNumbers();

    assertEquals("5", document.getElementById("value3").value);
  }

  </script>

 </head>
 <body>

  <input type="text" id="value1"><br>
  <input type="text" id="value2"><br>
  <input type="text" id="value3"><br>

  <input type="button" value="Add" onclick="addNumbers();">

 </body>
</html>
复制代码

 

 　　使用JsUnit提供的测试运行器: testRunner.html, 加载测试页面,即可运行相关测试,并报告结果.

 

setUp()和tearDown()

　　setUp()在每一个测试方法运行之前运行;

　　tearDown()在每一个测试方法运行之后运行.

　　对于JsUnit来说, 其setUp()和tearDown()方法与JUnit的运行原理是不同的.

　　JUnit中的setUp()和tearDown()之间是没有关系的,也就是说不同的测试方法运行在不同的测试对象之中;

　　而JsUnit的各个测试函数是运行在同一个测试页面中,因此同一个页面中setUp()和tearDown()运行多次(每个测试函数之前和之后),会针对同一个变量进行操作.

 

setUpPage()

　　setUpPage()在测试页面加载时执行,每次运行只执行一次.

　　这个方法的末尾必须加上:

       setUpPageStatus = "complete";

　　表示setUpPage()执行完成,否则会提示setUpPage not completed, 从而无法执行测试用例.

 

测试套件Suite

　　JsUnitTestSuite定义在jsUnitCore.js中, JsUnitTestSuite代表多个JsUnit测试页面的套件,测试页面和测试套件都可以被加在套件中,即套件是可嵌套的.(组合模式).

　　JsUnitTestSuite的定义(见jsUnitCore.js):

复制代码 
/**
 * @class
 * A JsUnitTestSuite represents a suite of JsUnit Test Pages.  Test Pages and Test Suites can be added to a
 * JsUnitTestSuite
 * @constructor
 */
function JsUnitTestSuite() {
    /**
     * Declares that this object is a JsUnitTestSuite
     */
    this.isJsUnitTestSuite = true;
    /**
     * @private
     */
    this._testPages = Array();
    /**
     * @private
     */
    this._pageIndex = 0;

    for (var i = 0; i < arguments.length; i++) {
        if (arguments[i]._testPages) {
            this.addTestSuite(arguments[i]);
        } else {
            this.addTestPage(arguments[i]);
        }
    }
}
复制代码

 

测试套件的使用例子1: test2.html

复制代码 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">

  <script type="text/javascript" src="..\jsunit2_2\jsunit\app\jsUnitCore.js"></script>

<script type="text/javascript">


//测试套件名一定为suite
function suite()
{
    var testSuite = new top.jsUnitTestSuite();

    // 增加的测试页面的路径是相对于测试运行器（testRunner.html）的路径
    // 而不是当前页面
    testSuite.addTestPage("../../jsUnit_code/test1.html");
    testSuite.addTestPage("../../jsUnit_code/test1.html");
    testSuite.addTestPage("../../jsUnit_code/test1.html");

    return testSuite; // 最后需要返回套件
}
</script>
 </head>

 <body>

 </body>
</html>
复制代码

 

测试套件的使用例子2: test3.html

复制代码 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">

  <script type="text/javascript" src="..\jsunit2_2\jsunit\app\jsUnitCore.js"></script>

  <script type="text/javascript">

   // 自定义的测试套件
  function mySuite()
  {
    var testSuite = new top.jsUnitTestSuite();

    testSuite.addTestPage("../../jsUnit_code/test1.html");
    testSuite.addTestPage("../../jsUnit_code/test1.html");
    testSuite.addTestPage("../../jsUnit_code/test1.html");

    return testSuite;
  }

  function suite()
  {
    var testSuite = new top.jsUnitTestSuite();

    testSuite.addTestPage("../../jsUnit_code/test1.html"); // 在测试套件中加入页面
    testSuite.addTestSuite(mySuite()); // 在测试套件中加入测试套件

    return testSuite; // 记得返回套件
  }

  </script>

 </head>

 <body>

 </body>
</html>
复制代码

 

参考资料

　　圣思园张龙老师Java Web培训视频教程: 60-62.

　　JsUnit官网: http://jsunit.net/

 

javascript单元测试 jsunit2.2
03-01
jsUnit 是一个专门用于 JavaScript 的单元测试框架，版本 2.2 提供了更稳定和强大的测试支持。在本篇文章中，我们将深入探讨 JavaScript 单元测试的重要性和 jsUnit 2.2 的关键特性，以及如何有效地使用它进行测试。...
jsUnit测试框架
yjsuge的专栏
06-11 970
jsUnit测试函数的要遵循的规则与JUnit 3.8类似（比如说测试函数名以test开头等）对于JsUnit来说，其setUp和tearDown方法与JUnit的运行原理是不同的，JUnit中的setUp和tearDown之间是没有关系的，也就是说不同的测试方法运行在不同的测试对象之中，而JsUnit的各个测试函数是运行在同一个测试页面中。因此setUp和tearDown会针对同一个变量进行操作
JsUnit 项目教程
最新发布
gitblog_00755的博客
09-16 278
JsUnit 项目教程 jsunit The original unit-testing framework for JavaScript. These days we use Jasmine (http://github.com/pivotal/jasmine) by default for JS testing; J...
javaScript的单元测试框架Unit.js介绍
WEL测试
01-13 1739
原文：http://unitjs.com/guide/introduction.html unit.js是一个javascript断言库，该库可以在node.js与浏览器上运行。它适用于任何测试runner和单元测试框架，如mocha、jasmine、karma、protractor(角度应用程序的E2E测试框架)、qunit等。 为了使用户按自己喜欢的方式编写单元测试，unit.js提供了一
JavaScript单元测试框架
weixin_34067102的博客
03-20 140
我的博客：JavaScript单元测试框架 简介 测试是保证代码质量的重要环节，web项目的单元测试虽然不能完全完成功能测试，但是却能保证底层单一模块的工作质量，并且在代码重构的时候保证对外接口不会发生变化。 测试框架 Mocha Jasmine Jest Tape Karma Mocha Mocha 是一个灵活的测试框架，但它只是一个结构，你需要引入其他插件来实现一些测试功能，比如断言库、覆...
Javascript单元测试框架
uikoo9的专栏
02-09 486
【前言】 想选一个js的单测框架，有两篇文章不错： http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html https://juejin.cn/post/6844903800302469128 【对比】 功能性对比可以参考上述两篇文章，这里做一些数据对比 框架 github stars issues 最后提交时间（截止文章发表） 协议 jest https://.
JSUnit Javascript单元测试
05-23
JSUnit是专为JavaScript设计的一个单元测试框架，它使得JavaScript应用程序的测试变得更加系统化和自动化。下面将详细介绍JSUnit以及其在JavaScript单元测试中的应用。 首先，让我们理解什么是单元测试。单元测试是...
JSUnit单元测试
06-21
**JSUnit**是JavaScript单元测试框架的一个实现，它是JUnit的JavaScript版本。JSUnit的主要作用是帮助开发者编写和执行前端JavaScript代码的单元测试，确保代码的正确性和稳定性。通过JSUnit进行测试可以有效地提升...
拥抱JsUnit
03-01
NULL 博文链接：https://llying.iteye.com/blog/258605
JsUnit单元测试框架
12-16
总之，JsUnit作为JavaScript的单元测试框架，对于保证代码质量和提升开发效率具有重要作用。通过编写和执行测试用例，开发者可以更加自信地进行代码修改和重构，同时也能在早期发现并解决问题，降低软件维护成本。
JsUnit 开源单元测试框架
03-15
JsUnit是JavaScript的开源单元测试框架。它受到JUnit的启发，并完全用JavaScript编写。作为最流行的 JavaScript单元测试框架，它还提供了一些ant任务，使开发人员在持续集成服务器上构建时很容易运行测试套件。
javascript--QUnit【javascript单元测试框架】
qw765811529的专栏
08-26 1049
QUnit官网 开源中国：http://www.oschina.net/p/qunit 参考：http://www.zhangxinxu.com/wordpress/2013/04/qunit-javascript-unit-test-单元测试/     http://blog.csdn.net/cyq1984/article/details/6398596 一、断言（As
javaScript单元测试
weixin_33853827的博客
03-17 329
Node assert 的用法 所谓"断言"，就是判断源码的实际执行结果与预期结果是否一致，如果不一致就抛出一个错误 assert.deepEqual(actual, expected[, message])//是否深度相等 assert.doesNotThrow(fn[, error][, message]) //断言 fn 函数不会抛出错误 assert.fail([message])//抛出...
【单元测试工具/框架】
j8267643的博客
07-06 1354
Venus 是一个 JavaScript (JS) 的测试工具，可以简化运行单元测试。当你在 JS 开发一个基于浏览器的项目时，你想创建单元测试并频繁地运行它们。通常，你会用一些库比如 Mocha 或 Jasmine，写一个单元测试，这些库可以让你定义测试用例，并提供 API 来编写判断。我们通过创建一个工具，可以让你更轻松地与现有的库一起工作。一下是 Venus 的主要好处：在你的测试使用来指定你要使用的测试库，你要测试的文件，其它文件依赖，以及测试工具模板。
Javascript unit test framework
zhuchuji的博客
07-13 380
Javascript unit test framework
Jasmine：全能JavaScript单元测试框架
Jasmine是一个由Pivotal Labs开发的JavaScript测试框架，起源于JsUnit，后者是JUnit的JavaScript版本。由于JsUnit的维护停滞，Jasmine应运而生，它是一个独立的框架，适用于各种JavaScript环境，不受特定框架限制。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值