test: disable colors plugin for tests

Author: dangreen

docs/general/colors.md

@@ -47,7 +47,7 @@ const data = {
 };
 ```
 
-However, setting colors for each dataset might require additional work that you'd rather not do. In that case, consider using the following plugins with pre-defined or generated palettes. 
+However, setting colors for each dataset might require additional work that you'd rather not do. In that case, consider using the following plugins with pre-defined or generated palettes.
 
 ### Default color series
 
@@ -67,6 +67,22 @@ import { Colors } from 'chart.js';
 Chart.register(Colors);
 ```
 
+:::tip Note
+
+If you are using UMD version of Chart.js, this plugin will be enabled by default. You can disable it by setting option `enabled` to `false`:
+
+```js
+const options = {
+  plugins: {
+    colors: {
+      enabled: false
+    }
+  }
+};
+```
+
+:::
+
 ### Advanced color series
 
 If a limited-size series of colors is not enough, you can use [`chartjs-plugin-autocolors`](https://github.com/kurkle/chartjs-plugin-autocolors) that generates an unlimited number of distinct colors for every dataset or for every data point in every dataset:

src/plugins/plugin.colors.ts

@@ -1,5 +1,9 @@
 import type {Chart, ChartDataset} from '../types';
 
+export interface ColorsPluginOptions {
+  enabled?: boolean;
+}
+
 type DatasetColorizer = (dataset: ChartDataset, i: number) => void;
 
 interface ColorsDescriptor {
@@ -68,7 +72,15 @@ function containsColorsDefinitions(
 export default {
   id: 'colors',
 
-  beforeLayout(chart: Chart) {
+  defaults: {
+    enabled: true,
+  },
+
+  beforeLayout(chart: Chart, _args, options: ColorsPluginOptions) {
+    if (!options.enabled) {
+      return;
+    }
+
     const {
       type,
       options: {elements},

test/fixtures/plugin.colors/bar.js

@@ -11,6 +11,13 @@ module.exports = {
           data: [10, 2, 3, null, 10, 5]
         }
       ]
+    },
+    options: {
+      plugins: {
+        colors: {
+          enabled: true
+        }
+      }
     }
   }
 };

test/fixtures/plugin.colors/bubble.js

@@ -7,6 +7,13 @@ module.exports = {
       }, {
         data: [{x: 18, y: 38, r: 25}]
       }]
+    },
+    options: {
+      plugins: {
+        colors: {
+          enabled: true
+        }
+      }
     }
   }
 };

test/fixtures/plugin.colors/doughnut.js

@@ -10,6 +10,13 @@ module.exports = {
           data: [5, 1, 6, 2, null, 9]
         }
       ]
+    },
+    options: {
+      plugins: {
+        colors: {
+          enabled: true
+        }
+      }
     }
   }
 };

test/fixtures/plugin.colors/line.js

@@ -11,6 +11,13 @@ module.exports = {
           data: [10, 2, 3, null, 10, 5]
         }
       ]
+    },
+    options: {
+      plugins: {
+        colors: {
+          enabled: true
+        }
+      }
     }
   }
 };

test/fixtures/plugin.colors/polarArea.js

@@ -8,6 +8,13 @@ module.exports = {
           data: [0, 2, 4, null, 6, 8]
         }
       ]
+    },
+    options: {
+      plugins: {
+        colors: {
+          enabled: true
+        }
+      }
     }
   }
 };

test/fixtures/plugin.colors/radar.js

@@ -11,6 +11,13 @@ module.exports = {
           data: [4, -5, -10, null, 10, 5]
         }
       ]
+    },
+    options: {
+      plugins: {
+        colors: {
+          enabled: true
+        }
+      }
     }
   }
 };

test/fixtures/plugin.colors/scatter.js

@@ -12,6 +12,13 @@ module.exports = {
         pointRadius: 20,
         label: 'dataset2'
       }],
+    },
+    options: {
+      plugins: {
+        colors: {
+          enabled: true
+        }
+      }
     }
   }
 };

test/index.js

@@ -22,10 +22,15 @@ jasmine.triggerMouseEvent = triggerMouseEvent;
 // more stable test results.
 window.moment.tz.setDefault('Etc/UTC');
 
-beforeEach(function() {
+beforeAll(() => {
+  // Disable colors plugin for tests.
+  window.Chart.defaults.plugins.colors.enabled = false;
+});
+
+beforeEach(() => {
   addMatchers();
 });
 
-afterEach(function() {
+afterEach(() => {
   releaseCharts();
 });