Mirrors/Chart.js
1
0
Fork 0
mirror of https://github.com/chartjs/Chart.js.git synced 2024-10-06 12:19:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update polar animation tests to less error prone (#8461)

Browse Source
This commit is contained in:
Jukka Kurkela 2021-02-19 18:44:37 +02:00 committed by GitHub
parent 4219001280
commit ce0f7ff903
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 47 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
test/fixtures/controller.polarArea/polar-area-animation-rotate.js vendored
View File

@ -31,7 +31,7 @@ module.exports = {
animation: {
animateRotate: true,
animateScale: false,
duration: 800,
duration: 8000,
easing: 'linear'
},
responsive: false,
@ -57,19 +57,29 @@ module.exports = {
},
run: function(chart) {
const animator = Chart.animator;
const start = animator._getAnims(chart).items[0]._start;
animator._running = false;
return new Promise((resolve) => setTimeout(() => {
for (let i = 0; i < 16; i++) {
animator._update(start + i * 50);
let x = i % 4 * 128;
let y = Math.floor(i / 4) * 128;
ctx.drawImage(chart.canvas, x, y, 128, 128);
}
Chart.helpers.clearCanvas(chart.canvas);
chart.ctx.drawImage(canvas, 0, 0);
resolve();
}, 100));
const anims = animator._getAnims(chart);
// disable animator
const backup = animator._refresh;
animator._refresh = function() { };
return new Promise((resolve) => {
window.requestAnimationFrame(() => {
const start = anims.items[0]._start;
for (let i = 0; i < 16; i++) {
animator._update(start + i * 500);
let x = i % 4 * 128;
let y = Math.floor(i / 4) * 128;
ctx.drawImage(chart.canvas, x, y, 128, 128);
}
Chart.helpers.clearCanvas(chart.canvas);
chart.ctx.drawImage(canvas, 0, 0);
animator._refresh = backup;
resolve();
});
});
}
}
};

37
test/fixtures/controller.polarArea/polar-area-animation-scale.js vendored
View File

@ -31,7 +31,7 @@ module.exports = {
animation: {
animateRotate: false,
animateScale: true,
duration: 800,
duration: 8000,
easing: 'linear'
},
responsive: false,
@ -57,19 +57,28 @@ module.exports = {
},
run: function(chart) {
const animator = Chart.animator;
const start = animator._getAnims(chart).items[0]._start;
animator._running = false;
return new Promise((resolve) => setTimeout(() => {
for (let i = 0; i < 16; i++) {
animator._update(start + i * 50);
let x = i % 4 * 128;
let y = Math.floor(i / 4) * 128;
ctx.drawImage(chart.canvas, x, y, 128, 128);
}
Chart.helpers.clearCanvas(chart.canvas);
chart.ctx.drawImage(canvas, 0, 0);
resolve();
}, 100));
const anims = animator._getAnims(chart);
// disable animator
const backup = animator._refresh;
animator._refresh = function() { };
return new Promise((resolve) => {
window.requestAnimationFrame(() => {
const start = anims.items[0]._start;
for (let i = 0; i < 16; i++) {
animator._update(start + i * 500);
let x = i % 4 * 128;
let y = Math.floor(i / 4) * 128;
ctx.drawImage(chart.canvas, x, y, 128, 128);
}
Chart.helpers.clearCanvas(chart.canvas);
chart.ctx.drawImage(canvas, 0, 0);
animator._refresh = backup;
resolve();
});
});
}
}
};