openseadragon/test/basic.js

(function() {

    var viewer = null;

    // ----------
    asyncTest('Open', function() {
        $(document).ready(function() {
            viewer = OpenSeadragon({
                id:            'example',
                prefixUrl:     '/build/openseadragon/images/',
                tileSources:   '/test/data/testpattern.dzi', 
                showNavigator:  true
            });

            ok(viewer, 'Viewer exists');

            var openHandler = function(eventSender, eventData) {
                viewer.removeHandler('open', openHandler);
                ok(true, 'Open event was sent');
                ok(eventSender === viewer, 'Sender of open event was viewer');
                ok(eventData, 'Handler also received event data');
                ok(viewer.viewport, 'Viewport exists');
                start();
            };

            viewer.addHandler('open', openHandler);
        });
    });

    // ----------
    asyncTest('Zoom', function() {
        var viewport = viewer.viewport;
        ok(viewport.getZoom() === 1, 'We start out unzoomed');

        var zoomHandler = function() {
            viewer.removeHandler('animationfinish', zoomHandler);
            ok(viewport.getZoom() === 2, 'Zoomed correctly');
            start();
        };

        viewer.addHandler('animationfinish', zoomHandler);
        viewport.zoomTo(2);
    });

    // ----------
    asyncTest('Pan', function() {
        var viewport = viewer.viewport;
        var center = viewport.getCenter();
        ok(center.x === 0.5 && center.y === 0.5, 'We start out unpanned');

        var panHandler = function() {
            viewer.removeHandler('animationfinish', panHandler);
            center = viewport.getCenter();
            ok(center.x === 0.1 && center.y === 0.1, 'Panned correctly');
            start();
        };

        viewer.addHandler('animationfinish', panHandler);
        viewport.panTo(new OpenSeadragon.Point(0.1, 0.1));
    });

    // ----------
    asyncTest('Close', function() {
        var closeHandler = function() {
            viewer.removeHandler('close', closeHandler);
            ok(true, 'Close event was sent');
            start();
        };

        viewer.addHandler('close', closeHandler);

        viewer.close();
    });
  
})();