xUnitには、本来ロギングの機能は付いていないのですが、JsUnitにはこの機能が付いていて、手軽に使用することができます。
使い方は簡単で、テストケースの中でロギング専用に用意された関数を呼び出すだけです。
それぞれのメソッドを使ってロギングをした、次のようなサンプルを作成しました。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="application/xml; charset=UTF-8"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<meta http-equiv="Content-Script-Type" content="text/javascript"/>
<title>loggingTest.html</title>
<script type="text/javascript" src="./jsunit/app/jsUnitCore.js"></script>
<script type="text/javascript">
//<![CDATA[
function testWarn() {
warn('警告');
}
function testInfo() {
info('報告');
}
function testDebug() {
debug('デバッグ');
}
//]]>
</script>
</head>
<body>
</body>
</html>
このテストページを実行する前に、「Trace level:」のセレクトボックスを「debug(highest)」にしておきます。
そして実行すると、次のようなウィンドウが開いて、そこにログが表示されます。

※「Trace level:」セレクトボックスを変更することにより、表示するログレベルを調節することができます。