openseadragon/test/modules/tiledimage.js

689 lines
27 KiB
JavaScript
Raw Permalink Normal View History

2017-12-07 04:20:39 +03:00
/* global QUnit, $, Util, testLog */
2014-11-19 20:28:09 +03:00
(function() {
var viewer;
2017-12-07 04:20:39 +03:00
QUnit.module('TiledImage', {
beforeEach: function() {
$('<div id="example"></div>').appendTo("#qunit-fixture");
2014-11-19 20:28:09 +03:00
testLog.reset();
viewer = OpenSeadragon({
2016-03-21 23:11:50 +03:00
id: 'example',
prefixUrl: '/build/openseadragon/images/',
2014-11-19 20:28:09 +03:00
springStiffness: 100 // Faster animation = faster tests
});
},
2017-12-07 04:20:39 +03:00
afterEach: function() {
2014-11-19 20:28:09 +03:00
if (viewer && viewer.close) {
viewer.close();
}
viewer = null;
}
});
// ----------
2017-12-07 04:20:39 +03:00
var checkBounds = function(assert, image, expected, message) {
2014-11-19 20:28:09 +03:00
var bounds = image.getBounds();
2017-12-07 04:20:39 +03:00
assert.equal(bounds.x, expected.x, message + ' x');
assert.equal(bounds.y, expected.y, message + ' y');
assert.equal(bounds.width, expected.width, message + ' width');
assert.equal(bounds.height, expected.height, message + ' height');
2014-11-19 20:28:09 +03:00
};
// ----------
2017-12-07 04:20:39 +03:00
QUnit.test('metrics', function(assert) {
var done = assert.async();
2014-11-19 20:28:09 +03:00
var handlerCount = 0;
viewer.addHandler('open', function(event) {
var image = viewer.world.getItemAt(0);
var contentSize = image.getContentSize();
2017-12-07 04:20:39 +03:00
assert.equal(contentSize.x, 500, 'contentSize.x');
assert.equal(contentSize.y, 2000, 'contentSize.y');
2014-11-19 20:28:09 +03:00
2017-12-07 04:20:39 +03:00
checkBounds(assert, image, new OpenSeadragon.Rect(5, 6, 10, 40), 'initial bounds');
2014-11-19 20:28:09 +03:00
var scale = image.getContentSize().x / image.getBounds().width;
var viewportPoint = new OpenSeadragon.Point(10, 11);
var imagePoint = viewportPoint.minus(image.getBounds().getTopLeft()).times(scale);
2017-12-07 04:20:39 +03:00
assert.propEqual(image.viewportToImageCoordinates(viewportPoint), imagePoint, 'viewportToImageCoordinates');
assert.propEqual(image.imageToViewportCoordinates(imagePoint), viewportPoint, 'imageToViewportCoordinates');
var viewportRect = new OpenSeadragon.Rect(viewportPoint.x, viewportPoint.y, 6, 7);
var imageRect = new OpenSeadragon.Rect(imagePoint.x, imagePoint.y,
viewportRect.width * scale, viewportRect.height * scale);
2017-12-07 04:20:39 +03:00
assert.propEqual(image.viewportToImageRectangle(viewportRect), imageRect, 'viewportToImageRectangle');
assert.propEqual(image.imageToViewportRectangle(imageRect), viewportRect, 'imageToViewportRectangle');
2014-11-19 20:28:09 +03:00
image.addHandler('bounds-change', function boundsChangeHandler(event) {
image.removeHandler('bounds-change', boundsChangeHandler);
handlerCount++;
});
image.setPosition(new OpenSeadragon.Point(7, 8));
2017-12-07 04:20:39 +03:00
checkBounds(assert, image, new OpenSeadragon.Rect(7, 8, 10, 40), 'bounds after position');
2014-11-19 20:28:09 +03:00
image.setWidth(5);
2017-12-07 04:20:39 +03:00
checkBounds(assert, image, new OpenSeadragon.Rect(7, 8, 5, 20), 'bounds after width');
2014-11-19 20:28:09 +03:00
image.setHeight(4);
2017-12-07 04:20:39 +03:00
checkBounds(assert, image, new OpenSeadragon.Rect(7, 8, 1, 4), 'bounds after width');
2014-11-19 20:28:09 +03:00
2017-12-07 04:20:39 +03:00
assert.equal(handlerCount, 1, 'correct number of handlers called');
done();
2014-11-19 20:28:09 +03:00
});
viewer.open({
tileSource: '/test/data/tall.dzi',
x: 5,
y: 6,
width: 10
});
});
2014-12-03 00:29:52 +03:00
// ----------
2017-12-07 04:20:39 +03:00
QUnit.test('animation', function(assert) {
var done = assert.async();
2016-03-21 23:11:50 +03:00
viewer.addHandler("open", function() {
2014-12-03 00:29:52 +03:00
var image = viewer.world.getItemAt(0);
2017-12-07 04:20:39 +03:00
assert.propEqual(image.getBounds(), new OpenSeadragon.Rect(0, 0, 1, 1), 'target bounds on open');
assert.propEqual(image.getBounds(true), new OpenSeadragon.Rect(0, 0, 1, 1), 'current bounds on open');
2014-12-03 00:29:52 +03:00
image.setPosition(new OpenSeadragon.Point(1, 2));
2017-12-07 04:20:39 +03:00
assert.propEqual(image.getBounds(), new OpenSeadragon.Rect(1, 2, 1, 1), 'target bounds after position');
assert.propEqual(image.getBounds(true), new OpenSeadragon.Rect(0, 0, 1, 1), 'current bounds after position');
2014-12-03 00:29:52 +03:00
image.setWidth(3);
2017-12-07 04:20:39 +03:00
assert.propEqual(image.getBounds(), new OpenSeadragon.Rect(1, 2, 3, 3), 'target bounds after width');
assert.propEqual(image.getBounds(true), new OpenSeadragon.Rect(0, 0, 1, 1), 'current bounds after width');
2014-12-03 00:29:52 +03:00
viewer.addHandler('animation-finish', function animationHandler() {
viewer.removeHandler('animation-finish', animationHandler);
2017-12-07 04:20:39 +03:00
assert.propEqual(image.getBounds(), new OpenSeadragon.Rect(1, 2, 3, 3), 'target bounds after animation');
assert.propEqual(image.getBounds(true), new OpenSeadragon.Rect(1, 2, 3, 3), 'current bounds after animation');
done();
2014-12-03 00:29:52 +03:00
});
});
viewer.open('/test/data/testpattern.dzi');
});
2014-11-19 20:28:09 +03:00
// ----------
2017-12-07 04:20:39 +03:00
QUnit.test('update', function(assert) {
var done = assert.async();
2014-11-19 20:28:09 +03:00
var handlerCount = 0;
viewer.addHandler('open', function(event) {
var image = viewer.world.getItemAt(0);
2017-12-07 04:20:39 +03:00
assert.equal(image.needsDraw(), true, 'needs draw after open');
2014-11-19 20:28:09 +03:00
viewer.addHandler('update-level', function updateLevelHandler(event) {
viewer.removeHandler('update-level', updateLevelHandler);
handlerCount++;
2017-12-07 04:20:39 +03:00
assert.equal(event.eventSource, viewer, 'sender of update-level event was viewer');
assert.equal(event.tiledImage, image, 'tiledImage of update-level event is correct');
assert.ok('havedrawn' in event, 'update-level event includes havedrawn');
assert.ok('level' in event, 'update-level event includes level');
assert.ok('opacity' in event, 'update-level event includes opacity');
assert.ok('visibility' in event, 'update-level event includes visibility');
assert.ok('topleft' in event, 'update-level event includes topleft');
assert.ok('bottomright' in event, 'update-level event includes bottomright');
assert.ok('currenttime' in event, 'update-level event includes currenttime');
assert.ok('best' in event, 'update-level event includes best');
2014-11-19 20:28:09 +03:00
});
viewer.addHandler('update-tile', function updateTileHandler(event) {
viewer.removeHandler('update-tile', updateTileHandler);
handlerCount++;
2017-12-07 04:20:39 +03:00
assert.equal(event.eventSource, viewer, 'sender of update-tile event was viewer');
assert.equal(event.tiledImage, image, 'tiledImage of update-level event is correct');
assert.ok(event.tile, 'update-tile event includes tile');
2014-11-19 20:28:09 +03:00
});
viewer.addHandler('tile-drawing', function tileDrawingHandler(event) {
viewer.removeHandler('tile-drawing', tileDrawingHandler);
handlerCount++;
2017-12-07 04:20:39 +03:00
assert.equal(event.eventSource, viewer, 'sender of tile-drawing event was viewer');
assert.equal(event.tiledImage, image, 'tiledImage of update-level event is correct');
assert.ok(event.tile, 'tile-drawing event includes a tile');
assert.ok(event.context, 'tile-drawing event includes a context');
assert.ok(event.rendered, 'tile-drawing event includes a rendered');
});
2014-11-19 20:28:09 +03:00
viewer.addHandler('tile-drawn', function tileDrawnHandler(event) {
viewer.removeHandler('tile-drawn', tileDrawnHandler);
handlerCount++;
2017-12-07 04:20:39 +03:00
assert.equal(event.eventSource, viewer, 'sender of tile-drawn event was viewer');
assert.equal(event.tiledImage, image, 'tiledImage of update-level event is correct');
assert.ok(event.tile, 'tile-drawn event includes tile');
2014-11-19 20:28:09 +03:00
2017-12-07 04:20:39 +03:00
assert.equal(handlerCount, 4, 'correct number of handlers called');
done();
2014-11-19 20:28:09 +03:00
});
2014-12-02 22:44:02 +03:00
image.draw();
2014-11-19 20:28:09 +03:00
});
viewer.open('/test/data/testpattern.dzi');
});
// ----------
2017-12-07 04:20:39 +03:00
QUnit.test('reset', function(assert) {
var done = assert.async();
2014-11-19 20:28:09 +03:00
viewer.addHandler('tile-drawn', function updateHandler() {
viewer.removeHandler('tile-drawn', updateHandler);
2017-12-07 04:20:39 +03:00
assert.ok(viewer.tileCache.numTilesLoaded() > 0, 'we have tiles after tile-drawn');
2014-11-19 20:28:09 +03:00
viewer.world.getItemAt(0).reset();
2017-12-07 04:20:39 +03:00
assert.equal(viewer.tileCache.numTilesLoaded(), 0, 'no tiles after reset');
2014-11-19 20:28:09 +03:00
viewer.addHandler('tile-drawn', function updateHandler2() {
viewer.removeHandler('tile-drawn', updateHandler2);
2017-12-07 04:20:39 +03:00
assert.ok(viewer.tileCache.numTilesLoaded() > 0, 'more tiles load');
2014-11-19 20:28:09 +03:00
viewer.world.getItemAt(0).destroy();
2017-12-07 04:20:39 +03:00
assert.equal(viewer.tileCache.numTilesLoaded(), 0, 'no tiles after destroy');
done();
2014-11-19 20:28:09 +03:00
});
});
2017-12-07 04:20:39 +03:00
assert.equal(viewer.tileCache.numTilesLoaded(), 0, 'no tiles at start');
2014-11-19 20:28:09 +03:00
viewer.open('/test/data/testpattern.dzi');
});
2015-03-20 20:09:33 +03:00
// ----------
2017-12-07 04:20:39 +03:00
QUnit.test('clip', function(assert) {
var done = assert.async();
2015-03-20 20:09:33 +03:00
var clip = new OpenSeadragon.Rect(100, 100, 800, 800);
viewer.addHandler('open', function() {
var image = viewer.world.getItemAt(0);
2017-12-07 04:20:39 +03:00
assert.propEqual(image.getClip(), clip, 'image has correct clip');
2015-03-20 20:09:33 +03:00
image.setClip(null);
2017-12-07 04:20:39 +03:00
assert.equal(image.getClip(), null, 'clip is cleared');
2015-03-20 20:09:33 +03:00
image.setClip(clip);
2017-12-07 04:20:39 +03:00
assert.propEqual(image.getClip(), clip, 'clip is set correctly');
2015-03-20 20:09:33 +03:00
Util.spyOnce(viewer.drawer, 'setClip', function(rect) {
var homeBounds = viewer.viewport.getHomeBounds();
2016-08-16 20:18:39 +03:00
var canvasClip = viewer.drawer
.viewportToDrawerRectangle(homeBounds);
2016-04-09 18:23:59 +03:00
var precision = 0.00000001;
2017-12-07 04:20:39 +03:00
Util.assertRectangleEquals(assert, rect, canvasClip, precision,
2016-04-09 18:56:34 +03:00
'clipping should be ' + canvasClip);
2017-12-07 04:20:39 +03:00
done();
2015-03-20 20:09:33 +03:00
});
});
viewer.open({
tileSource: '/test/data/testpattern.dzi',
clip: clip
});
});
2016-08-28 15:39:14 +03:00
// ----------
2017-12-07 04:20:39 +03:00
QUnit.test('clip-change event', function(assert) {
var done = assert.async();
assert.expect(0);
2016-08-28 15:39:14 +03:00
var clip = new OpenSeadragon.Rect(100, 100, 800, 800);
viewer.addHandler('open', function() {
var image = viewer.world.getItemAt(0);
image.addOnceHandler('clip-change', function() {
image.addOnceHandler('clip-change', function() {
2017-12-07 04:20:39 +03:00
done();
2016-08-28 15:39:14 +03:00
});
image.setClip(clip);
});
image.setClip(null);
});
viewer.open({
tileSource: '/test/data/testpattern.dzi'
});
});
2016-08-10 20:35:08 +03:00
// ----------
2017-12-07 04:20:39 +03:00
QUnit.test('getClipBounds', function(assert) {
var done = assert.async();
2016-04-09 18:37:05 +03:00
var clip = new OpenSeadragon.Rect(100, 200, 800, 500);
viewer.addHandler('open', function() {
var image = viewer.world.getItemAt(0);
var bounds = image.getClippedBounds();
var expectedBounds = new OpenSeadragon.Rect(1.2, 1.4, 1.6, 1);
2017-12-07 04:20:39 +03:00
assert.propEqual(bounds, expectedBounds,
2016-04-09 18:37:05 +03:00
'getClipBounds should take clipping into account.');
image = viewer.world.getItemAt(1);
bounds = image.getClippedBounds();
expectedBounds = new OpenSeadragon.Rect(1, 2, 2, 2);
2017-12-07 04:20:39 +03:00
assert.propEqual(bounds, expectedBounds,
2016-04-09 18:37:05 +03:00
'getClipBounds should work when no clipping set.');
2017-12-07 04:20:39 +03:00
done();
2016-04-09 18:37:05 +03:00
});
viewer.open([{
tileSource: '/test/data/testpattern.dzi',
clip: clip,
x: 1,
y: 1,
width: 2
}, {
tileSource: '/test/data/testpattern.dzi',
x: 1,
y: 2,
width: 2
}]);
});
2015-04-28 02:28:18 +03:00
// ----------
2017-12-07 04:20:39 +03:00
QUnit.test('opacity', function(assert) {
var done = assert.async();
2015-04-28 02:28:18 +03:00
function testDefaultOpacity() {
viewer.removeHandler('open', testDefaultOpacity);
var image = viewer.world.getItemAt(0);
2017-12-07 04:20:39 +03:00
assert.strictEqual(image.getOpacity(), 0.5, 'image has default opacity');
2015-04-28 02:28:18 +03:00
image.setOpacity(1);
2017-12-07 04:20:39 +03:00
assert.strictEqual(image.getOpacity(), 1, 'opacity is set correctly');
2015-04-28 02:28:18 +03:00
viewer.addHandler('open', testTileSourceOpacity);
viewer.open({
tileSource: '/test/data/testpattern.dzi',
opacity: 0.25
});
}
function testTileSourceOpacity() {
viewer.removeHandler('open', testTileSourceOpacity);
var image = viewer.world.getItemAt(0);
2017-12-07 04:20:39 +03:00
assert.strictEqual(image.getOpacity(), 0.25, 'image has correct opacity');
2015-04-28 02:28:18 +03:00
image.setOpacity(0);
2017-12-07 04:20:39 +03:00
assert.strictEqual(image.getOpacity(), 0, 'opacity is set correctly');
2015-04-28 02:28:18 +03:00
2017-12-07 04:20:39 +03:00
done();
2015-04-28 02:28:18 +03:00
}
viewer.addHandler('open', testDefaultOpacity);
viewer.opacity = 0.5;
viewer.open({
tileSource: '/test/data/testpattern.dzi',
});
});
// ----------
2017-12-07 04:20:39 +03:00
QUnit.test('rotation', function(assert) {
var done = assert.async();
function testDefaultRotation() {
var image = viewer.world.getItemAt(0);
2017-12-07 04:20:39 +03:00
assert.strictEqual(image.getRotation(true), 0, 'image has default current rotation');
assert.strictEqual(image.getRotation(false), 0, 'image has default target rotation');
image.setRotation(400);
2017-12-07 04:20:39 +03:00
assert.strictEqual(image.getRotation(true), 0, 'current rotation is not changed');
assert.strictEqual(image.getRotation(false), 400, 'target rotation is set correctly');
image.setRotation(200, true);
2017-12-07 04:20:39 +03:00
assert.strictEqual(image.getRotation(true), 200, 'current rotation is set correctly');
assert.strictEqual(image.getRotation(false), 200, 'target rotation is set correctly');
viewer.addOnceHandler('open', testTileSourceRotation);
viewer.open({
tileSource: '/test/data/testpattern.dzi',
degrees: -60
});
}
function testTileSourceRotation() {
var image = viewer.world.getItemAt(0);
2017-12-07 04:20:39 +03:00
assert.strictEqual(image.getRotation(true), -60, 'image has correct current rotation');
assert.strictEqual(image.getRotation(false), -60, 'image has correct target rotation');
done();
}
viewer.addOnceHandler('open', testDefaultRotation);
viewer.open({
tileSource: '/test/data/testpattern.dzi',
});
});
2017-12-07 04:20:39 +03:00
QUnit.test('fitBounds', function(assert) {
var done = assert.async();
2016-03-21 23:11:50 +03:00
function assertRectEquals(actual, expected, message) {
2017-12-07 04:20:39 +03:00
assert.ok(actual.equals(expected), message + ' should be ' +
2016-03-21 23:11:50 +03:00
expected.toString() + ', found ' + actual.toString());
}
viewer.addHandler('open', function openHandler() {
viewer.removeHandler('open', openHandler);
var squareImage = viewer.world.getItemAt(0);
squareImage.fitBounds(
2016-03-21 23:11:50 +03:00
new OpenSeadragon.Rect(0, 0, 1, 2),
OpenSeadragon.Placement.CENTER,
true);
var actualBounds = squareImage.getBounds(true);
var expectedBounds = new OpenSeadragon.Rect(0, 0.5, 1, 1);
assertRectEquals(actualBounds, expectedBounds, 'Square image bounds');
var tallImage = viewer.world.getItemAt(1);
tallImage.fitBounds(
2016-03-21 23:11:50 +03:00
new OpenSeadragon.Rect(0, 0, 1, 2),
OpenSeadragon.Placement.TOP_LEFT,
true);
actualBounds = tallImage.getBounds(true);
expectedBounds = new OpenSeadragon.Rect(0, 0, 0.5, 2);
assertRectEquals(actualBounds, expectedBounds, 'Tall image bounds');
var wideImage = viewer.world.getItemAt(2);
wideImage.fitBounds(
2016-03-21 23:11:50 +03:00
new OpenSeadragon.Rect(0, 0, 1, 2),
OpenSeadragon.Placement.BOTTOM_RIGHT,
true);
actualBounds = wideImage.getBounds(true);
expectedBounds = new OpenSeadragon.Rect(0, 1.75, 1, 0.25);
assertRectEquals(actualBounds, expectedBounds, 'Wide image bounds');
2017-12-07 04:20:39 +03:00
done();
2016-03-21 23:11:50 +03:00
});
viewer.open([
'/test/data/testpattern.dzi',
'/test/data/tall.dzi',
'/test/data/wide.dzi'
]);
});
2016-08-10 20:35:08 +03:00
// ----------
2017-12-07 04:20:39 +03:00
QUnit.test('fitBounds in constructor', function(assert) {
var done = assert.async();
function assertRectEquals(actual, expected, message) {
2017-12-07 04:20:39 +03:00
assert.ok(actual.equals(expected), message + ' should be ' +
expected.toString() + ', found ' + actual.toString());
}
viewer.addHandler('open', function openHandler() {
viewer.removeHandler('open', openHandler);
var squareImage = viewer.world.getItemAt(0);
var actualBounds = squareImage.getBounds(true);
var expectedBounds = new OpenSeadragon.Rect(0, 0.5, 1, 1);
assertRectEquals(actualBounds, expectedBounds, 'Square image bounds');
var tallImage = viewer.world.getItemAt(1);
actualBounds = tallImage.getBounds(true);
expectedBounds = new OpenSeadragon.Rect(0, 0, 0.5, 2);
assertRectEquals(actualBounds, expectedBounds, 'Tall image bounds');
var wideImage = viewer.world.getItemAt(2);
actualBounds = wideImage.getBounds(true);
expectedBounds = new OpenSeadragon.Rect(0, 1.75, 1, 0.25);
assertRectEquals(actualBounds, expectedBounds, 'Wide image bounds');
2017-12-07 04:20:39 +03:00
done();
});
viewer.open([{
tileSource: '/test/data/testpattern.dzi',
x: 1, // should be ignored
y: 1, // should be ignored
width: 2, // should be ignored
fitBounds: new OpenSeadragon.Rect(0, 0, 1, 2)
// No placement specified, should default to CENTER
}, {
tileSource: '/test/data/tall.dzi',
fitBounds: new OpenSeadragon.Rect(0, 0, 1, 2),
fitBoundsPlacement: OpenSeadragon.Placement.TOP_LEFT
}, {
tileSource: '/test/data/wide.dzi',
fitBounds: new OpenSeadragon.Rect(0, 0, 1, 2),
fitBoundsPlacement: OpenSeadragon.Placement.BOTTOM_RIGHT
}]);
});
2016-08-10 20:35:08 +03:00
// ----------
2017-12-07 04:20:39 +03:00
QUnit.test('fitBounds with clipping', function(assert) {
var done = assert.async();
function assertRectEquals(actual, expected, message) {
2017-12-07 04:20:39 +03:00
assert.ok(actual.equals(expected), message + ' should be ' +
expected.toString() + ', found ' + actual.toString());
}
viewer.addHandler('open', function openHandler() {
viewer.removeHandler('open', openHandler);
var squareImage = viewer.world.getItemAt(0);
var actualBounds = squareImage.getBounds(true);
var expectedBounds = new OpenSeadragon.Rect(-1, -1, 2, 2);
assertRectEquals(actualBounds, expectedBounds, 'Square image bounds');
var tallImage = viewer.world.getItemAt(1);
actualBounds = tallImage.getBounds(true);
expectedBounds = new OpenSeadragon.Rect(1, 1, 2, 8);
assertRectEquals(actualBounds, expectedBounds, 'Tall image bounds');
var wideImage = viewer.world.getItemAt(2);
actualBounds = wideImage.getBounds(true);
expectedBounds = new OpenSeadragon.Rect(1, 1, 16, 4);
assertRectEquals(actualBounds, expectedBounds, 'Wide image bounds');
2017-12-07 04:20:39 +03:00
done();
});
viewer.open([{
tileSource: '/test/data/testpattern.dzi',
clip: new OpenSeadragon.Rect(500, 500, 500, 500),
fitBounds: new OpenSeadragon.Rect(0, 0, 1, 1)
}, {
tileSource: '/test/data/tall.dzi',
clip: new OpenSeadragon.Rect(0, 0, 250, 100),
fitBounds: new OpenSeadragon.Rect(1, 1, 1, 2),
fitBoundsPlacement: OpenSeadragon.Placement.TOP
}, {
tileSource: '/test/data/wide.dzi',
clip: new OpenSeadragon.Rect(0, 0, 100, 250),
fitBounds: new OpenSeadragon.Rect(1, 1, 1, 2),
fitBoundsPlacement: OpenSeadragon.Placement.TOP_LEFT
}]);
});
2016-08-10 20:35:08 +03:00
// ----------
2017-12-07 04:20:39 +03:00
QUnit.test('fullyLoaded', function(assert) {
var done = assert.async();
2016-08-10 20:35:08 +03:00
viewer.addHandler('open', function openHandler() {
viewer.removeHandler('open', openHandler);
var image = viewer.world.getItemAt(0);
2017-12-07 04:20:39 +03:00
assert.equal(image.getFullyLoaded(), false, 'not fully loaded at first');
2016-08-10 20:35:08 +03:00
var count = 0;
var fullyLoadedChangeHandler = function(event) {
if (count === 0) {
2017-12-07 04:20:39 +03:00
assert.equal(event.fullyLoaded, true, 'event includes true fullyLoaded property');
assert.equal(image.getFullyLoaded(), true, 'image is fully loaded after event');
2016-08-10 20:35:08 +03:00
viewer.viewport.zoomBy(5, null, true);
} else if (count === 1) {
2017-12-07 04:20:39 +03:00
assert.equal(event.fullyLoaded, false, 'event includes false fullyLoaded property');
assert.equal(image.getFullyLoaded(), false, 'image is not fully loaded after zoom');
2016-08-10 20:35:08 +03:00
} else {
image.removeHandler('fully-loaded-change', fullyLoadedChangeHandler);
2017-12-07 04:20:39 +03:00
assert.equal(image.getFullyLoaded(), true, 'image is once again fully loaded');
done();
2016-08-10 20:35:08 +03:00
}
count++;
};
image.addHandler('fully-loaded-change', fullyLoadedChangeHandler);
});
viewer.open([{
tileSource: '/test/data/tall.dzi',
}]);
});
// PhantomJS is missing Function.prototype.bind
function bind(func, _this) {
return function() {
return func.apply(_this, arguments);
};
}
2017-12-07 04:20:39 +03:00
QUnit.test('_getCornerTiles without wrapping', function(assert) {
var tiledImageMock = {
wrapHorizontal: false,
wrapVertical: false,
source: new OpenSeadragon.TileSource({
width: 1500,
height: 1000,
tileWidth: 200,
tileHeight: 150,
tileOverlap: 1,
}),
};
var _getCornerTiles = bind(
OpenSeadragon.TiledImage.prototype._getCornerTiles,
tiledImageMock);
function assertCornerTiles(topLeftBound, bottomRightBound,
expectedTopLeft, expectedBottomRight) {
var cornerTiles = _getCornerTiles(11, topLeftBound, bottomRightBound);
2017-12-07 04:20:39 +03:00
assert.ok(cornerTiles.topLeft.equals(expectedTopLeft),
'Top left tile should be ' + expectedTopLeft.toString() +
' found ' + cornerTiles.topLeft.toString());
2017-12-07 04:20:39 +03:00
assert.ok(cornerTiles.bottomRight.equals(expectedBottomRight),
'Bottom right tile should be ' + expectedBottomRight.toString() +
' found ' + cornerTiles.bottomRight.toString());
}
assertCornerTiles(
new OpenSeadragon.Point(0, 0),
new OpenSeadragon.Point(1, 10 / 15),
new OpenSeadragon.Point(0, 0),
new OpenSeadragon.Point(7, 6)
2017-12-07 04:20:39 +03:00
);
// Floating point errors should be handled
assertCornerTiles(
new OpenSeadragon.Point(-1e-14, -1e-14),
new OpenSeadragon.Point(1 + 1e-14, 10 / 15 + 1e-14),
new OpenSeadragon.Point(0, 0),
new OpenSeadragon.Point(7, 6)
2017-12-07 04:20:39 +03:00
);
assertCornerTiles(
new OpenSeadragon.Point(0.3, 0.5),
new OpenSeadragon.Point(0.5, 0.6),
new OpenSeadragon.Point(2, 5),
new OpenSeadragon.Point(3, 6)
2017-12-07 04:20:39 +03:00
);
});
2017-12-07 04:20:39 +03:00
QUnit.test('_getCornerTiles with horizontal wrapping', function(assert) {
var tiledImageMock = {
wrapHorizontal: true,
wrapVertical: false,
source: new OpenSeadragon.TileSource({
width: 1500,
height: 1000,
tileWidth: 200,
tileHeight: 150,
tileOverlap: 1,
}),
};
var _getCornerTiles = bind(
OpenSeadragon.TiledImage.prototype._getCornerTiles,
tiledImageMock);
function assertCornerTiles(topLeftBound, bottomRightBound,
expectedTopLeft, expectedBottomRight) {
var cornerTiles = _getCornerTiles(11, topLeftBound, bottomRightBound);
2017-12-07 04:20:39 +03:00
assert.ok(cornerTiles.topLeft.equals(expectedTopLeft),
'Top left tile should be ' + expectedTopLeft.toString() +
' found ' + cornerTiles.topLeft.toString());
2017-12-07 04:20:39 +03:00
assert.ok(cornerTiles.bottomRight.equals(expectedBottomRight),
'Bottom right tile should be ' + expectedBottomRight.toString() +
' found ' + cornerTiles.bottomRight.toString());
}
assertCornerTiles(
new OpenSeadragon.Point(0, 0),
new OpenSeadragon.Point(1, 10 / 15),
new OpenSeadragon.Point(0, 0),
new OpenSeadragon.Point(8, 6)
2017-12-07 04:20:39 +03:00
);
assertCornerTiles(
new OpenSeadragon.Point(-1, 0),
new OpenSeadragon.Point(0.5, 10 / 15 + 1e-14),
new OpenSeadragon.Point(-8, 0),
new OpenSeadragon.Point(3, 6)
2017-12-07 04:20:39 +03:00
);
assertCornerTiles(
new OpenSeadragon.Point(1.3, 0.5),
new OpenSeadragon.Point(1.5, 0.6),
new OpenSeadragon.Point(10, 5),
new OpenSeadragon.Point(11, 6)
2017-12-07 04:20:39 +03:00
);
});
2017-12-07 04:20:39 +03:00
QUnit.test('_getCornerTiles with vertical wrapping', function(assert) {
var tiledImageMock = {
wrapHorizontal: false,
wrapVertical: true,
source: new OpenSeadragon.TileSource({
width: 1500,
height: 1000,
tileWidth: 200,
tileHeight: 150,
tileOverlap: 1,
}),
};
var _getCornerTiles = bind(
OpenSeadragon.TiledImage.prototype._getCornerTiles,
tiledImageMock);
function assertCornerTiles(topLeftBound, bottomRightBound,
expectedTopLeft, expectedBottomRight) {
var cornerTiles = _getCornerTiles(11, topLeftBound, bottomRightBound);
2017-12-07 04:20:39 +03:00
assert.ok(cornerTiles.topLeft.equals(expectedTopLeft),
'Top left tile should be ' + expectedTopLeft.toString() +
' found ' + cornerTiles.topLeft.toString());
2017-12-07 04:20:39 +03:00
assert.ok(cornerTiles.bottomRight.equals(expectedBottomRight),
'Bottom right tile should be ' + expectedBottomRight.toString() +
' found ' + cornerTiles.bottomRight.toString());
}
assertCornerTiles(
new OpenSeadragon.Point(0, 0),
new OpenSeadragon.Point(1, 10 / 15),
new OpenSeadragon.Point(0, 0),
new OpenSeadragon.Point(7, 7)
2017-12-07 04:20:39 +03:00
);
assertCornerTiles(
new OpenSeadragon.Point(0, -10 / 15 / 2),
new OpenSeadragon.Point(0.5, 0.5),
new OpenSeadragon.Point(0, -4),
new OpenSeadragon.Point(3, 5)
2017-12-07 04:20:39 +03:00
);
assertCornerTiles(
new OpenSeadragon.Point(0, 10 / 15 + 0.1),
new OpenSeadragon.Point(0.3, 10 / 15 + 0.3),
new OpenSeadragon.Point(0, 7),
new OpenSeadragon.Point(2, 9)
2017-12-07 04:20:39 +03:00
);
});
2014-11-19 20:28:09 +03:00
})();