用JsUnit测试和跟踪Javascript

最新推荐文章于 2025-09-12 16:56:45 发布

weixin_33795833

最新推荐文章于 2025-09-12 16:56:45 发布

阅读量71

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/kntao/archive/2009/09/24/2049837.html

本文介绍了如何使用JsUnit对JavaScript代码进行单元测试。通过具体示例展示了JsUnit的基本使用方法，包括设置测试环境、编写测试用例及使用不同的断言方法验证函数行为。此外还介绍了JsUnit提供的跟踪调试功能。

最近读Ajax基础教程，读到了用JsUnit测试和跟踪Javascript，感觉不错。

一，用JsUnit测试Javascript，

1，准备好JsUnit，可以从http://sourceforge.net/projects/jsunit/ 这儿下载JsUnit包，解压到工程文件下，JsUnit断言方法

assert([comment], booleanValue)

assertTrue([comment], booleanValue)

assertFalse([comment], booleanValue)

assertEquals([comment], value1, value2)

assertNotEquals([comment], value1, value2)

assertNull([comment], value)

assertNotNull([comment], value)

assertUndefined([comment], value)

assertNotUndefined([comment], value)

assertNaN([comment], value)

assertNotNaN([comment], value)

fail(comment)

2，准备好简单的测试页面：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>A Simple Test Page</title> <mce:script type="text/javascript" src="jsunit/app/jsUnitCore.js" mce_src="jsunit/app/jsUnitCore.js"></mce:script> <mce:script type="text/javascript" src="JavaScripts/Sample.js" mce_src="JavaScripts/Sample.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <input type="text" size="3" id="value1"/> <input type="text" size="3" id="value2"/> <input type="button" value="Add" onclick="addNumbers()"/> This is a simple test page for addTwoNumbers(value1, value2). </body> </html>

3，打开testRunner.html文件输入测试页面进行测试。

JsUnit支持很多方法setUp() 和 tearDown() 和 setUpPage()等，读完这些后，加深了对已经做自动化测试的理解。

测试结果：

二：JsUnit同时也支持JS跟踪。跟踪方法有

warn(message, [value])

inform(message, [value])

debug(message, [value])

script language="JavaScript"> function addTwoNumbers(value1, value2) { warn("this is a warning message"); warn("this is a warning message with a value", value1); return value1 + value2; } function testValidArgs() { inform("this is an inform message"); assertEquals("2 + 2 is 4", 4, addTwoNumbers(2, 2)); } function testWithNegativeNumbers() { debug("this is a debug message"); assertEquals("negative numbers: -2 + -2 is -4", -4, addTwoNumbers(-2, -2)); } </script>

转载于:https://www.cnblogs.com/kntao/archive/2009/09/24/2049837.html