1.单点断言

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>断言----assert</title>

    <style type="text/css">

        #results li.pass { color:green; }

        #results li.fail { color:red; }

    </style>

</head>

<body>

    <ul id="results"></ul>

    <script type="text/javascript">

        function assert(value,desc){

            var li = document.createElement("li");

            li.className = value ? "pass" : "fail";

            li.appendChild(document.createTextNode(desc));

            document.getElementById("results").appendChild(li);

        }

        window.onload = function(){

            assert(true,"The test suite is running");

            assert(false,"Failed!");

            assert(true,"OK");

        }

    </script>

</body>

</html>

运行：

2.分组测试断言

<!DOCTYPE html>

<html>

<head>

	<meta charset="utf-8">

	<title>assert2</title>

	<style type="text/css">

		#results li.pass { color:green; }

		#results li.fail { color:red; }

	</style>

</head>

<body>

	<div style="color:red;font-weight: bolder; text-align: center;">

		测试分组

	</div>

	<ul id="results"></ul>

	<script type="text/javascript">

		(function(){

			var results;

			this.assert = function(value,desc){

				var li = document.createElement("li");

				li.className = value ? "pass":"failed";

				li.appendChild(document.createTextNode(desc));

				results.appendChild(li);

				if(!value){

					li.parentNode.parentNode.className = "fail"

				}

				return li;//返回li对象

			};

			this.test = function(name,fn){

				results = document.getElementById("results");

				results = assert(true,name).appendChild(document.createElement("ul"));

				fn();

			}

		})();

	</script>

	<script type="text/javascript">

		window.onload = function(){

			test("A group test.",function(){

				assert(true,"A.1 assertion completed.");

				assert(true,"A.2 assertion completed.");

				assert(true,"A.3 assertion completed.");

			});

			test("B group test",function(){

				assert(true,"B.a assertion completed.");

				assert(false,"B.b assertion completed.");

				assert(true, "B.c assertion completed.");

			});

		}

	</script>

</body>

</html>

运行：

3.引用文献：JavaScript忍者秘籍

JavaScript之调试工具之断言assert的更多相关文章

  1. 断言(assert)的用法

    我一直以为assert仅仅是个报错函数,事实上,它居然是个宏,并且作用并非“报错”. 在经过对其进行一定了解之后,对其作用及用法有了一定的了解,assert()的用法像是一种“契约式编程”,在我的理解 ...

  2. 分享十个JavaScript在线调试工具

    测试Javascript可能是网页开发中最让人忧伤的工作.这里我找一些比较好的工具来帮助大家进行测试工作.这10款是我精选的基于浏览器的JavaScript在线调试工具,希望你们对你们有用. 1.Op ...

  3. C语言中断言ASSERT

    我一直以为assert仅仅是个报错函数,事实上,它居然是个宏,并且作用并非"报错". 在经过对其进行一定了解之后,对其作用及用法有了一定的了解,assert()的用法像是一种&qu ...

  4. 使用断言assert

    之前有看过关于Assert的书,但是不懂得如何去用,最近看别人写的代码有用这个断言(assert),今天自己动手看看如何使用断言. 断言(assert)的语义如下:如果表达式的值为0(假),则输出错误 ...

  5. 断言Assert的使用

     转载地址:http://www.cnblogs.com/moondark/archive/2012/03/12/2392315.html 我一直以为assert仅仅是个报错函数,事实上,它居然是个宏 ...

  6. K:java 断言 assert 初步使用：断言开启、断言使用

    @转自天地悠悠的个人博客 主要总结一下在eclipse中如何使用断言. (一)首先明确: java断言Assert是jdk1.4引入的. jvm 断言默认是关闭的. 断言是可以局部开启的,如:父类禁止 ...

  7. java的断言(assert)

    概述 在C和C++语言中都有assert关键,表示断言.在Java中,同样也有assert关键字,表示断言,用法和含义都差不多.在Java中,assert关键字是从JAVA SE 1.4 引入的,为了 ...

  8. C# 断言 Assert

    重构-断言 现象:某一段代码需要对程序状态做出某种假设 做法:以断言明确表现这种假设 动机: 常常有这种一段代码:只有某个条件为真是,该改名才能正常运行. 通常假设这样的假设并没有代码中明确表现出来, ...

  9. 断言(assert)

    断言(assert):用来调试.测试代码. 格式: assert 布尔表达式: 字符串 (如果布尔表达式为false时,这个字符串才会显示). 注意: assert默认是关闭的,使用时需要使用&quo ...

随机推荐

  1. TMainMenu - 隐藏与显示菜单

    //隐藏与显示菜单 Self.Menu := nil; {隐藏菜单} Self.Menu := MainMenu1; {显示菜单}

  2. python之工作举例：通过复制NC文件来造数据

    # 通过对NC文件复制来造数据 import os, shutil # 遍历的根目录 root_dir = "D:\\test_data\\DISASTER\\" # 获取NC文件 ...

  3. Lodop客户端本地角色注册号常见误区

    之前写过一篇关于Lodop和c-lodop注册号的区别:LODOP.C-LODOP注册号的区别第一种角色客户端本地打印角色是最常见的角色,最常见的场景,关于c-lodop云打印,它的第一种角色是取代L ...

  4. AWS、Azure和Google的云容器注册表有什么区别？

    亚马逊云计算服务(AWS).谷歌云服务和微软Azure,这三大公共云平台都提供Docker容器注册表.虽然他们的产品看起来很相似,但开发人员在做出选择之前,应该先了解价格和功能方面的差异. 公共云供应 ...

  5. BZOJ2671 Calc（莫比乌斯反演）

    两个多月之前写的题,今天因为看到一道非常相似的题就翻出来了,发现完全不会,没救. 感觉这个题其实第一步是最难想到的,也是最重要的. 设d=gcd(a,b).那么a=yd,b=xd,且gcd(x,y)= ...

  6. hdu 4897 Little Devil I (树链剖分+线段树）

    题目链接:  http://acm.hdu.edu.cn/showproblem.php?pid=4897 题意: 给你一棵树,一开始每条边都是白色,有三种操作: 1.将 u - v路径上的边转换颜色 ...

  7. 洛谷P1776 宝物筛选_NOI导刊2010提高（02）（多重背包，单调队列）

    为了学习单调队列优化DP奔向了此题... 基础的多重背包就不展开了.设\(f_{i,j}\)为选前\(i\)个物品,重量不超过\(j\)的最大价值,\(w\)为重量,\(v\)为价值(蒟蒻有强迫症,特 ...

  8. HDU 3338 Kakuro Extension （网络流，最大流）

    HDU 3338 Kakuro Extension (网络流,最大流) Description If you solved problem like this, forget it.Because y ...

  9. A1069. The Black Hole of Numbers

    For any 4-digit integer except the ones with all the digits being the same, if we sort the digits in ...

  10. python(六)——基本数据类型介绍

    1.数字整形 python3不管数字有多大都是int型,没有long类型 1>字符串转换为数字 s1 = " print(type(s1),s1) b = int(s1)#不加base ...