From: Jukka Kurkela <jukka.kurkela@gmail.com>
Date: Wed, 17 Feb 2021 20:42:38 +0000 (+0200)
Subject: Add test for default doughnut animations (#8446)
X-Git-Tag: v3.0.0-beta.11~15
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b468bffa9bb7f583e6c632306dba855551084ef5;p=thirdparty%2FChart.js.git

Add test for default doughnut animations (#8446)
---

diff --git a/src/core/core.animator.js b/src/core/core.animator.js
index 1d78e34ac..e06651474 100644
--- a/src/core/core.animator.js
+++ b/src/core/core.animator.js
@@ -69,9 +69,8 @@ export class Animator {
   /**
 	 * @private
 	 */
-  _update() {
+  _update(date = Date.now()) {
     const me = this;
-    const date = Date.now();
     let remaining = 0;
 
     me._charts.forEach((anims, chart) => {
diff --git a/test/fixtures/controller.doughnut/doughnut-animation.js b/test/fixtures/controller.doughnut/doughnut-animation.js
new file mode 100644
index 000000000..fbe91042b
--- /dev/null
+++ b/test/fixtures/controller.doughnut/doughnut-animation.js
@@ -0,0 +1,72 @@
+const canvas = document.createElement('canvas');
+canvas.width = 512;
+canvas.height = 512;
+const ctx = canvas.getContext('2d');
+
+module.exports = {
+  config: {
+    type: 'doughnut',
+    data: {
+      labels: ['A', 'B', 'C', 'D', 'E'],
+      datasets: [{
+        data: [1, 5, 10, 50, 100],
+        backgroundColor: [
+          'rgba(255, 99, 132, 0.8)',
+          'rgba(54, 162, 235, 0.8)',
+          'rgba(255, 206, 86, 0.8)',
+          'rgba(75, 192, 192, 0.8)',
+          'rgba(153, 102, 255, 0.8)'
+        ],
+        borderWidth: 4,
+        borderColor: [
+          'rgb(255, 99, 132)',
+          'rgb(54, 162, 235)',
+          'rgb(255, 206, 86)',
+          'rgb(75, 192, 192)',
+          'rgb(153, 102, 255)'
+        ]
+      }]
+    },
+    options: {
+      animation: {
+        duration: 800,
+        easing: 'linear'
+      },
+      responsive: false,
+      plugins: {
+        legend: false,
+        title: false,
+        tooltip: false,
+        filler: false
+      }
+    },
+    plugins: [{
+      id: 'hide',
+      afterInit(chart) {
+        chart.toggleDataVisibility(4);
+      }
+    }]
+  },
+  options: {
+    canvas: {
+      height: 512,
+      width: 512
+    },
+    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));
+    }
+  }
+};
diff --git a/test/fixtures/controller.doughnut/doughnut-animation.png b/test/fixtures/controller.doughnut/doughnut-animation.png
new file mode 100644
index 000000000..eb07d1ea7
Binary files /dev/null and b/test/fixtures/controller.doughnut/doughnut-animation.png differ