using jquery ui draggable changes the state of an element from absolute to relative
positioning, which breaks the way our seek button expands itself, so we need to
force absolute positioning, quite uglily, using jquery.
<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>
<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> -->
</head>
<script>
$(document).ready(function(){
/* only for unit-testing ! */
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();
});
</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>