describe('Linear Scale', function() {
- it ('Should register the constructor with the scale service', function() {
+ it('Should register the constructor with the scale service', function() {
var Constructor = Chart.scaleService.getScaleConstructor('linear');
expect(Constructor).not.toBe(undefined);
expect(typeof Constructor).toBe('function');
});
- it ('Should have the correct default config', function() {
+ it('Should have the correct default config', function() {
var defaultConfig = Chart.scaleService.getScaleDefaults('linear');
expect(defaultConfig).toEqual({
display: true,
});
});
- it ('Should correctly determine the max & min data values', function() {
+ it('Should correctly determine the max & min data values', function() {
var scaleID = 'myScale';
var mockData = {
datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 0, -5, 78, -100]
- }, {
- yAxisID: 'second scale',
- data: [-1000, 1000],
- }, {
- yAxisID: scaleID,
- data: [150]
- }
- ]
+ yAxisID: scaleID,
+ data: [10, 5, 0, -5, 78, -100]
+ }, {
+ yAxisID: 'second scale',
+ data: [-1000, 1000],
+ }, {
+ yAxisID: scaleID,
+ data: [150]
+ }]
};
var Constructor = Chart.scaleService.getScaleConstructor('linear');
expect(scale.max).toBe(150);
});
- it ('Should correctly determine the max & min for scatter data', function() {
+ it('Should correctly determine the max & min for scatter data', function() {
var scaleID = 'myScale';
var mockData = {
datasets: [{
xAxisID: scaleID, // for the horizontal scale
yAxisID: scaleID,
- data: [{x: 10, y: 100}, {x: -10, y: 0}, {x: 0, y: 0}, {x: 99, y: 7}]
+ data: [{
+ x: 10,
+ y: 100
+ }, {
+ x: -10,
+ y: 0
+ }, {
+ x: 0,
+ y: 0
+ }, {
+ x: 99,
+ y: 7
+ }]
}]
};
expect(horizontalScale.max).toBe(99);
});
- it ('Should correctly determine the min and max data values when stacked mode is turned on', function() {
+ it('Should correctly determine the min and max data values when stacked mode is turned on', function() {
var scaleID = 'myScale';
var mockData = {
datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 0, -5, 78, -100]
- }, {
- yAxisID: 'second scale',
- data: [-1000, 1000],
- }, {
- yAxisID: scaleID,
- data: [150, 0, 0, -100, -10, 9]
- }
- ]
+ yAxisID: scaleID,
+ data: [10, 5, 0, -5, 78, -100]
+ }, {
+ yAxisID: 'second scale',
+ data: [-1000, 1000],
+ }, {
+ yAxisID: scaleID,
+ data: [150, 0, 0, -100, -10, 9]
+ }]
};
var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('linear'));
expect(scale.max).toBe(160);
});
- it ('Should ensure that the scale has a max and min that are not equal', function() {
+ it('Should ensure that the scale has a max and min that are not equal', function() {
var scaleID = 'myScale';
var mockData = {
expect(scale.max).toBe(1);
});
- it ('should forcibly include 0 in the range if the beginAtZero option is used', function() {
+ it('should forcibly include 0 in the range if the beginAtZero option is used', function() {
var scaleID = 'myScale';
var mockData = {
};
var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('linear'));
-
+
var Constructor = Chart.scaleService.getScaleConstructor('linear');
var scale = new Constructor({
expect(scale.ticks).toEqual([-20, -25, -30, -35, -40, -45, -50]);
});
- it ('Should generate tick marks', function() {
+ it('Should generate tick marks', function() {
var scaleID = 'myScale';
var mockData = {
datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 0, 25, 78]
- },
- ]
+ yAxisID: scaleID,
+ data: [10, 5, 0, 25, 78]
+ }, ]
};
var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('linear'));
// Large enough to be unimportant
var maxWidth = 400;
- var maxHeight = 400;
+ var maxHeight = 400;
scale.generateTicks(maxWidth, maxHeight);
// Counts down because the lines are drawn top to bottom
expect(scale.end).toBe(80);
});
- it ('Should generate tick marks in the correct order in reversed mode', function() {
+ it('Should generate tick marks in the correct order in reversed mode', function() {
var scaleID = 'myScale';
var mockData = {
datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 0, 25, 78]
- },
- ]
+ yAxisID: scaleID,
+ data: [10, 5, 0, 25, 78]
+ }, ]
};
var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('linear'));
// Large enough to be unimportant
var maxWidth = 400;
- var maxHeight = 400;
+ var maxHeight = 400;
scale.generateTicks(maxWidth, maxHeight);
// Reverse mode makes this count up
expect(scale.end).toBe(0);
});
- it ('Should generate tick marks using the user supplied options', function() {
+ it('Should generate tick marks using the user supplied options', function() {
var scaleID = 'myScale';
var mockData = {
datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 0, 25, 78]
- },
- ]
+ yAxisID: scaleID,
+ data: [10, 5, 0, 25, 78]
+ }, ]
};
var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('linear'));
// Large enough to be unimportant
var maxWidth = 400;
- var maxHeight = 400;
+ var maxHeight = 400;
scale.generateTicks(maxWidth, maxHeight);
expect(scale.ticks).toEqual([100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 0]);
expect(scale.end).toBe(100);
});
- it ('Should build labels using the default template', function() {
+ it('Should build labels using the default template', function() {
var scaleID = 'myScale';
var mockData = {
datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 0, 25, 78]
- },
- ]
+ yAxisID: scaleID,
+ data: [10, 5, 0, 25, 78]
+ }, ]
};
var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('linear'));
// Large enough to be unimportant
var maxWidth = 400;
- var maxHeight = 400;
+ var maxHeight = 400;
scale.generateTicks(maxWidth, maxHeight);
// Generate labels
expect(scale.labels).toEqual(['80', '70', '60', '50', '40', '30', '20', '10', '0']);
});
- it ('Should build labels using the user supplied callback', function() {
+ it('Should build labels using the user supplied callback', function() {
var scaleID = 'myScale';
var mockData = {
datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 0, 25, 78]
- },
- ]
+ yAxisID: scaleID,
+ data: [10, 5, 0, 25, 78]
+ }, ]
};
var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('linear'));
// Large enough to be unimportant
var maxWidth = 400;
- var maxHeight = 400;
+ var maxHeight = 400;
scale.generateTicks(maxWidth, maxHeight);
// Generate labels
expect(scale.labels).toEqual(['0', '1', '2', '3', '4', '5', '6', '7', '8']);
});
- it ('Should get the correct pixel value for a point', function() {
+ it('Should get the correct pixel value for a point', function() {
var scaleID = 'myScale';
var mockData = {
expect(horizontalScale.getPointPixelForValue(0, 0, 0)).toBe(55); // halfway
});
- it ('should get the correct pixel value for a bar', function() {
+ it('should get the correct pixel value for a bar', function() {
var scaleID = 'myScale';
var mockData = {
expect(verticalScale.calculateBarY(0, 0)).toBe(96.66666666666667); // bottom
});
- it ('should fit correctly', function() {
+ it('should fit correctly', function() {
var scaleID = 'myScale';
var mockData = {
expect(verticalScale.paddingRight).toBe(0);
// Refit with margins to see the padding go away
- minSize = verticalScale.fit(33, 300, {left: 0, right: 0, top: 15, bottom: 3});
+ minSize = verticalScale.fit(33, 300, {
+ left: 0,
+ right: 0,
+ top: 15,
+ bottom: 3
+ });
expect(minSize).toEqual({
width: 33,
height: 300,
expect(verticalScale.paddingLeft).toBe(0);
expect(verticalScale.paddingRight).toBe(0);
});
+
+ it('should fit correctly when horizontal', function() {
+ var scaleID = 'myScale';
+
+ var mockData = {
+ datasets: [{
+ xAxisID: scaleID, // for the horizontal scale
+ yAxisID: scaleID,
+ data: [-5, 0, 2, -3, 5]
+ }]
+ };
+ var mockContext = window.createMockContext();
+
+ var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('linear'));
+ config.position = "bottom";
+ var Constructor = Chart.scaleService.getScaleConstructor('linear');
+ var verticalScale = new Constructor({
+ ctx: mockContext,
+ options: config,
+ data: mockData,
+ id: scaleID
+ });
+
+ var minSize = verticalScale.fit(100, 300);
+ expect(minSize).toEqual({
+ width: 100,
+ height: 28,
+ });
+ expect(verticalScale.width).toBe(100);
+ expect(verticalScale.height).toBe(28);
+ expect(verticalScale.paddingTop).toBe(0);
+ expect(verticalScale.paddingBottom).toBe(0);
+ expect(verticalScale.paddingLeft).toBe(15);
+ expect(verticalScale.paddingRight).toBe(10);
+
+ // Refit with margins to see the padding go away
+ minSize = verticalScale.fit(100, 28, {
+ left: 10,
+ right: 6,
+ top: 15,
+ bottom: 3
+ });
+ expect(minSize).toEqual({
+ width: 100,
+ height: 28,
+ });
+ expect(verticalScale.paddingTop).toBe(0);
+ expect(verticalScale.paddingBottom).toBe(0);
+ expect(verticalScale.paddingLeft).toBe(5);
+ expect(verticalScale.paddingRight).toBe(4);
+ });
+
+ it('should draw correctly horizontally', function() {
+ var scaleID = 'myScale';
+
+ var mockData = {
+ datasets: [{
+ xAxisID: scaleID, // for the horizontal scale
+ yAxisID: scaleID,
+ data: [-5, 0, 2, -3, 5]
+ }]
+ };
+ var mockContext = window.createMockContext();
+
+ var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('linear'));
+ config.position = "bottom";
+ var Constructor = Chart.scaleService.getScaleConstructor('linear');
+ var horizontalScale = new Constructor({
+ ctx: mockContext,
+ options: config,
+ data: mockData,
+ id: scaleID
+ });
+
+ var minSize = horizontalScale.fit(100, 300);
+ minSize = horizontalScale.fit(100, 28, {
+ left: 10,
+ right: 6,
+ top: 15,
+ bottom: 3
+ });
+
+ horizontalScale.left = 0;
+ horizontalScale.right = minSize.width;
+ horizontalScale.top = 0;
+ horizontalScale.bottom = minSize.height;
+
+ var chartArea = {
+ top: 100,
+ bottom: 0,
+ left: 0,
+ right: minSize.width
+ };
+ horizontalScale.draw(chartArea);
+
+ expect(mockContext.getCalls()).toEqual([{
+ "name": "measureText",
+ "args": ["-10"]
+ }, {
+ "name": "measureText",
+ "args": ["10"]
+ }, {
+ "name": "measureText",
+ "args": ["-10"]
+ }, {
+ "name": "measureText",
+ "args": ["10"]
+ }, {
+ "name": "setFillStyle",
+ "args": ["#666"]
+ }, {
+ "name": "setLineWidth",
+ "args": [1]
+ }, {
+ "name": "setStrokeStyle",
+ "args": ["rgba(0, 0, 0, 0.1)"]
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [5.5, 0]
+ }, {
+ "name": "lineTo",
+ "args": [5.5, 5]
+ }, {
+ "name": "moveTo",
+ "args": [5.5, 100]
+ }, {
+ "name": "lineTo",
+ "args": [5.5, 0]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "setLineWidth",
+ "args": [1]
+ }, {
+ "name": "setStrokeStyle",
+ "args": ["rgba(0,0,0,0.25)"]
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [51, 0]
+ }, {
+ "name": "lineTo",
+ "args": [51, 5]
+ }, {
+ "name": "moveTo",
+ "args": [51, 100]
+ }, {
+ "name": "lineTo",
+ "args": [51, 0]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "setLineWidth",
+ "args": [1]
+ }, {
+ "name": "setStrokeStyle",
+ "args": ["rgba(0, 0, 0, 0.1)"]
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [96.5, 0]
+ }, {
+ "name": "lineTo",
+ "args": [96.5, 5]
+ }, {
+ "name": "moveTo",
+ "args": [96.5, 100]
+ }, {
+ "name": "lineTo",
+ "args": [96.5, 0]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "fillText",
+ "args": ["-10", 5, 10]
+ }, {
+ "name": "fillText",
+ "args": ["0", 50.5, 10]
+ }, {
+ "name": "fillText",
+ "args": ["10", 96, 10]
+ }]);
+
+ // Turn off some drawing
+ config.gridLines.drawTicks = false;
+ config.gridLines.drawOnChartArea = false;
+ config.labels.show = false;
+
+ mockContext.resetCalls();
+
+ horizontalScale.draw();
+ expect(mockContext.getCalls()).toEqual([{
+ "name": "setFillStyle",
+ "args": ["#666"]
+ }, {
+ "name": "setLineWidth",
+ "args": [1]
+ }, {
+ "name": "setStrokeStyle",
+ "args": ["rgba(0, 0, 0, 0.1)"]
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "setLineWidth",
+ "args": [1]
+ }, {
+ "name": "setStrokeStyle",
+ "args": ["rgba(0,0,0,0.25)"]
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "setLineWidth",
+ "args": [1]
+ }, {
+ "name": "setStrokeStyle",
+ "args": ["rgba(0, 0, 0, 0.1)"]
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }]);
+
+ // Turn off displat
+
+ mockContext.resetCalls();
+ config.display = false;
+ horizontalScale.draw();
+ expect(mockContext.getCalls()).toEqual([]);
+ });
+
+ it('should draw correctly vertically', function() {
+ var scaleID = 'myScale';
+
+ var mockData = {
+ datasets: [{
+ xAxisID: scaleID, // for the horizontal scale
+ yAxisID: scaleID,
+ data: [-5, 0, 2, -3, 5]
+ }]
+ };
+ var mockContext = window.createMockContext();
+
+ var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('linear'));
+ var Constructor = Chart.scaleService.getScaleConstructor('linear');
+ var verticalScale = new Constructor({
+ ctx: mockContext,
+ options: config,
+ data: mockData,
+ id: scaleID
+ });
+
+ var minSize = verticalScale.fit(100, 300);
+ minSize = verticalScale.fit(33, 300, {
+ left: 0,
+ right: 0,
+ top: 15,
+ bottom: 3
+ });
+ expect(minSize).toEqual({
+ width: 33,
+ height: 300,
+ });
+
+ verticalScale.left = 0;
+ verticalScale.right = minSize.width;
+ verticalScale.top = 0;
+ verticalScale.bottom = minSize.height;
+
+ var chartArea = {
+ top: 0,
+ bottom: minSize.height,
+ left: minSize.width,
+ right: minSize.width + 100
+ };
+ verticalScale.draw(chartArea);
+
+ expect(mockContext.getCalls()).toEqual([{
+ "name": "measureText",
+ "args": ["5"]
+ }, {
+ "name": "measureText",
+ "args": ["4"]
+ }, {
+ "name": "measureText",
+ "args": ["3"]
+ }, {
+ "name": "measureText",
+ "args": ["2"]
+ }, {
+ "name": "measureText",
+ "args": ["1"]
+ }, {
+ "name": "measureText",
+ "args": ["0"]
+ }, {
+ "name": "measureText",
+ "args": ["-1"]
+ }, {
+ "name": "measureText",
+ "args": ["-2"]
+ }, {
+ "name": "measureText",
+ "args": ["-3"]
+ }, {
+ "name": "measureText",
+ "args": ["-4"]
+ }, {
+ "name": "measureText",
+ "args": ["-5"]
+ }, {
+ "name": "measureText",
+ "args": ["5"]
+ }, {
+ "name": "measureText",
+ "args": ["4"]
+ }, {
+ "name": "measureText",
+ "args": ["3"]
+ }, {
+ "name": "measureText",
+ "args": ["2"]
+ }, {
+ "name": "measureText",
+ "args": ["1"]
+ }, {
+ "name": "measureText",
+ "args": ["0"]
+ }, {
+ "name": "measureText",
+ "args": ["-1"]
+ }, {
+ "name": "measureText",
+ "args": ["-2"]
+ }, {
+ "name": "measureText",
+ "args": ["-3"]
+ }, {
+ "name": "measureText",
+ "args": ["-4"]
+ }, {
+ "name": "measureText",
+ "args": ["-5"]
+ }, {
+ "name": "setFillStyle",
+ "args": ["#666"]
+ }, {
+ "name": "setLineWidth",
+ "args": [1]
+ }, {
+ "name": "setStrokeStyle",
+ "args": ["rgba(0, 0, 0, 0.1)"]
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [28, 0.5]
+ }, {
+ "name": "lineTo",
+ "args": [33, 0.5]
+ }, {
+ "name": "moveTo",
+ "args": [33, 0.5]
+ }, {
+ "name": "lineTo",
+ "args": [133, 0.5]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [28, 30.19999999999999]
+ }, {
+ "name": "lineTo",
+ "args": [33, 30.19999999999999]
+ }, {
+ "name": "moveTo",
+ "args": [33, 30.19999999999999]
+ }, {
+ "name": "lineTo",
+ "args": [133, 30.19999999999999]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [28, 59.900000000000006]
+ }, {
+ "name": "lineTo",
+ "args": [33, 59.900000000000006]
+ }, {
+ "name": "moveTo",
+ "args": [33, 59.900000000000006]
+ }, {
+ "name": "lineTo",
+ "args": [133, 59.900000000000006]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [28, 89.6]
+ }, {
+ "name": "lineTo",
+ "args": [33, 89.6]
+ }, {
+ "name": "moveTo",
+ "args": [33, 89.6]
+ }, {
+ "name": "lineTo",
+ "args": [133, 89.6]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [28, 119.30000000000001]
+ }, {
+ "name": "lineTo",
+ "args": [33, 119.30000000000001]
+ }, {
+ "name": "moveTo",
+ "args": [33, 119.30000000000001]
+ }, {
+ "name": "lineTo",
+ "args": [133, 119.30000000000001]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "setLineWidth",
+ "args": [1]
+ }, {
+ "name": "setStrokeStyle",
+ "args": ["rgba(0,0,0,0.25)"]
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [28, 149]
+ }, {
+ "name": "lineTo",
+ "args": [33, 149]
+ }, {
+ "name": "moveTo",
+ "args": [33, 149]
+ }, {
+ "name": "lineTo",
+ "args": [133, 149]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "setLineWidth",
+ "args": [1]
+ }, {
+ "name": "setStrokeStyle",
+ "args": ["rgba(0, 0, 0, 0.1)"]
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [28, 178.7]
+ }, {
+ "name": "lineTo",
+ "args": [33, 178.7]
+ }, {
+ "name": "moveTo",
+ "args": [33, 178.7]
+ }, {
+ "name": "lineTo",
+ "args": [133, 178.7]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [28, 208.4]
+ }, {
+ "name": "lineTo",
+ "args": [33, 208.4]
+ }, {
+ "name": "moveTo",
+ "args": [33, 208.4]
+ }, {
+ "name": "lineTo",
+ "args": [133, 208.4]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [28, 238.1]
+ }, {
+ "name": "lineTo",
+ "args": [33, 238.1]
+ }, {
+ "name": "moveTo",
+ "args": [33, 238.1]
+ }, {
+ "name": "lineTo",
+ "args": [133, 238.1]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [28, 267.8]
+ }, {
+ "name": "lineTo",
+ "args": [33, 267.8]
+ }, {
+ "name": "moveTo",
+ "args": [33, 267.8]
+ }, {
+ "name": "lineTo",
+ "args": [133, 267.8]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "moveTo",
+ "args": [28, 297.5]
+ }, {
+ "name": "lineTo",
+ "args": [33, 297.5]
+ }, {
+ "name": "moveTo",
+ "args": [33, 297.5]
+ }, {
+ "name": "lineTo",
+ "args": [133, 297.5]
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "fillText",
+ "args": ["5", 23, 0]
+ }, {
+ "name": "fillText",
+ "args": ["4", 23, 29.69999999999999]
+ }, {
+ "name": "fillText",
+ "args": ["3", 23, 59.400000000000006]
+ }, {
+ "name": "fillText",
+ "args": ["2", 23, 89.1]
+ }, {
+ "name": "fillText",
+ "args": ["1", 23, 118.80000000000001]
+ }, {
+ "name": "fillText",
+ "args": ["0", 23, 148.5]
+ }, {
+ "name": "fillText",
+ "args": ["-1", 23, 178.2]
+ }, {
+ "name": "fillText",
+ "args": ["-2", 23, 207.9]
+ }, {
+ "name": "fillText",
+ "args": ["-3", 23, 237.6]
+ }, {
+ "name": "fillText",
+ "args": ["-4", 23, 267.3]
+ }, {
+ "name": "fillText",
+ "args": ["-5", 23, 297]
+ }]);
+
+ // Turn off some drawing
+ config.gridLines.drawTicks = false;
+ config.gridLines.drawOnChartArea = false;
+ config.labels.show = false;
+
+ mockContext.resetCalls();
+
+ verticalScale.draw();
+ expect(mockContext.getCalls()).toEqual([{
+ "name": "setFillStyle",
+ "args": ["#666"]
+ }, {
+ "name": "setLineWidth",
+ "args": [1]
+ }, {
+ "name": "setStrokeStyle",
+ "args": ["rgba(0, 0, 0, 0.1)"]
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "setLineWidth",
+ "args": [1]
+ }, {
+ "name": "setStrokeStyle",
+ "args": ["rgba(0,0,0,0.25)"]
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "setLineWidth",
+ "args": [1]
+ }, {
+ "name": "setStrokeStyle",
+ "args": ["rgba(0, 0, 0, 0.1)"]
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }, {
+ "name": "beginPath",
+ "args": []
+ }, {
+ "name": "stroke",
+ "args": []
+ }]);
+ });
});
\ No newline at end of file
projects / thirdparty / Chart.js.git / commitdiff
