follow mediafragment conventions for links.
<html>
<head>
<title>Unit Tests</title>
<!-- the following libs are included only for unit testing -->
<script src="../res/js/jquery.min.js"></script>
<script src="../res/js/jquery.tools.min.js"></script>
<script src="../res/js/jquery-ui.min.js"></script>
<!-- used by the jquery team to simulate events -->
<script src="jquery.simulate.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/base/jquery-ui.css" type="text/css" media="screen" />
<!-- -->
<script src="../build/LdtPlayer-release.js" type="text/javascript"></script>
<script src="../src/js/libs/popcorn.js" type="text/javascript"></script>
<script src="../src/js/libs/popcorn.code.js" type="text/javascript"></script>
<script src="../src/js/libs/popcorn.youtube.js" type="text/javascript"></script>
<script src="../src/js/libs/raphael.js" type="text/javascript"></script>
<script src="../src/js/libs/jquery.sparkline.js" type="text/javascript"></script>
<script src="../src/js/libs/underscore.js" type="text/javascript"></script>
<link rel="stylesheet" href="../src/css/LdtPlayer.css" type="text/css" media="screen" />
<script src="mockSerializer.js" type="text/javascript"></script>
<script src="mockTweetSerializer.js" type="text/javascript"></script>
<script src="qunit.js" type="text/javascript"></script>
<script src="sinon.js" type="text/javascript"></script>
<script src="sinon-ie.js" type="text/javascript"></script>
<script src="sinon-qunit.js" type="text/javascript"></script>
<link rel="stylesheet" href="qunit.css" type="text/css" media="screen" />
<!-- tests -->
<script src="tests/dataloader.js" type="text/javascript"></script>
<script src="tests/serializer.js" type="text/javascript"></script>
<script src="tests/serializers/mockSerializer.js" type="text/javascript"></script>
<script src="tests/serializers/mockTweetSerializer.js" type="text/javascript"></script>
<script src="tests/serializers/JSONSerializer.js" type="text/javascript"></script>
<script src="tests/serializerFactory.js" type="text/javascript"></script>
<script src="tests/widget.js" type="text/javascript"></script>
<script src="tests/module.js" type="text/javascript"></script>
<script src="tests/utils.js" type="text/javascript"></script>
<script src="tests/layout.js" type="text/javascript"></script>
<script src="tests/init.js" type="text/javascript"></script>
<script src="tests/widgets/playerWidget.js" type="text/javascript"></script>
<script src="tests/widgets/annotationsWidget.js" type="text/javascript"></script>
<script src="tests/widgets/segmentsWidget.js" type="text/javascript"></script>
<script src="tests/widgets/tooltipWidget.js" type="text/javascript"></script>
<script src="tests/widgets/polemicWidget.js" type="text/javascript"></script>
<script src="tests/widgets/sliderWidget.js" type="text/javascript"></script>
<script src="tests/widgets/tweetsWidget.js" type="text/javascript"></script>
<script src="tests/widgets/arrowWidget.js" type="text/javascript"></script>
<script src="tests/widgets/sparklineWidget.js" type="text/javascript"></script>
</head>
<script>
$(document).ready(function(){
/* only for unit-testing ! */
IriSP.underscore = _;
IriSP.jQuery = jQuery;
jQuery.fx.off = true;
test_dataloader();
test_serializer();
test_mockSerializer();
test_mockTweetSerializer();
test_JSONSerializer();
test_serializerFactory();
test_utils();
test_widget();
test_module();
test_player_widget();
test_annotations_widget();
// test_segments_widget();
test_layout();
test_init();
test_tooltip_widget();
test_polemic_widget();
test_slider_widget();
// test_tweets_widget();
test_arrow_widget();
test_sparkline_widget();
});
</script>
<body>
<h1 id="qunit-header">Metadataplayer Unit Tests</h1>
<h2 id="qunit-banner"></h2>
<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
<div id="qunit-fixture" style="position: float;">
<video id='popcorn-div' style="display:;width:300px" controls preload="auto">
<source id='mp4' src="../test/trailer.mp4" type='video/mp4; codecs="avc1, mp4a"'>
<source id='ogv' src="../test/trailer.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source id='webm' src="../test/trailer.webm" type='video/webm; codecs="vp8, vorbis"'>
<p>Your user agent does not support the HTML5 Video element.</p>
</video>
<div id='widget-div'></div>
</div>
</body>
</html>