@@ -30,10 +30,6 @@ import simpleloadPng from './simpleload.png';
3030// eslint-disable-next-line @kbn/eslint/no-restricted-paths
3131import { seedColors } from '../../../../../../plugins/charts/public/services/colors/seed_colors' ;
3232
33- const colors = {
34- seedColors,
35- } ;
36-
3733describe ( 'tag cloud tests' , function ( ) {
3834 const minValue = 1 ;
3935 const maxValue = 9 ;
@@ -102,6 +98,8 @@ describe('tag cloud tests', function() {
10298 let domNode ;
10399 let tagCloud ;
104100
101+ const colorScale = d3 . scale . ordinal ( ) . range ( seedColors ) ;
102+
105103 function setupDOM ( ) {
106104 domNode = document . createElement ( 'div' ) ;
107105 domNode . style . top = '0' ;
@@ -132,7 +130,7 @@ describe('tag cloud tests', function() {
132130 ) } `, function ( ) {
133131 beforeEach ( async function ( ) {
134132 setupDOM ( ) ;
135- tagCloud = new TagCloud ( domNode , colors ) ;
133+ tagCloud = new TagCloud ( domNode , colorScale ) ;
136134 tagCloud . setData ( test . data ) ;
137135 tagCloud . setOptions ( test . options ) ;
138136 await fromNode ( cb => tagCloud . once ( 'renderComplete' , cb ) ) ;
@@ -164,7 +162,7 @@ describe('tag cloud tests', function() {
164162
165163 //TagCloud takes at least 600ms to complete (due to d3 animation)
166164 //renderComplete should only notify at the last one
167- tagCloud = new TagCloud ( domNode , colors ) ;
165+ tagCloud = new TagCloud ( domNode , colorScale ) ;
168166 tagCloud . setData ( baseTest . data ) ;
169167 tagCloud . setOptions ( baseTest . options ) ;
170168
@@ -196,7 +194,7 @@ describe('tag cloud tests', function() {
196194 describe ( 'should use the latest state before notifying (when modifying options multiple times)' , function ( ) {
197195 beforeEach ( async function ( ) {
198196 setupDOM ( ) ;
199- tagCloud = new TagCloud ( domNode , colors ) ;
197+ tagCloud = new TagCloud ( domNode , colorScale ) ;
200198 tagCloud . setData ( baseTest . data ) ;
201199 tagCloud . setOptions ( baseTest . options ) ;
202200 tagCloud . setOptions ( logScaleTest . options ) ;
@@ -223,7 +221,7 @@ describe('tag cloud tests', function() {
223221 describe ( 'should use the latest state before notifying (when modifying data multiple times)' , function ( ) {
224222 beforeEach ( async function ( ) {
225223 setupDOM ( ) ;
226- tagCloud = new TagCloud ( domNode , colors ) ;
224+ tagCloud = new TagCloud ( domNode , colorScale ) ;
227225 tagCloud . setData ( baseTest . data ) ;
228226 tagCloud . setOptions ( baseTest . options ) ;
229227 tagCloud . setData ( trimDataTest . data ) ;
@@ -253,7 +251,7 @@ describe('tag cloud tests', function() {
253251 counter = 0 ;
254252 setupDOM ( ) ;
255253 return new Promise ( ( resolve , reject ) => {
256- tagCloud = new TagCloud ( domNode , colors ) ;
254+ tagCloud = new TagCloud ( domNode , colorScale ) ;
257255 tagCloud . setData ( baseTest . data ) ;
258256 tagCloud . setOptions ( baseTest . options ) ;
259257
@@ -299,7 +297,7 @@ describe('tag cloud tests', function() {
299297 describe ( 'should show correct data when state-updates are interleaved with resize event' , function ( ) {
300298 beforeEach ( async function ( ) {
301299 setupDOM ( ) ;
302- tagCloud = new TagCloud ( domNode , colors ) ;
300+ tagCloud = new TagCloud ( domNode , colorScale ) ;
303301 tagCloud . setData ( logScaleTest . data ) ;
304302 tagCloud . setOptions ( logScaleTest . options ) ;
305303
@@ -337,7 +335,7 @@ describe('tag cloud tests', function() {
337335 setupDOM ( ) ;
338336 domNode . style . width = '1px' ;
339337 domNode . style . height = '1px' ;
340- tagCloud = new TagCloud ( domNode , colors ) ;
338+ tagCloud = new TagCloud ( domNode , colorScale ) ;
341339 tagCloud . setData ( baseTest . data ) ;
342340 tagCloud . setOptions ( baseTest . options ) ;
343341 await fromNode ( cb => tagCloud . once ( 'renderComplete' , cb ) ) ;
@@ -363,7 +361,7 @@ describe('tag cloud tests', function() {
363361 domNode . style . width = '1px' ;
364362 domNode . style . height = '1px' ;
365363
366- tagCloud = new TagCloud ( domNode , colors ) ;
364+ tagCloud = new TagCloud ( domNode , colorScale ) ;
367365 tagCloud . setData ( baseTest . data ) ;
368366 tagCloud . setOptions ( baseTest . options ) ;
369367 await fromNode ( cb => tagCloud . once ( 'renderComplete' , cb ) ) ;
@@ -388,7 +386,7 @@ describe('tag cloud tests', function() {
388386 describe ( `tags should no longer fit after making container smaller` , function ( ) {
389387 beforeEach ( async function ( ) {
390388 setupDOM ( ) ;
391- tagCloud = new TagCloud ( domNode , colors ) ;
389+ tagCloud = new TagCloud ( domNode , colorScale ) ;
392390 tagCloud . setData ( baseTest . data ) ;
393391 tagCloud . setOptions ( baseTest . options ) ;
394392 await fromNode ( cb => tagCloud . once ( 'renderComplete' , cb ) ) ;
@@ -420,7 +418,7 @@ describe('tag cloud tests', function() {
420418 } ) ;
421419
422420 it ( 'should render simple image' , async function ( ) {
423- tagCloud = new TagCloud ( domNode , colors ) ;
421+ tagCloud = new TagCloud ( domNode , colorScale ) ;
424422 tagCloud . setData ( baseTest . data ) ;
425423 tagCloud . setOptions ( baseTest . options ) ;
426424
0 commit comments