jsunit

最新推荐文章于 2020-07-09 23:13:50 发布
最新推荐文章于 2020-07-09 23:13:50 发布
阅读量411 收藏 2
点赞数
分类专栏： Java Web JSP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43907332/article/details/86766535
版权
Java Web 同时被 2 个专栏收录
20 篇文章 0 订阅
订阅专栏
JSP
18 篇文章 0 订阅
订阅专栏

文章目录

  1. javaScript 单元测试（jsUnit）：http://www.jsunit.net/
  2. JavaScript 编码规范：通常在 JavaScript 不希望外界访问的成员和方法名以下划线开始。
  3. jsUnit 测试函数的要遵循的规则与 JUnit 3.8 类似（比如说测试函数名以 test 开头等）
    一定要记住testRunner.html一定要用IE浏览器打开，并且要在本地打开不要在IDEA里打开。
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title>Title</title>

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

    <script type="text/javascript">
        function add(num1, num2) {
            return num1 + num2;
        }
        function subtract(num1, num2) {
            return num1 - num2;
        }
        function multiply(num1, num2) {
            return num1 * num2;
        }

        //以下为测试函数（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);
        }

    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述
我们故意改错看看
在这里插入图片描述
可以点击show all将会在新的页面打开一个错误集合
在这里插入图片描述

  1. 测试内容和被测试内容放在一起很不规范，因此我们要新建个test1.js文件然后再引入
<script type="text/javascript" src="test1.js"></script>
  1. 对于 JsUnit 来说，其 setUp 和 tearDown 方法与 JUnit 的运行原理是不同的，JUnit 中的 setUp 和tearDown 之间是没有关系的，也就是说不同的测试方法运行在不同的测试对象之中，而 JsUnit 的各个测试函数是运行在同一个测试页面中。因此 setUp 和 tearDown会针对同一个变量进行操作。
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title>Title</title>

    <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;
        function setUp() {
            alert("setUP");
            alert(count++);
        }
        
        function tearDown() {
            alert("tearDown");
        }
        //以下为测试函数（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);
        }

    </script>
</head>
<body>

</body>
</html>

也就是说如果是Junit结果是0，0，0
而JsUnit是0，1，2

//此函数只执行一此（在页面加载后），类似与JUnit 4.x中的@BeforeClass
        //注意：并没有与@AfterClass对应的函数存在
        function setUpPage() {
            alert('setUpPage Invoked');
            //这行代码必须放在setUpPage函数的最后一行，告诉JsUnitsetUpPage函数已经执行完毕
            setUpPageStatus = "complete";
        }

如果把最后一行注释掉结果是:
在这里插入图片描述

我们现在做一个例子，在第一个和第二个文本框输入数字，点击按钮第三个文本框出来值，

<input type="text" id="value1"><br>
<input type="text" id="value2"><br>
<input type="text" id="value3"><br>
<input type="submit" value="Add" onclick="addNumber();">

function addNumber() {
    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;
}

我们接下来用JsUnit来测试

function setUp() {
            document.getElementById("value1").value = 2;
            document.getElementById("value2").value = 3;
        }

        function tearDown() {
            document.getElementById("value1").value = "";
            document.getElementById("value2").value = "";
            document.getElementById("value3").value = "";
        }
function testAddNumbers() {
            var result = addNumber();

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

setUp用来赋初值，tearDown用来清除痕迹

测试套件testSuite

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <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("E:\\IdeaProjects\\Java\\web\\jsunit\\test1.html");
            testSuite.addTestPage("E:\\IdeaProjects\\Java\\web\\jsunit\\test1.html");
            testSuite.addTestPage("E:\\IdeaProjects\\Java\\web\\jsunit\\test1.html");

            return testSuite;
        }
    </script>
    
</head>
<body>

</body>
</html>

