Use empty labels for tests so as not to be affected by the font width

chartjs · Nov 16, 2018 · 1bf199b · 1bf199b
1 parent ecf64d3
commit 1bf199b
Showing 1 changed file with 37 additions and 34 deletions.
diff --git a/test/specs/plugin.legend.tests.js b/test/specs/plugin.legend.tests.js
@@ -438,9 +438,9 @@ describe('Legend block tests', function() {
 		var chart = window.acquireChart({
 			type: 'bar',
 			data: {
-				datasets: [1, 2, 3, 4, 5].map(function(n) {
+				datasets: Array.apply(null, Array(9)).map(function() {
 					return {
-						label: 'dataset' + n,
+						label: '',
 						data: []
 					};
 				}),
@@ -452,15 +452,18 @@ describe('Legend block tests', function() {
 		expect(chart.legend.top).toBeCloseToPixel(0);
 		expect(chart.legend.width).toBeCloseToPixel(512);
 		expect(chart.legend.height).toBeCloseToPixel(54);
-		expect(chart.legend.legendHitBoxes.length).toBe(5);
-		expect(chart.legend.legendHitBoxes.length).toBe(5);
+		expect(chart.legend.legendHitBoxes.length).toBe(9);
 
 		[
-			{h: 12, l: 56, t: 10, w: 93},
-			{h: 12, l: 158, t: 10, w: 93},
-			{h: 12, l: 261, t: 10, w: 93},
-			{h: 12, l: 364, t: 10, w: 93},
-			{h: 12, l: 210, t: 32, w: 93}
+			{h: 12, l: 37, t: 10, w: 46},
+			{h: 12, l: 93, t: 10, w: 46},
+			{h: 12, l: 149, t: 10, w: 46},
+			{h: 12, l: 205, t: 10, w: 46},
+			{h: 12, l: 261, t: 10, w: 46},
+			{h: 12, l: 317, t: 10, w: 46},
+			{h: 12, l: 373, t: 10, w: 46},
+			{h: 12, l: 429, t: 10, w: 46},
+			{h: 12, l: 233, t: 32, w: 46}
 		].forEach(function(expected, i) {
 			expect(chart.legend.legendHitBoxes[i].height).toBeCloseToPixel(expected.h);
 			expect(chart.legend.legendHitBoxes[i].left).toBeCloseToPixel(expected.l);
@@ -473,9 +476,9 @@ describe('Legend block tests', function() {
 		var chart = window.acquireChart({
 			type: 'bar',
 			data: {
-				datasets: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22].map(function(n) {
+				datasets: Array.apply(null, Array(22)).map(function() {
 					return {
-						label: 'dataset' + n,
+						label: '',
 						data: []
 					};
 				}),
@@ -490,33 +493,33 @@ describe('Legend block tests', function() {
 
 		expect(chart.legend.left).toBeCloseToPixel(0);
 		expect(chart.legend.top).toBeCloseToPixel(6);
-		expect(chart.legend.width).toBeCloseToPixel(228.7);
+		expect(chart.legend.width).toBeCloseToPixel(122);
 		expect(chart.legend.height).toBeCloseToPixel(478);
 		expect(chart.legend.legendHitBoxes.length).toBe(22);
 
 		[
-			{h: 12, l: 10, t: 16, w: 93},
-			{h: 12, l: 10, t: 38, w: 93},
-			{h: 12, l: 10, t: 60, w: 93},
-			{h: 12, l: 10, t: 82, w: 93},
-			{h: 12, l: 10, t: 104, w: 93},
-			{h: 12, l: 10, t: 126, w: 93},
-			{h: 12, l: 10, t: 148, w: 93},
-			{h: 12, l: 10, t: 170, w: 93},
-			{h: 12, l: 10, t: 192, w: 93},
-			{h: 12, l: 10, t: 214, w: 99},
-			{h: 12, l: 10, t: 236, w: 99},
-			{h: 12, l: 10, t: 258, w: 99},
-			{h: 12, l: 10, t: 280, w: 99},
-			{h: 12, l: 10, t: 302, w: 99},
-			{h: 12, l: 10, t: 324, w: 99},
-			{h: 12, l: 10, t: 346, w: 99},
-			{h: 12, l: 10, t: 368, w: 99},
-			{h: 12, l: 10, t: 390, w: 99},
-			{h: 12, l: 10, t: 412, w: 99},
-			{h: 12, l: 10, t: 434, w: 99},
-			{h: 12, l: 10, t: 456, w: 99},
-			{h: 12, l: 119, t: 16, w: 99}
+			{h: 12, l: 10, t: 16, w: 46},
+			{h: 12, l: 10, t: 38, w: 46},
+			{h: 12, l: 10, t: 60, w: 46},
+			{h: 12, l: 10, t: 82, w: 46},
+			{h: 12, l: 10, t: 104, w: 46},
+			{h: 12, l: 10, t: 126, w: 46},
+			{h: 12, l: 10, t: 148, w: 46},
+			{h: 12, l: 10, t: 170, w: 46},
+			{h: 12, l: 10, t: 192, w: 46},
+			{h: 12, l: 10, t: 214, w: 46},
+			{h: 12, l: 10, t: 236, w: 46},
+			{h: 12, l: 10, t: 258, w: 46},
+			{h: 12, l: 10, t: 280, w: 46},
+			{h: 12, l: 10, t: 302, w: 46},
+			{h: 12, l: 10, t: 324, w: 46},
+			{h: 12, l: 10, t: 346, w: 46},
+			{h: 12, l: 10, t: 368, w: 46},
+			{h: 12, l: 10, t: 390, w: 46},
+			{h: 12, l: 10, t: 412, w: 46},
+			{h: 12, l: 10, t: 434, w: 46},
+			{h: 12, l: 10, t: 456, w: 46},
+			{h: 12, l: 66, t: 16, w: 46}
 		].forEach(function(expected, i) {
 			expect(chart.legend.legendHitBoxes[i].height).toBeCloseToPixel(expected.h);
 			expect(chart.legend.legendHitBoxes[i].left).toBeCloseToPixel(expected.l);