<html>
<head>
<title>VexTab Tests</title>
<style type="text/css">
body {
padding: 20px;
font-family: Arial, sans-serif;
font-size: 12px;
color: #554;
margin: 0px;
height: 80%;
}
a {
color: #554;
text-decoration: none;
border-bottom: dotted 2px;
}
a.button {
color: #green;
background: #bfb;
text-decoration: none;
padding: 5px;
margin: 2px;
border: 5px solid #aea;
}
div#error {
width: 60%;
padding: 10px;
color: red;
background: #faa;
border: 15px solid #d99;
}
div.testcanvas {
font-family: Arial, sans-serif;
font-size: 18px;
padding: 10px;
color: #554;
}
div.testcanvas .vex-tabdiv {
background: #eed;
padding: 10px;
border: 10px solid #ddc;
}
div.testcanvas .name {
font-family: Arial, sans-serif;
font-size: 18px;
padding: 10px;
color: #554;
}
</style>
<!-- VexFlow Sources -->
<script src="../src/header.js"></script>
<script src="../src/vex.js"></script>
<script src="../src/flow.js"></script>
<script src="../src/tables.js"></script>
<script src="../src/fonts/vexflow_font.js"></script>
<script src="../src/glyph.js"></script>
<script src="../src/stave.js"></script>
<script src="../src/staveconnector.js"></script>
<script src="../src/tabstave.js"></script>
<script src="../src/tickcontext.js"></script>
<script src="../src/tickable.js"></script>
<script src="../src/note.js"></script>
<script src="../src/barnote.js"></script>
<script src="../src/ghostnote.js"></script>
<script src="../src/stavenote.js"></script>
<script src="../src/tabnote.js"></script>
<script src="../src/beam.js"></script>
<script src="../src/voice.js"></script>
<script src="../src/modifier.js"></script>
<script src="../src/modifiercontext.js"></script>
<script src="../src/accidental.js"></script>
<script src="../src/dot.js"></script>
<script src="../src/formatter.js"></script>
<script src="../src/stavetie.js"></script>
<script src="../src/tabtie.js"></script>
<script src="../src/tabslide.js"></script>
<script src="../src/bend.js"></script>
<script src="../src/vibrato.js"></script>
<script src="../src/annotation.js"></script>
<script src="../src/tuning.js"></script>
<script src="../src/stavemodifier.js"></script>
<script src="../src/keysignature.js"></script>
<script src="../src/timesignature.js"></script>
<script src="../src/clef.js"></script>
<script src="../src/music.js"></script>
<script src="../src/keymanager.js"></script>
<script src="../src/renderer.js"></script>
<script src="../src/raphaelcontext.js"></script>
<script src="../src/stavevolta.js"></script>
<script src="../src/staverepetition.js"></script>
<script src="../src/stavebarline.js"></script>
<script src="../src/stavesection.js"></script>
<!-- VexFlow Compiled Source -->
<script src="../vexflow.js"></script>
<!-- VexTab Source -->
<script src="vextab.js"></script>
<!-- Test Sources -->
<link rel="stylesheet" href="support/qunit.css"
type="text/css" media="screen" />
<script src="support/jquery.js"></script>
<script src="support/qunit.js"></script>
<script src="support/raphael.js"></script>
<script src="vextab_tests.js"></script>
<script>
$(function() {
Vex.Flow.Test.VexTab.Start();
});
</script>
</head>
<body>
<center>
<h1 id="qunit-header">VexTab Tests</h1>
<h2 id="qunit-banner"></h2>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
<div id="vexflow_testoutput"></div>
<p/>
<a href="http://0xfe.blogspot.com">The Blog</a> </p>
</center>
</body>
</html>