cartodb/Leaflet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test(GridLayer): fix pan move&forth graph browsers

Browse Source 
because graphical browsers, even in non-animated pan, will still perform tile fade-in animation, which require some frames before calling _pruneTiles().
This commit is contained in:
ghybs 2018-06-22 16:06:17 +04:00
parent bed7cd101e
commit abeff4d543
1 changed files with 25 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
spec/suites/layer/tile/GridLayerSpec.js
View File

@ -892,30 +892,42 @@ describe('GridLayer', function () {
// clock.tick(250); // clock.tick(250);
}); });
// NOTE: This test has different behaviour in PhantomJS and graphical
// browsers due to CSS animations!
it("Loads map, moves forth and back by 512 px, keepBuffer = 0", function (done) { it("Loads map, moves forth and back by 512 px, keepBuffer = 0", function (done) {
grid.on('load', function () { grid.once('load', function () {
expect(counts.tileloadstart).to.be(16); expect(counts.tileloadstart).to.be(16);
expect(counts.tileload).to.be(16); expect(counts.tileload).to.be(16);
expect(counts.tileunload).to.be(0); expect(counts.tileunload).to.be(0);
grid.off('load');
grid.on('load', function () { grid.once('load', function () {
expect(counts.tileloadstart).to.be(28); expect(counts.tileloadstart).to.be(28);
expect(counts.tileload).to.be(28); expect(counts.tileload).to.be(28);
// Wait for a frame to let _updateOpacity starting
// It will prune the 12 tiles outside the new bounds.
// PhantomJS has Browser.any3d === false, so it actually
// does not perform the fade animation and does not need
// this rAF, but it does not harm either.
L.Util.requestAnimFrame(function () {
expect(counts.tileunload).to.be(12); expect(counts.tileunload).to.be(12);
grid.off('load'); grid.once('load', function () {
grid.on('load', function () {
expect(counts.tileloadstart).to.be(40); expect(counts.tileloadstart).to.be(40);
expect(counts.tileload).to.be(40); expect(counts.tileload).to.be(40);
// Wait an extra frame for the tile pruning to happen.
L.Util.requestAnimFrame(function () {
expect(counts.tileunload).to.be(24); expect(counts.tileunload).to.be(24);
done(); done();
}); });
});
map.panBy([-512, -512], {animate: false}); map.panBy([-512, -512], {animate: false});
clock.tick(250); clock.tick(250);
}); });
});
map.panBy([512, 512], {animate: false}); map.panBy([512, 512], {animate: false});
clock.tick(250); clock.tick(250);