mirror of
https://github.com/openseadragon/openseadragon.git
synced 2024-11-21 20:56:09 +03:00
test drawers separately
This commit is contained in:
Tom
parent
834795b4b8
commit
8be2ca2dfb
@ -2,126 +2,154 @@
|
|||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
var viewer;
|
var viewer;
|
||||||
|
const drawerTypes = ['webgl','canvas','html'];
|
||||||
|
drawerTypes.forEach(runDrawerTests);
|
||||||
|
|
||||||
QUnit.module('Drawer', {
|
function runDrawerTests(drawerType){
|
||||||
beforeEach: function () {
|
|
||||||
$('<div id="example"></div>').appendTo("#qunit-fixture");
|
|
||||||
|
|
||||||
testLog.reset();
|
QUnit.module('Drawer', {
|
||||||
},
|
beforeEach: function () {
|
||||||
afterEach: function () {
|
$('<div id="example"></div>').appendTo("#qunit-fixture");
|
||||||
if (viewer){
|
|
||||||
viewer.destroy();
|
testLog.reset();
|
||||||
|
},
|
||||||
|
afterEach: function () {
|
||||||
|
if (viewer){
|
||||||
|
viewer.destroy();
|
||||||
|
}
|
||||||
|
viewer = null;
|
||||||
}
|
}
|
||||||
viewer = null;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// ----------
|
|
||||||
var createViewer = function(options) {
|
|
||||||
options = options || {};
|
|
||||||
// eslint-disable-next-line new-cap
|
|
||||||
viewer = OpenSeadragon(OpenSeadragon.extend({
|
|
||||||
id: 'example',
|
|
||||||
prefixUrl: '/build/openseadragon/images/',
|
|
||||||
springStiffness: 100 // Faster animation = faster tests
|
|
||||||
}, options));
|
|
||||||
};
|
|
||||||
|
|
||||||
// ----------
|
|
||||||
QUnit.test('basics', function(assert) {
|
|
||||||
var done = assert.async();
|
|
||||||
createViewer();
|
|
||||||
assert.ok(viewer.drawer, 'Drawer exists');
|
|
||||||
assert.equal(viewer.drawer.canRotate(), OpenSeadragon.supportsCanvas, 'we can rotate if we have canvas');
|
|
||||||
done();
|
|
||||||
});
|
|
||||||
|
|
||||||
// ----------
|
|
||||||
QUnit.test('rotation', function(assert) {
|
|
||||||
var done = assert.async();
|
|
||||||
createViewer({
|
|
||||||
tileSources: '/test/data/testpattern.dzi',
|
|
||||||
drawer: 'canvas', // this test only makes sense for certain drawers
|
|
||||||
});
|
});
|
||||||
|
|
||||||
viewer.addHandler('open', function handler(event) {
|
// ----------
|
||||||
viewer.viewport.setRotation(30, true);
|
var createViewer = function(options) {
|
||||||
Util.spyOnce(viewer.drawer.context, 'rotate', function() {
|
options = options || {};
|
||||||
assert.ok(true, 'drawing with new rotation');
|
// eslint-disable-next-line new-cap
|
||||||
|
viewer = OpenSeadragon(OpenSeadragon.extend({
|
||||||
|
id: 'example',
|
||||||
|
prefixUrl: '/build/openseadragon/images/',
|
||||||
|
springStiffness: 100, // Faster animation = faster tests
|
||||||
|
drawer: drawerType,
|
||||||
|
}, options));
|
||||||
|
};
|
||||||
|
|
||||||
|
// ----------
|
||||||
|
QUnit.test('basics-'+drawerType, function(assert) {
|
||||||
|
var done = assert.async();
|
||||||
|
createViewer();
|
||||||
|
assert.ok(viewer.drawer, 'Drawer exists');
|
||||||
|
assert.equal(viewer.drawer.canRotate(), ['webgl','canvas'].includes(drawerType), 'we can rotate if we have canvas');
|
||||||
|
done();
|
||||||
|
});
|
||||||
|
|
||||||
|
// ----------
|
||||||
|
QUnit.test('rotation-'+drawerType, function(assert) {
|
||||||
|
var done = assert.async();
|
||||||
|
|
||||||
|
createViewer({
|
||||||
|
tileSources: '/test/data/testpattern.dzi'
|
||||||
|
});
|
||||||
|
|
||||||
|
// this test only makes sense for canvas drawer because of how it is
|
||||||
|
// detected by watching for the canvas context rotate function
|
||||||
|
// TODO: add test for actual rotation of the drawn image in a way that
|
||||||
|
// applies to the webgl drawer as well as the canvas drawer.
|
||||||
|
if(viewer.drawer.getType() !== 'canvas'){
|
||||||
|
assert.expect(0);
|
||||||
|
done();
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
viewer.addHandler('open', function handler(event) {
|
||||||
|
viewer.viewport.setRotation(30, true);
|
||||||
|
Util.spyOnce(viewer.drawer.context, 'rotate', function() {
|
||||||
|
assert.ok(true, 'drawing with new rotation');
|
||||||
|
done();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// ----------
|
||||||
|
QUnit.test('debug-'+drawerType, function(assert) {
|
||||||
|
var done = assert.async();
|
||||||
|
createViewer({
|
||||||
|
tileSources: '/test/data/testpattern.dzi',
|
||||||
|
debugMode: true
|
||||||
|
});
|
||||||
|
|
||||||
|
// only test this for canvas and webgl drawers
|
||||||
|
if( !['canvas','webgl'].includes(viewer.drawer.getType() )){
|
||||||
|
assert.expect(0);
|
||||||
|
done()
|
||||||
|
}
|
||||||
|
Util.spyOnce(viewer.drawer, '_drawDebugInfo', function() {
|
||||||
|
assert.ok(true, '_drawDebugInfo is called');
|
||||||
done();
|
done();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
|
||||||
|
|
||||||
// ----------
|
// ----------
|
||||||
QUnit.test('debug', function(assert) {
|
QUnit.test('sketchCanvas-'+drawerType, function(assert) {
|
||||||
var done = assert.async();
|
var done = assert.async();
|
||||||
createViewer({
|
|
||||||
tileSources: '/test/data/testpattern.dzi',
|
|
||||||
debugMode: true
|
|
||||||
});
|
|
||||||
|
|
||||||
Util.spyOnce(viewer.drawer, '_drawDebugInfo', function() {
|
createViewer({
|
||||||
assert.ok(true, '_drawDebugInfo is called');
|
tileSources: '/test/data/testpattern.dzi',
|
||||||
done();
|
});
|
||||||
});
|
var drawer = viewer.drawer;
|
||||||
});
|
|
||||||
|
|
||||||
// ----------
|
// this test only makes sense for canvas drawer
|
||||||
QUnit.test('sketchCanvas', function(assert) {
|
if(viewer.drawer.getType() !== 'canvas'){
|
||||||
var done = assert.async();
|
assert.expect(0);
|
||||||
createViewer({
|
done();
|
||||||
tileSources: '/test/data/testpattern.dzi',
|
};
|
||||||
drawer: 'canvas' // test only makes sense for this drawer
|
|
||||||
});
|
|
||||||
var drawer = viewer.drawer;
|
|
||||||
|
|
||||||
viewer.addHandler('tile-drawn', function noOpacityHandler() {
|
viewer.addHandler('tile-drawn', function noOpacityHandler() {
|
||||||
viewer.removeHandler('tile-drawn', noOpacityHandler);
|
viewer.removeHandler('tile-drawn', noOpacityHandler);
|
||||||
assert.equal(drawer.sketchCanvas, null,
|
assert.equal(drawer.sketchCanvas, null,
|
||||||
'The sketch canvas should be null if no decimal opacity is used.');
|
'The sketch canvas should be null if no decimal opacity is used.');
|
||||||
assert.equal(drawer.sketchContext, null,
|
assert.equal(drawer.sketchContext, null,
|
||||||
'The sketch context should be null if no decimal opacity is used.');
|
'The sketch context should be null if no decimal opacity is used.');
|
||||||
testOpacityDecimal();
|
testOpacityDecimal();
|
||||||
});
|
|
||||||
|
|
||||||
function testOpacityDecimal() {
|
|
||||||
var tiledImage;
|
|
||||||
viewer.addTiledImage({
|
|
||||||
tileSource: '/test/data/testpattern.dzi',
|
|
||||||
opacity: 0.5,
|
|
||||||
success: function(event) {
|
|
||||||
tiledImage = event.item;
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
viewer.addHandler('tile-drawn', function opacityDecimalHandler(event) {
|
function testOpacityDecimal() {
|
||||||
if (tiledImage !== event.tiledImage) {
|
var tiledImage;
|
||||||
return;
|
viewer.addTiledImage({
|
||||||
}
|
tileSource: '/test/data/testpattern.dzi',
|
||||||
viewer.removeHandler('tile-drawn', opacityDecimalHandler);
|
opacity: 0.5,
|
||||||
assert.notEqual(drawer.sketchCanvas, null,
|
success: function(event) {
|
||||||
'The sketch canvas should not be null once a decimal opacity has been used.');
|
tiledImage = event.item;
|
||||||
assert.notEqual(drawer.sketchContext, null,
|
}
|
||||||
'The sketch context should not be null once a decimal opacity has been used.');
|
});
|
||||||
|
|
||||||
|
viewer.addHandler('tile-drawn', function opacityDecimalHandler(event) {
|
||||||
|
if (tiledImage !== event.tiledImage) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
viewer.removeHandler('tile-drawn', opacityDecimalHandler);
|
||||||
|
assert.notEqual(drawer.sketchCanvas, null,
|
||||||
|
'The sketch canvas should not be null once a decimal opacity has been used.');
|
||||||
|
assert.notEqual(drawer.sketchContext, null,
|
||||||
|
'The sketch context should not be null once a decimal opacity has been used.');
|
||||||
|
done();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// ----------
|
||||||
|
QUnit.test('deprecations-'+drawerType, function(assert) {
|
||||||
|
var done = assert.async();
|
||||||
|
|
||||||
|
createViewer({
|
||||||
|
tileSources: '/test/data/testpattern.dzi'
|
||||||
|
});
|
||||||
|
viewer.world.addHandler('add-item', function() {
|
||||||
|
// no current deprecated methods
|
||||||
|
assert.expect(0);
|
||||||
done();
|
done();
|
||||||
});
|
});
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// ----------
|
|
||||||
QUnit.test('deprecations', function(assert) {
|
|
||||||
var done = assert.async();
|
|
||||||
|
|
||||||
createViewer({
|
|
||||||
tileSources: '/test/data/testpattern.dzi'
|
|
||||||
});
|
});
|
||||||
viewer.world.addHandler('add-item', function() {
|
|
||||||
// no current deprecated methods
|
}
|
||||||
assert.expect(0);
|
|
||||||
done();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
})();
|
})();
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user