<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/logger/assets/skins/sam/logger.css" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/fonts/fonts-min.css" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/yuitest/assets/skins/sam/yuitest.css" />
<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/logger/logger-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/yuitest/yuitest-min.js"></script>
<script language="JavaScript" type="text/javascript" src="json_sans_eval.js"></script>
<script language="JavaScript" type="text/javascript" src="StatusWidget.js"></script>
<style type="text/css">
.avatar {
padding: 0 5 0 5;
width: 320;
background-color: gray;
display:block;
}
.avatar .avpic {
background-color:white;
}
.avatar .details {
vertical-align: top;
display:inline-block;
}
</style>
</head>
<body class=" yui-skin-sam">
<div id="testLogger">Hey!</div>
<script type="text/javascript">
var Assert = YAHOO.util.Assert;
var myTests = new YAHOO.tool.TestCase({
name : 'Tests',
setUp: function() {},
tearDown: function() { },
testCanFetchStats : function () {
var sw = new StatusWidget("avatar-1");
Assert.areEqual("andy", sw.getName());
Assert.areEqual(5, sw.getHitPoints());
Assert.areEqual(6, sw.getKickboxingScore());
Assert.areEqual(7, sw.getLinearAlgebraScore());
Assert.areEqual(8, sw.getCrossStitchingScore());
}
});
YAHOO.util.Event.onDOMReady(function (){
var logger = new YAHOO.tool.TestLogger('testLogger');
YAHOO.tool.TestRunner.add(myTests);
YAHOO.tool.TestRunner.run();
});
</script>
<hr />
<div id="avatar-1" class="avatar">
<div class="name">andy</div>
<img class="avpic" src="avatar.png" />
<div class="details">
<div class="hitpoints_panel">HP:
<span class="hit_point_score">5</span>
</div>
<div class="kickboxing_panel">Kickboxing:
<span class="kickboxing_score">6</span>
</div>
<div class="linear_algebra_panel">Linear Algebra:
<span class="linear_algebra_score">7</span>
</div>
<div class="cross_stitching_panel">Cross-stitching:
<span class="cross_stitching_score">8</span>
</div>
</div>
</div>
</body>
</html>