}, 250);
}, 50);
});
-
- describe('default transitions', function() {
- describe('hide', function() {
- it('should keep dataset visible through the animation', function(done) {
- let count = 0;
- window.acquireChart({
- type: 'line',
- data: {
- labels: [0],
- datasets: [
- {data: [1]},
- ]
- },
- options: {
- animation: {
- duration: 0,
- onProgress: (args) => {
- if (!args.chart.isDatasetVisible(0) && args.currentStep / args.numSteps < 0.9) {
- // while animating, visible should be truthly
- // sometimes its not, thats why we check only up to 90% of the animation
- expect(args.chart.getDatasetMeta(0).visible).toBeTruthy();
- count++;
- }
- },
- onComplete: (args) => {
- if (args.chart.isDatasetVisible(0)) {
- args.chart.hide(0);
- } else {
- // and when finished, it should be false
- expect(args.chart.getDatasetMeta(0).visible).toBeFalsy();
- expect(count).toBeGreaterThan(0);
- done();
- }
- }
- },
- transitions: {
- hide: {
- animation: {
- duration: 100
- }
- }
- }
- }
- });
- });
- });
- });
});