结果运行三次，每一次运行4个
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <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("E:\\IdeaProjects\\Java\\web\\jsunit\\test1.html");
            testSuite.addTestPage("E:\\IdeaProjects\\Java\\web\\jsunit\\test1.html");
            testSuite.addTestPage("E:\\IdeaProjects\\Java\\web\\jsunit\\test1.html");

            return testSuite;
        }

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

            testSuit.addTestPage("E:\\IdeaProjects\\Java\\web\\jsunit\\test1.html");
            testSuit.addTestSuite(mySuite());

            return testSuit;
        }
    </script>
</head>
<body>

</body>
</html>

外部引入
在这里插入图片描述

我一定要成为架构师
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JSunit2.2(上)
11-25
很好的JavaScript测试工具,呵呵,首次发表望多多支持.
JSUnit单元测试
06-21
### JSUnit单元测试 #### 一、JSUnit简介与安装 **JSUnit**是JavaScript单元测试框架的一个实现，它是JUnit的JavaScript版本。JSUnit的主要作用是帮助开发者编写和执行前端JavaScript代码的单元测试，确保代码的...
拥抱JsUnit
llying
10-27 175
拥抱JsUnit 以往在测试js的时候，都是以alert方式来检测错误，很不专业，今天发现竟然有jsunit这个测试工具，感觉非常不错。 废话不说了，是骡子是马拉出来溜溜再说。 1 简单入门实例 首先我们定义我们的函数 这里以最简单的加减乘除四个方法来进行测试 建立我们的js文件myjs.js [code="js"] function add(num1,num2){ ret...
JsUnit测试JS
清风抚白杨
11-17 6661
为什么要用JsUnit，因为项目不是WEB项目，JS代码无法用网页测试，同样无法通过alert测试，所以采用JsUnit来测试编写的JS代码。 准备工作：下载JsUnit相关资源：www.jsunit.net 解压后如下图： JsUnit的核心文件（jsUnitCore.js、jsUnitTestManager.js等 ）都在app文件夹中，testRunner.html是
jsunit_使用JsUnit和JSMock进行JavaScript测试驱动的开发
cunfu6353的博客
07-09 234
jsunit 本文是编写可维护JavaScript的速成班。 我们将通过遵循以下简单原则，在正在运行的示例中添加功能：编写单元测试，使其通过。 每个测试将充当质量反馈回路，为想要更改生产代码的任何人创建安全网和可执行的文档形式。 通过以简单的失败测试开始每个功能，我们确保测试所有功能。 我们避免了为以后进行测试而重写代码的成本。 考虑到JavaScript开发人员有很多东西可以缠住他们，这一点特...
JsUnit入门
rainyspring4540的专栏
02-09 1373
感谢 http://blog.csdn.net/sdyy321/article/details/6981912 http://blog.csdn.net/sdtsfhh/article/details/1640279 和官网demo：https://github.com/pivotal/jsunit/blob/master/testRunner.html 下载后的目录 入门看
JsUnit-开源
04-24
**JsUnit 开源详解** JsUnit 是一个针对 JavaScript 语言设计的单元测试框架，它的灵感来源于 Java 领域中的著名测试工具 JUnit。JsUnit 的出现，为 JavaScript 开发者提供了一种强大的、结构化的测试工具，使得在...
jsunit.rar
09-16
JavaScript Unit Testing，通常简称为JSUnit，是一种针对JavaScript代码进行单元测试的框架，类似于Java中的JUnit工具。在软件开发过程中，单元测试是确保代码质量、可维护性和避免bug的重要环节。JSUnit允许开发者...
JsUnit单元测试框架
12-16
**JsUnit单元测试框架** JsUnit是一款专门为JavaScript代码设计的单元测试框架，它借鉴了Java领域中的JUnit测试框架的理念，为JavaScript开发者提供了一种结构化、自动化测试的工具。单元测试是软件开发过程中的...
JsUnit使用说明书(内含使用心得)
01-16
单元测试工具JSUNIT，用于测试javascript,内含安装方法、使用说明、功能介绍以及个人心得等，较全面。
分析JsUnit
java电商源码分享
08-04 154
2001年初，Edward Hieatt开始“移植”JUnit，目的是在浏览器中测试JavaScript。从那以后，JsUnit的下载次数已近10 000次，大约300人加入了JsUnit的新闻组。JsUnit支持一般的xUnit功能，完全用JavaScript编写，如果你习惯使用JUnit 或者类似的xUnit框架，就会发现JsUnit使用起来相当简单直观。 　　JsUnit也有一些不同的...
jsUnit测试框架
yjsuge的专栏
06-11 955
jsUnit测试函数的要遵循的规则与JUnit 3.8类似（比如说测试函数名以test开头等）对于JsUnit来说，其setUp和tearDown方法与JUnit的运行原理是不同的，JUnit中的setUp和tearDown之间是没有关系的，也就是说不同的测试方法运行在不同的测试对象之中，而JsUnit的各个测试函数是运行在同一个测试页面中。因此setUp和tearDown会针对同一个变量进行操作
JsUnit工具应用
wangqiuchen_Study的专栏
05-15 422
为什么要用JsUnit，因为项目不是WEB项目，JS代码无法用网页测试，同样无法通过alert测试，所以采用JsUnit来测试编写的JS代码。 准备工作：下载JsUnit相关资源：www.jsunit.net 解压后如下图：JsUnit的核心文件（jsUnitCore.js、jsUnitTestManager.js等 ）都在app文件夹中，testRunner.html是用来JS测试图形化页面，你不
JsUnit的体验
owlling的专栏
09-15 193
知道JUnit的一定不会对他感到陌生，只不过他的gui是基于web的，如下图所示：正如junit是针对java的单元测试那样，jsunit是javascript的单元测试测试项目。可以用如下代码进行测试： function testadd() { assertEquals("3+4=7",7,myadd(3,4)); } func...
JsUnit详解——《ajax基础》笔记（二）
junJZ_2008的专栏
10-20 189
使用标准/定制查询串 如此说来，测试运行工具是很强大的，但是每天都得打开这个测试运行工具，并浏览你的测试页或测试集，这可能非常烦人。好在可以使用一些查询串来预置要运行的文件，让测试运行工具自动地运行测试，甚至可以向测试传递参数 ！测试运行工具支持testPage 查询串 。在浏览器地址栏中键入以下地址（当然，根据具体环境可能要做相应调整），就会在浏览器中启动测试运行工具，并且预置了给定的测试： ...
18、JavaScript单元测试框架jsUnit
kaoa000的专栏——非淡泊无以明志，非宁静无以致远
04-27 809
1、JavaScript编码规范：通常在Javascript不希望外界访问的成员和方法名以下划线开始 2、jsUnit测试函数的要遵循的规则与JUnit3.8类似（比如说测试函数名以test开头等） 想要使用jsUnit，要引入jsUnit库jsUnitCore.js，使用如下语句：     test function add(num1
JSUnit使用说明
roycheng的专栏
03-24 1580
http://JsUnit.berlios.de. (to be continued)
javaScript的单元测试框架Unit.js介绍
WEL测试
01-13 1724
原文：http://unitjs.com/guide/introduction.html unit.js是一个javascript断言库，该库可以在node.js与浏览器上运行。它适用于任何测试runner和单元测试框架，如mocha、jasmine、karma、protractor(角度应用程序的E2E测试框架)、qunit等。 为了使用户按自己喜欢的方式编写单元测试，unit.js提供了一
"JsUnit教程：基于浏览器JavaScript的单元测试入门（英语ppt）
JsUnit教程是针对在浏览器中使用JavaScript进行单元测试的一种教程。它通过PPT的形式向读者介绍了如何使用JsUnit来编写和手动运行JavaScript测试。这份PPT由Edward Hieatt在2005年2月撰写，涵盖了JsUnit版本2.1的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值