| Server IP : 49.231.201.246 / Your IP : 216.73.216.149 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /proc/11584/cwd/html/ppaobm/vendor/bower-asset/chartjs/test/specs/ |
Upload File : |
describe('Logarithmic Scale tests', function() {
it('should register the constructor with the scale service', function() {
var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
expect(Constructor).not.toBe(undefined);
expect(typeof Constructor).toBe('function');
});
it('should have the correct default config', function() {
var defaultConfig = Chart.scaleService.getScaleDefaults('logarithmic');
expect(defaultConfig).toEqual({
display: true,
gridLines: {
color: 'rgba(0, 0, 0, 0.1)',
drawBorder: true,
drawOnChartArea: true,
drawTicks: true,
tickMarkLength: 10,
lineWidth: 1,
offsetGridLines: false,
display: true,
zeroLineColor: 'rgba(0,0,0,0.25)',
zeroLineWidth: 1,
zeroLineBorderDash: [],
zeroLineBorderDashOffset: 0.0,
borderDash: [],
borderDashOffset: 0.0
},
position: 'left',
offset: false,
scaleLabel: Chart.defaults.scale.scaleLabel,
ticks: {
beginAtZero: false,
minRotation: 0,
maxRotation: 50,
mirror: false,
padding: 0,
reverse: false,
display: true,
callback: defaultConfig.ticks.callback, // make this nicer, then check explicitly below
autoSkip: true,
autoSkipPadding: 0,
labelOffset: 0,
minor: {},
major: {},
},
});
// Is this actually a function
expect(defaultConfig.ticks.callback).toEqual(jasmine.any(Function));
});
it('should correctly determine the max & min data values', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
yAxisID: 'yScale0',
data: [42, 1000, 64, 100],
}, {
yAxisID: 'yScale1',
data: [10, 5, 5000, 78, 450]
}, {
yAxisID: 'yScale1',
data: [150]
}, {
yAxisID: 'yScale2',
data: [20, 0, 150, 1800, 3040]
}, {
yAxisID: 'yScale3',
data: [67, 0.0004, 0, 820, 0.001]
}],
labels: ['a', 'b', 'c', 'd', 'e']
},
options: {
scales: {
yAxes: [{
id: 'yScale0',
type: 'logarithmic'
}, {
id: 'yScale1',
type: 'logarithmic'
}, {
id: 'yScale2',
type: 'logarithmic'
}, {
id: 'yScale3',
type: 'logarithmic'
}]
}
}
});
expect(chart.scales.yScale0).not.toEqual(undefined); // must construct
expect(chart.scales.yScale0.min).toBe(10);
expect(chart.scales.yScale0.max).toBe(1000);
expect(chart.scales.yScale1).not.toEqual(undefined); // must construct
expect(chart.scales.yScale1.min).toBe(1);
expect(chart.scales.yScale1.max).toBe(5000);
expect(chart.scales.yScale2).not.toEqual(undefined); // must construct
expect(chart.scales.yScale2.min).toBe(0);
expect(chart.scales.yScale2.max).toBe(4000);
expect(chart.scales.yScale3).not.toEqual(undefined); // must construct
expect(chart.scales.yScale3.min).toBe(0);
expect(chart.scales.yScale3.max).toBe(900);
});
it('should correctly determine the max & min of string data values', function() {
var chart = window.acquireChart({
type: 'line',
data: {
datasets: [{
yAxisID: 'yScale0',
data: ['42', '1000', '64', '100'],
}, {
yAxisID: 'yScale1',
data: ['10', '5', '5000', '78', '450']
}, {
yAxisID: 'yScale1',
data: ['150']
}, {
yAxisID: 'yScale2',
data: ['20', '0', '150', '1800', '3040']
}, {
yAxisID: 'yScale3',
data: ['67', '0.0004', '0', '820', '0.001']
}],
labels: ['a', 'b', 'c', 'd', 'e']
},
options: {
scales: {
yAxes: [{
id: 'yScale0',
type: 'logarithmic'
}, {
id: 'yScale1',
type: 'logarithmic'
}, {
id: 'yScale2',
type: 'logarithmic'
}, {
id: 'yScale3',
type: 'logarithmic'
}]
}
}
});
expect(chart.scales.yScale0).not.toEqual(undefined); // must construct
expect(chart.scales.yScale0.min).toBe(10);
expect(chart.scales.yScale0.max).toBe(1000);
expect(chart.scales.yScale1).not.toEqual(undefined); // must construct
expect(chart.scales.yScale1.min).toBe(1);
expect(chart.scales.yScale1.max).toBe(5000);
expect(chart.scales.yScale2).not.toEqual(undefined); // must construct
expect(chart.scales.yScale2.min).toBe(0);
expect(chart.scales.yScale2.max).toBe(4000);
expect(chart.scales.yScale3).not.toEqual(undefined); // must construct
expect(chart.scales.yScale3.min).toBe(0);
expect(chart.scales.yScale3.max).toBe(900);
});
it('should correctly determine the max & min data values when there are hidden datasets', function() {
var chart = window.acquireChart({
type: 'line',
data: {
datasets: [{
yAxisID: 'yScale1',
data: [10, 5, 5000, 78, 450]
}, {
yAxisID: 'yScale0',
data: [42, 1000, 64, 100],
}, {
yAxisID: 'yScale1',
data: [50000],
hidden: true
}, {
yAxisID: 'yScale2',
data: [20, 0, 7400, 14, 291]
}, {
yAxisID: 'yScale2',
data: [6, 0.0007, 9, 890, 60000],
hidden: true
}],
labels: ['a', 'b', 'c', 'd', 'e']
},
options: {
scales: {
yAxes: [{
id: 'yScale0',
type: 'logarithmic'
}, {
id: 'yScale1',
type: 'logarithmic'
}, {
id: 'yScale2',
type: 'logarithmic'
}]
}
}
});
expect(chart.scales.yScale1).not.toEqual(undefined); // must construct
expect(chart.scales.yScale1.min).toBe(1);
expect(chart.scales.yScale1.max).toBe(5000);
expect(chart.scales.yScale2).not.toEqual(undefined); // must construct
expect(chart.scales.yScale2.min).toBe(0);
expect(chart.scales.yScale2.max).toBe(8000);
});
it('should correctly determine the max & min data values when there is NaN data', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
yAxisID: 'yScale0',
data: [undefined, 10, null, 5, 5000, NaN, 78, 450]
}, {
yAxisID: 'yScale0',
data: [undefined, 28, null, 1000, 500, NaN, 50, 42, Infinity, -Infinity]
}, {
yAxisID: 'yScale1',
data: [undefined, 30, null, 9400, 0, NaN, 54, 836]
}, {
yAxisID: 'yScale1',
data: [undefined, 0, null, 800, 9, NaN, 894, 21]
}],
labels: ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i']
},
options: {
scales: {
yAxes: [{
id: 'yScale0',
type: 'logarithmic'
}, {
id: 'yScale1',
type: 'logarithmic'
}]
}
}
});
expect(chart.scales.yScale0).not.toEqual(undefined); // must construct
expect(chart.scales.yScale0.min).toBe(1);
expect(chart.scales.yScale0.max).toBe(5000);
// Turn on stacked mode since it uses it's own
chart.options.scales.yAxes[0].stacked = true;
chart.update();
expect(chart.scales.yScale0.min).toBe(10);
expect(chart.scales.yScale0.max).toBe(6000);
expect(chart.scales.yScale1).not.toEqual(undefined); // must construct
expect(chart.scales.yScale1.min).toBe(0);
expect(chart.scales.yScale1.max).toBe(10000);
});
it('should correctly determine the max & min for scatter data', function() {
var chart = window.acquireChart({
type: 'line',
data: {
datasets: [{
data: [
{x: 10, y: 100},
{x: 2, y: 6},
{x: 65, y: 121},
{x: 99, y: 7}
]
}]
},
options: {
scales: {
xAxes: [{
id: 'xScale',
type: 'logarithmic',
position: 'bottom'
}],
yAxes: [{
id: 'yScale',
type: 'logarithmic'
}]
}
}
});
expect(chart.scales.xScale.min).toBe(1);
expect(chart.scales.xScale.max).toBe(100);
expect(chart.scales.yScale.min).toBe(1);
expect(chart.scales.yScale.max).toBe(200);
});
it('should correctly determine the max & min for scatter data when 0 values are present', function() {
var chart = window.acquireChart({
type: 'line',
data: {
datasets: [{
data: [
{x: 7, y: 950},
{x: 289, y: 0},
{x: 0, y: 8},
{x: 23, y: 0.04}
]
}]
},
options: {
scales: {
xAxes: [{
id: 'xScale',
type: 'logarithmic',
position: 'bottom'
}],
yAxes: [{
id: 'yScale',
type: 'logarithmic'
}]
}
}
});
expect(chart.scales.xScale.min).toBe(0);
expect(chart.scales.xScale.max).toBe(300);
expect(chart.scales.yScale.min).toBe(0);
expect(chart.scales.yScale.max).toBe(1000);
});
it('should correctly determine the min and max data values when stacked mode is turned on', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
type: 'bar',
yAxisID: 'yScale0',
data: [10, 5, 1, 5, 78, 100]
}, {
yAxisID: 'yScale1',
data: [0, 1000],
}, {
type: 'bar',
yAxisID: 'yScale0',
data: [150, 10, 10, 100, 10, 9]
}, {
type: 'line',
yAxisID: 'yScale0',
data: [100, 100, 100, 100, 100, 100]
}],
labels: ['a', 'b', 'c', 'd', 'e', 'f']
},
options: {
scales: {
yAxes: [{
id: 'yScale0',
type: 'logarithmic',
stacked: true
}, {
id: 'yScale1',
type: 'logarithmic'
}]
}
}
});
expect(chart.scales.yScale0.min).toBe(10);
expect(chart.scales.yScale0.max).toBe(200);
});
it('should correctly determine the min and max data values when stacked mode is turned on ignoring hidden datasets', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
yAxisID: 'yScale0',
data: [10, 5, 1, 5, 78, 100],
type: 'bar'
}, {
yAxisID: 'yScale1',
data: [0, 1000],
type: 'bar'
}, {
yAxisID: 'yScale0',
data: [150, 10, 10, 100, 10, 9],
type: 'bar'
}, {
yAxisID: 'yScale0',
data: [10000, 10000, 10000, 10000, 10000, 10000],
hidden: true,
type: 'bar'
}],
labels: ['a', 'b', 'c', 'd', 'e', 'f']
},
options: {
scales: {
yAxes: [{
id: 'yScale0',
type: 'logarithmic',
stacked: true
}, {
id: 'yScale1',
type: 'logarithmic'
}]
}
}
});
expect(chart.scales.yScale0.min).toBe(10);
expect(chart.scales.yScale0.max).toBe(200);
});
it('should ensure that the scale has a max and min that are not equal', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
data: []
}],
labels: []
},
options: {
scales: {
yAxes: [{
id: 'yScale',
type: 'logarithmic'
}]
}
}
});
expect(chart.scales.yScale.min).toBe(1);
expect(chart.scales.yScale.max).toBe(10);
chart.data.datasets[0].data = [0.15, 0.15];
chart.update();
expect(chart.scales.yScale.min).toBe(0.01);
expect(chart.scales.yScale.max).toBe(1);
});
it('should use the min and max options', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
data: [1, 1, 1, 2, 1, 0]
}],
labels: []
},
options: {
scales: {
yAxes: [{
id: 'yScale',
type: 'logarithmic',
ticks: {
min: 10,
max: 1010,
callback: function(value) {
return value;
}
}
}]
}
}
});
var yScale = chart.scales.yScale;
var tickCount = yScale.ticks.length;
expect(yScale.min).toBe(10);
expect(yScale.max).toBe(1010);
expect(yScale.ticks[0]).toBe(1010);
expect(yScale.ticks[tickCount - 1]).toBe(10);
});
it('should ignore negative min and max options', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
data: [1, 1, 1, 2, 1, 0]
}],
labels: []
},
options: {
scales: {
yAxes: [{
id: 'yScale',
type: 'logarithmic',
ticks: {
min: -10,
max: -1010,
callback: function(value) {
return value;
}
}
}]
}
}
});
var yScale = chart.scales.yScale;
expect(yScale.min).toBe(0);
expect(yScale.max).toBe(2);
});
it('should ignore invalid min and max options', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
data: [1, 1, 1, 2, 1, 0]
}],
labels: []
},
options: {
scales: {
yAxes: [{
id: 'yScale',
type: 'logarithmic',
ticks: {
min: '',
max: false,
callback: function(value) {
return value;
}
}
}]
}
}
});
var yScale = chart.scales.yScale;
expect(yScale.min).toBe(0);
expect(yScale.max).toBe(2);
});
it('should generate tick marks', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
data: [10, 5, 1, 25, 78]
}],
labels: []
},
options: {
scales: {
yAxes: [{
id: 'yScale',
type: 'logarithmic',
ticks: {
callback: function(value) {
return value;
}
}
}]
}
}
});
// Counts down because the lines are drawn top to bottom
expect(chart.scales.yScale).toEqual(jasmine.objectContaining({
ticks: [80, 70, 60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1],
start: 1,
end: 80
}));
});
it('should generate tick marks when 0 values are present', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
data: [11, 0.8, 0, 28, 7]
}],
labels: []
},
options: {
scales: {
yAxes: [{
id: 'yScale',
type: 'logarithmic',
ticks: {
callback: function(value) {
return value;
}
}
}]
}
}
});
// Counts down because the lines are drawn top to bottom
expect(chart.scales.yScale).toEqual(jasmine.objectContaining({
ticks: [30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0.9, 0.8, 0],
start: 0,
end: 30
}));
});
it('should generate tick marks in the correct order in reversed mode', function() {
var chart = window.acquireChart({
type: 'line',
data: {
datasets: [{
data: [10, 5, 1, 25, 78]
}],
labels: []
},
options: {
scales: {
yAxes: [{
id: 'yScale',
type: 'logarithmic',
ticks: {
reverse: true,
callback: function(value) {
return value;
}
}
}]
}
}
});
// Counts down because the lines are drawn top to bottom
expect(chart.scales.yScale).toEqual(jasmine.objectContaining({
ticks: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 30, 40, 50, 60, 70, 80],
start: 80,
end: 1
}));
});
it('should generate tick marks in the correct order in reversed mode when 0 values are present', function() {
var chart = window.acquireChart({
type: 'line',
data: {
datasets: [{
data: [21, 9, 0, 10, 25]
}],
labels: []
},
options: {
scales: {
yAxes: [{
id: 'yScale',
type: 'logarithmic',
ticks: {
reverse: true,
callback: function(value) {
return value;
}
}
}]
}
}
});
// Counts down because the lines are drawn top to bottom
expect(chart.scales.yScale).toEqual(jasmine.objectContaining({
ticks: [0, 9, 10, 20, 30],
start: 30,
end: 0
}));
});
it('should build labels using the default template', function() {
var chart = window.acquireChart({
type: 'line',
data: {
datasets: [{
data: [10, 5, 1, 25, 0, 78]
}],
labels: []
},
options: {
scales: {
yAxes: [{
id: 'yScale',
type: 'logarithmic'
}]
}
}
});
expect(chart.scales.yScale.ticks).toEqual(['8e+1', '', '', '5e+1', '', '', '2e+1', '1e+1', '', '', '', '', '5e+0', '', '', '2e+0', '1e+0', '0']);
});
it('should build labels using the user supplied callback', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
data: [10, 5, 1, 25, 78]
}],
labels: []
},
options: {
scales: {
yAxes: [{
id: 'yScale',
type: 'logarithmic',
ticks: {
callback: function(value, index) {
return index.toString();
}
}
}]
}
}
});
// Just the index
expect(chart.scales.yScale.ticks).toEqual(['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16']);
});
it('should correctly get the correct label for a data item', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
yAxisID: 'yScale0',
data: [10, 5, 5000, 78, 450]
}, {
yAxisID: 'yScale1',
data: [1, 1000, 10, 100],
}, {
yAxisID: 'yScale0',
data: [150]
}],
labels: []
},
options: {
scales: {
yAxes: [{
id: 'yScale0',
type: 'logarithmic'
}, {
id: 'yScale1',
type: 'logarithmic'
}]
}
}
});
expect(chart.scales.yScale1.getLabelForIndex(0, 2)).toBe(150);
});
describe('when', function() {
var data = [
{
data: [1, 39],
stack: 'stack'
},
{
data: [1, 39],
stack: 'stack'
},
];
var dataWithEmptyStacks = [
{
data: []
},
{
data: []
}
].concat(data);
var config = [
{
axis: 'y',
firstTick: 1, // start of the axis (minimum)
describe: 'all stacks are defined'
},
{
axis: 'y',
data: dataWithEmptyStacks,
firstTick: 1,
describe: 'not all stacks are defined'
},
{
axis: 'y',
scale: {
yAxes: [{
ticks: {
min: 0
}
}]
},
firstTick: 0,
describe: 'all stacks are defined and ticks.min: 0'
},
{
axis: 'y',
data: dataWithEmptyStacks,
scale: {
yAxes: [{
ticks: {
min: 0
}
}]
},
firstTick: 0,
describe: 'not stacks are defined and ticks.min: 0'
},
{
axis: 'x',
firstTick: 1,
describe: 'all stacks are defined'
},
{
axis: 'x',
data: dataWithEmptyStacks,
firstTick: 1,
describe: 'not all stacks are defined'
},
{
axis: 'x',
scale: {
xAxes: [{
ticks: {
min: 0
}
}]
},
firstTick: 0,
describe: 'all stacks are defined and ticks.min: 0'
},
{
axis: 'x',
data: dataWithEmptyStacks,
scale: {
xAxes: [{
ticks: {
min: 0
}
}]
},
firstTick: 0,
describe: 'not all stacks are defined and ticks.min: 0'
},
];
config.forEach(function(setup) {
var scaleConfig = {};
var type, chartStart, chartEnd;
if (setup.axis === 'x') {
type = 'horizontalBar';
chartStart = 'left';
chartEnd = 'right';
} else {
type = 'bar';
chartStart = 'bottom';
chartEnd = 'top';
}
scaleConfig[setup.axis + 'Axes'] = [{
type: 'logarithmic'
}];
Chart.helpers.extend(scaleConfig, setup.scale);
var description = 'dataset has stack option and ' + setup.describe
+ ' and axis is "' + setup.axis + '";';
describe(description, function() {
it('should define the correct axis limits', function() {
var chart = window.acquireChart({
type: type,
data: {
labels: ['category 1', 'category 2'],
datasets: setup.data || data,
},
options: {
scales: scaleConfig
}
});
var axisID = setup.axis + '-axis-0';
var scale = chart.scales[axisID];
var firstTick = setup.firstTick;
var lastTick = 80; // last tick (should be first available tick after: 2 * 39)
var start = chart.chartArea[chartStart];
var end = chart.chartArea[chartEnd];
expect(scale.getPixelForValue(firstTick, 0, 0)).toBeCloseToPixel(start);
expect(scale.getPixelForValue(lastTick, 0, 0)).toBeCloseToPixel(end);
expect(scale.getValueForPixel(start)).toBeCloseTo(firstTick, 4);
expect(scale.getValueForPixel(end)).toBeCloseTo(lastTick, 4);
chart.scales[axisID].options.ticks.reverse = true; // Reverse mode
chart.update();
// chartArea might have been resized in update
start = chart.chartArea[chartEnd];
end = chart.chartArea[chartStart];
expect(scale.getPixelForValue(firstTick, 0, 0)).toBeCloseToPixel(start);
expect(scale.getPixelForValue(lastTick, 0, 0)).toBeCloseToPixel(end);
expect(scale.getValueForPixel(start)).toBeCloseTo(firstTick, 4);
expect(scale.getValueForPixel(end)).toBeCloseTo(lastTick, 4);
});
});
});
});
describe('when', function() {
var config = [
{
dataset: [],
firstTick: 1, // value of the first tick
lastTick: 10, // value of the last tick
describe: 'empty dataset, without ticks.min/max'
},
{
dataset: [],
scale: {stacked: true},
firstTick: 1,
lastTick: 10,
describe: 'empty dataset, without ticks.min/max, with stacked: true'
},
{
data: {
datasets: [
{data: [], stack: 'stack'},
{data: [], stack: 'stack'},
],
},
type: 'bar',
firstTick: 1,
lastTick: 10,
describe: 'empty dataset with stack option, without ticks.min/max'
},
{
data: {
datasets: [
{data: [], stack: 'stack'},
{data: [], stack: 'stack'},
],
},
type: 'horizontalBar',
firstTick: 1,
lastTick: 10,
describe: 'empty dataset with stack option, without ticks.min/max'
},
{
dataset: [],
scale: {ticks: {min: 1}},
firstTick: 1,
lastTick: 10,
describe: 'empty dataset, ticks.min: 1, without ticks.max'
},
{
dataset: [],
scale: {ticks: {max: 80}},
firstTick: 1,
lastTick: 80,
describe: 'empty dataset, ticks.max: 80, without ticks.min'
},
{
dataset: [],
scale: {ticks: {max: 0.8}},
firstTick: 0.01,
lastTick: 0.8,
describe: 'empty dataset, ticks.max: 0.8, without ticks.min'
},
{
dataset: [{x: 10, y: 10}, {x: 5, y: 5}, {x: 1, y: 1}, {x: 25, y: 25}, {x: 78, y: 78}],
firstTick: 1,
lastTick: 80,
describe: 'dataset min point {x: 1, y: 1}, max point {x:78, y:78}'
},
];
config.forEach(function(setup) {
var axes = [
{
id: 'x', // horizontal scale
start: 'left',
end: 'right'
},
{
id: 'y', // vertical scale
start: 'bottom',
end: 'top'
}
];
axes.forEach(function(axis) {
var expectation = 'min = ' + setup.firstTick + ', max = ' + setup.lastTick;
describe(setup.describe + ' and axis is "' + axis.id + '"; expect: ' + expectation + ';', function() {
beforeEach(function() {
var xScaleConfig = {
type: 'logarithmic',
};
var yScaleConfig = {
type: 'logarithmic',
};
var data = setup.data || {
datasets: [{
data: setup.dataset
}],
};
Chart.helpers.extend(xScaleConfig, setup.scale);
Chart.helpers.extend(yScaleConfig, setup.scale);
Chart.helpers.extend(data, setup.data || {});
this.chart = window.acquireChart({
type: 'line',
data: data,
options: {
scales: {
xAxes: [xScaleConfig],
yAxes: [yScaleConfig]
}
}
});
});
it('should get the correct pixel value for a point', function() {
var chart = this.chart;
var axisID = axis.id + '-axis-0';
var scale = chart.scales[axisID];
var firstTick = setup.firstTick;
var lastTick = setup.lastTick;
var start = chart.chartArea[axis.start];
var end = chart.chartArea[axis.end];
expect(scale.getPixelForValue(firstTick, 0, 0)).toBeCloseToPixel(start);
expect(scale.getPixelForValue(lastTick, 0, 0)).toBeCloseToPixel(end);
expect(scale.getPixelForValue(0, 0, 0)).toBeCloseToPixel(start); // 0 is invalid, put it at the start.
expect(scale.getValueForPixel(start)).toBeCloseTo(firstTick, 4);
expect(scale.getValueForPixel(end)).toBeCloseTo(lastTick, 4);
chart.scales[axisID].options.ticks.reverse = true; // Reverse mode
chart.update();
// chartArea might have been resized in update
start = chart.chartArea[axis.end];
end = chart.chartArea[axis.start];
expect(scale.getPixelForValue(firstTick, 0, 0)).toBeCloseToPixel(start);
expect(scale.getPixelForValue(lastTick, 0, 0)).toBeCloseToPixel(end);
expect(scale.getValueForPixel(start)).toBeCloseTo(firstTick, 4);
expect(scale.getValueForPixel(end)).toBeCloseTo(lastTick, 4);
});
});
});
});
});
describe('when', function() {
var config = [
{
dataset: [],
scale: {ticks: {min: 0}},
firstTick: 1, // value of the first tick
lastTick: 10, // value of the last tick
describe: 'empty dataset, ticks.min: 0, without ticks.max'
},
{
dataset: [],
scale: {ticks: {min: 0, max: 80}},
firstTick: 1,
lastTick: 80,
describe: 'empty dataset, ticks.min: 0, ticks.max: 80'
},
{
dataset: [],
scale: {ticks: {min: 0, max: 0.8}},
firstTick: 0.1,
lastTick: 0.8,
describe: 'empty dataset, ticks.min: 0, ticks.max: 0.8'
},
{
dataset: [{x: 0, y: 0}, {x: 10, y: 10}, {x: 1.2, y: 1.2}, {x: 25, y: 25}, {x: 78, y: 78}],
firstTick: 1,
lastTick: 80,
describe: 'dataset min point {x: 0, y: 0}, max point {x:78, y:78}, minNotZero {x: 1.2, y: 1.2}'
},
{
dataset: [{x: 0, y: 0}, {x: 10, y: 10}, {x: 6.3, y: 6.3}, {x: 25, y: 25}, {x: 78, y: 78}],
firstTick: 6,
lastTick: 80,
describe: 'dataset min point {x: 0, y: 0}, max point {x:78, y:78}, minNotZero {x: 6.3, y: 6.3}'
},
{
dataset: [{x: 10, y: 10}, {x: 1.2, y: 1.2}, {x: 25, y: 25}, {x: 78, y: 78}],
scale: {ticks: {min: 0}},
firstTick: 1,
lastTick: 80,
describe: 'dataset min point {x: 1.2, y: 1.2}, max point {x:78, y:78}, ticks.min: 0'
},
{
dataset: [{x: 10, y: 10}, {x: 6.3, y: 6.3}, {x: 25, y: 25}, {x: 78, y: 78}],
scale: {ticks: {min: 0}},
firstTick: 6,
lastTick: 80,
describe: 'dataset min point {x: 6.3, y: 6.3}, max point {x:78, y:78}, ticks.min: 0'
},
];
config.forEach(function(setup) {
var axes = [
{
id: 'x', // horizontal scale
start: 'left',
end: 'right'
},
{
id: 'y', // vertical scale
start: 'bottom',
end: 'top'
}
];
axes.forEach(function(axis) {
var expectation = 'min = 0, max = ' + setup.lastTick + ', first tick = ' + setup.firstTick;
describe(setup.describe + ' and axis is "' + axis.id + '"; expect: ' + expectation + ';', function() {
beforeEach(function() {
var xScaleConfig = {
type: 'logarithmic',
};
var yScaleConfig = {
type: 'logarithmic',
};
var data = setup.data || {
datasets: [{
data: setup.dataset
}],
};
Chart.helpers.extend(xScaleConfig, setup.scale);
Chart.helpers.extend(yScaleConfig, setup.scale);
Chart.helpers.extend(data, setup.data || {});
this.chart = window.acquireChart({
type: 'line',
data: data,
options: {
scales: {
xAxes: [xScaleConfig],
yAxes: [yScaleConfig]
}
}
});
});
it('should get the correct pixel value for a point', function() {
var chart = this.chart;
var axisID = axis.id + '-axis-0';
var scale = chart.scales[axisID];
var firstTick = setup.firstTick;
var lastTick = setup.lastTick;
var fontSize = chart.options.defaultFontSize;
var start = chart.chartArea[axis.start];
var end = chart.chartArea[axis.end];
var sign = scale.isHorizontal() ? 1 : -1;
expect(scale.getPixelForValue(0, 0, 0)).toBeCloseToPixel(start);
expect(scale.getPixelForValue(lastTick, 0, 0)).toBeCloseToPixel(end);
expect(scale.getPixelForValue(firstTick, 0, 0)).toBeCloseToPixel(start + sign * fontSize);
expect(scale.getValueForPixel(start)).toBeCloseTo(0, 4);
expect(scale.getValueForPixel(end)).toBeCloseTo(lastTick, 4);
expect(scale.getValueForPixel(start + sign * fontSize)).toBeCloseTo(firstTick, 4);
chart.scales[axisID].options.ticks.reverse = true; // Reverse mode
chart.update();
// chartArea might have been resized in update
start = chart.chartArea[axis.end];
end = chart.chartArea[axis.start];
expect(scale.getPixelForValue(0, 0, 0)).toBeCloseToPixel(start);
expect(scale.getPixelForValue(lastTick, 0, 0)).toBeCloseToPixel(end);
expect(scale.getPixelForValue(firstTick, 0, 0)).toBeCloseToPixel(start - sign * fontSize, 4);
expect(scale.getValueForPixel(start)).toBeCloseTo(0, 4);
expect(scale.getValueForPixel(end)).toBeCloseTo(lastTick, 4);
expect(scale.getValueForPixel(start - sign * fontSize)).toBeCloseTo(firstTick, 4);
});
});
});
});
});
});