Add core.scale tests

chartjs · Jul 7, 2018 · d238044 · d238044
1 parent 990e1f9
commit d238044
Showing 1 changed file with 133 additions and 0 deletions.
diff --git a/test/specs/core.scale.tests.js b/test/specs/core.scale.tests.js
@@ -19,4 +19,137 @@ describe('Core.scale', function() {
 			}
 		});
 	});
+
+	var gridLineTests = [{
+		labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5'],
+		offsetGridLines: false,
+		offset: false,
+		expected: [0.5, 128.5, 256.5, 384.5, 512.5]
+	}, {
+		labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5'],
+		offsetGridLines: false,
+		offset: true,
+		expected: [51.5, 154.5, 256.5, 358.5, 461.5]
+	}, {
+		labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5'],
+		offsetGridLines: true,
+		offset: false,
+		expected: [-63.5, 64.5, 192.5, 320.5, 448.5]
+	}, {
+		labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5'],
+		offsetGridLines: true,
+		offset: true,
+		expected: [0, 103, 205.5, 307.5, 410]
+	}, {
+		labels: ['tick1'],
+		offsetGridLines: false,
+		offset: false,
+		expected: [0.5]
+	}, {
+		labels: ['tick1'],
+		offsetGridLines: false,
+		offset: true,
+		expected: [256.5]
+	}, {
+		labels: ['tick1'],
+		offsetGridLines: true,
+		offset: false,
+		expected: [-511.5]
+	}, {
+		labels: ['tick1'],
+		offsetGridLines: true,
+		offset: true,
+		expected: [0.5]
+	}];
+
+	gridLineTests.forEach(function(test) {
+		it('should get the correct pixels for ' + test.labels.length + ' gridLine(s) for the horizontal scale when offsetGridLines is ' + test.offsetGridLines + ' and offset is ' + test.offset, function() {
+			var chart = window.acquireChart({
+				type: 'line',
+				data: {
+					datasets: [{
+						data: []
+					}],
+					labels: test.labels
+				},
+				options: {
+					scales: {
+						xAxes: [{
+							id: 'xScale0',
+							gridLines: {
+								offsetGridLines: test.offsetGridLines,
+								drawTicks: false
+							},
+							ticks: {
+								display: false
+							},
+							offset: test.offset
+						}],
+						yAxes: [{
+							display: false
+						}]
+					},
+					legend: {
+						display: false
+					}
+				}
+			});
+
+			var xScale = chart.scales.xScale0;
+			xScale.ctx = window.createMockContext();
+			chart.draw();
+
+			expect(xScale.ctx.getCalls().filter(function(x) {
+				return x.name === 'moveTo' && x.args[1] === 0;
+			}).map(function(x) {
+				return x.args[0];
+			})).toEqual(test.expected);
+		});
+	});
+
+	gridLineTests.forEach(function(test) {
+		it('should get the correct pixels for ' + test.labels.length + ' gridLine(s) for the vertical scale when offsetGridLines is ' + test.offsetGridLines + ' and offset is ' + test.offset, function() {
+			var chart = window.acquireChart({
+				type: 'line',
+				data: {
+					datasets: [{
+						data: []
+					}],
+					labels: test.labels
+				},
+				options: {
+					scales: {
+						xAxes: [{
+							display: false
+						}],
+						yAxes: [{
+							type: 'category',
+							id: 'yScale0',
+							gridLines: {
+								offsetGridLines: test.offsetGridLines,
+								drawTicks: false
+							},
+							ticks: {
+								display: false
+							},
+							offset: test.offset
+						}]
+					},
+					legend: {
+						display: false
+					}
+				}
+			});
+
+			var yScale = chart.scales.yScale0;
+			yScale.ctx = window.createMockContext();
+			chart.draw();
+
+			expect(yScale.ctx.getCalls().filter(function(x) {
+				return x.name === 'moveTo' && x.args[0] === 0;
+			}).map(function(x) {
+				return x.args[1];
+			})).toEqual(test.expected);
+		});
+	});
 });