First version of real tests

test/data/testpattern.dzi

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><Image TileSize="254" Overlap="1" Format="jpg" xmlns="http://schemas.microsoft.com/deepzoom/2008"><Size Width="1000" Height="1000"/></Image>

test/test.html

@@ -11,6 +11,7 @@
     <div id="qunit-fixture"></div>
     <div id="example"></div>
     <script src="/node_modules/grunt-contrib-qunit/test/libs/qunit.js"></script>
+    <script src="/test/lib/jquery-1.9.1.min.js"></script>
     <script src="/build/openseadragon/openseadragon.min.js"></script>
     <script src="/test/test.js"></script>
 </body>

test/test.js

@@ -1,16 +1,22 @@
-test( "hello test", function() {
-    ok( 1 == "1", "Passed!" );
-});
-
 (function() {
 
-  // $(document).ready(function() {
-    // OpenSeadragon({
-    //     id:            "example",
-    //     prefixUrl:     "/images/",
-    //     tileSources:   "/test/dzi/dog-and-cat-collars.xml", 
-    //     showNavigator:  true
-    // });
-  // });
+    asyncTest('OpenSeadragon', function() {
+        $(document).ready(function() {
+            var viewer = OpenSeadragon({
+                id:            'example',
+                prefixUrl:     '/build/openseadragon/images/',
+                tileSources:   '/test/data/testpattern.dzi', 
+                showNavigator:  true
+            });
+
+            ok(viewer, 'Viewer exists');
+            viewer.addHandler('open', function(eventSender, eventData) {
+                ok(true, 'Open event was sent');
+                ok(eventSender === viewer, 'Sender of open event was viewer');
+                ok(eventData, 'Handler also received event data');
+                start();
+            });
+        });
+    });  
   
 })();