ikan Uploader :
Directory : /www/wwwroot/jdih.dprd.mukomukokab.go.id/vendor/nnnick/chartjs/test/specs/
Upload File : |
| Current File : /www/wwwroot/jdih.dprd.mukomukokab.go.id/vendor/nnnick/chartjs/test/specs/core.layouts.tests.js |
function getLabels(scale) {
return scale.ticks.map(t => t.label);
}
describe('Chart.layouts', function() {
describe('auto', jasmine.fixture.specs('core.layouts'));
it('should be exposed through Chart.layouts', function() {
expect(Chart.layouts).toBeDefined();
expect(typeof Chart.layouts).toBe('object');
expect(Chart.layouts.addBox).toBeDefined();
expect(Chart.layouts.removeBox).toBeDefined();
expect(Chart.layouts.configure).toBeDefined();
expect(Chart.layouts.update).toBeDefined();
});
it('should fit a simple chart with 2 scales', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [
{data: [10, 5, 0, 25, 78, -10]}
],
labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5', 'tick6']
}
}, {
canvas: {
height: 150,
width: 250
}
});
expect(chart.chartArea.bottom).toBeCloseToPixel(120);
expect(chart.chartArea.left).toBeCloseToPixel(31);
expect(chart.chartArea.right).toBeCloseToPixel(250);
expect(chart.chartArea.top).toBeCloseToPixel(32);
// Is xScale at the right spot
expect(chart.scales.x.bottom).toBeCloseToPixel(150);
expect(chart.scales.x.left).toBeCloseToPixel(31);
expect(chart.scales.x.right).toBeCloseToPixel(250);
expect(chart.scales.x.top).toBeCloseToPixel(120);
expect(chart.scales.x.labelRotation).toBeCloseTo(0);
// Is yScale at the right spot
expect(chart.scales.y.bottom).toBeCloseToPixel(120);
expect(chart.scales.y.left).toBeCloseToPixel(0);
expect(chart.scales.y.right).toBeCloseToPixel(31);
expect(chart.scales.y.top).toBeCloseToPixel(32);
expect(chart.scales.y.labelRotation).toBeCloseTo(0);
});
it('should fit scales that are in the top and right positions', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [
{data: [10, 5, 0, 25, 78, -10]}
],
labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5', 'tick6']
},
options: {
scales: {
x: {
type: 'category',
position: 'top'
},
y: {
type: 'linear',
position: 'right'
}
}
}
}, {
canvas: {
height: 150,
width: 250
}
});
expect(chart.chartArea.bottom).toBeCloseToPixel(139);
expect(chart.chartArea.left).toBeCloseToPixel(0);
expect(chart.chartArea.right).toBeCloseToPixel(218);
expect(chart.chartArea.top).toBeCloseToPixel(62);
// Is xScale at the right spot
expect(chart.scales.x.bottom).toBeCloseToPixel(62);
expect(chart.scales.x.left).toBeCloseToPixel(0);
expect(chart.scales.x.right).toBeCloseToPixel(218);
expect(chart.scales.x.top).toBeCloseToPixel(32);
expect(chart.scales.x.labelRotation).toBeCloseTo(0);
// Is yScale at the right spot
expect(chart.scales.y.bottom).toBeCloseToPixel(139);
expect(chart.scales.y.left).toBeCloseToPixel(218);
expect(chart.scales.y.right).toBeCloseToPixel(250);
expect(chart.scales.y.top).toBeCloseToPixel(62);
expect(chart.scales.y.labelRotation).toBeCloseTo(0);
});
it('should fit scales that overlap the chart area', function() {
var chart = window.acquireChart({
type: 'radar',
data: {
datasets: [{
data: [10, 5, 0, 25, 78, -10]
}, {
data: [-19, -20, 0, -99, -50, 0]
}],
labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5', 'tick6']
}
});
expect(chart.chartArea.bottom).toBeCloseToPixel(512);
expect(chart.chartArea.left).toBeCloseToPixel(0);
expect(chart.chartArea.right).toBeCloseToPixel(512);
expect(chart.chartArea.top).toBeCloseToPixel(32);
var scale = chart.scales.r;
expect(scale.bottom).toBeCloseToPixel(512);
expect(scale.left).toBeCloseToPixel(0);
expect(scale.right).toBeCloseToPixel(512);
expect(scale.top).toBeCloseToPixel(32);
expect(scale.width).toBeCloseToPixel(496);
expect(scale.height).toBeCloseToPixel(464);
});
it('should fit multiple axes in the same position', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
yAxisID: 'y',
data: [10, 5, 0, 25, 78, -10]
}, {
yAxisID: 'y2',
data: [-19, -20, 0, -99, -50, 0]
}],
labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5', 'tick6']
},
options: {
scales: {
x: {
type: 'category'
},
y: {
type: 'linear'
},
y2: {
type: 'linear'
}
}
}
}, {
canvas: {
height: 150,
width: 250
}
});
expect(chart.chartArea.bottom).toBeCloseToPixel(110);
expect(chart.chartArea.left).toBeCloseToPixel(70);
expect(chart.chartArea.right).toBeCloseToPixel(250);
expect(chart.chartArea.top).toBeCloseToPixel(32);
// Is xScale at the right spot
expect(chart.scales.x.bottom).toBeCloseToPixel(150);
expect(chart.scales.x.left).toBeCloseToPixel(70);
expect(chart.scales.x.right).toBeCloseToPixel(250);
expect(chart.scales.x.top).toBeCloseToPixel(110);
expect(chart.scales.x.labelRotation).toBeCloseTo(40, -1);
// Are yScales at the right spot
expect(chart.scales.y.bottom).toBeCloseToPixel(110);
expect(chart.scales.y.left).toBeCloseToPixel(38);
expect(chart.scales.y.right).toBeCloseToPixel(70);
expect(chart.scales.y.top).toBeCloseToPixel(32);
expect(chart.scales.y.labelRotation).toBeCloseTo(0);
expect(chart.scales.y2.bottom).toBeCloseToPixel(110);
expect(chart.scales.y2.left).toBeCloseToPixel(0);
expect(chart.scales.y2.right).toBeCloseToPixel(38);
expect(chart.scales.y2.top).toBeCloseToPixel(32);
expect(chart.scales.y2.labelRotation).toBeCloseTo(0);
});
it ('should fit a full width box correctly', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [{
xAxisID: 'x',
data: [10, 5, 0, 25, 78, -10]
}, {
xAxisID: 'x2',
data: [-19, -20, 0, -99, -50, 0]
}],
labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5', 'tick6']
},
options: {
scales: {
x: {
type: 'category',
offset: false
},
x2: {
type: 'category',
position: 'top',
fullSize: true,
offset: false
},
y: {
type: 'linear'
}
}
}
});
expect(chart.chartArea.bottom).toBeCloseToPixel(484);
expect(chart.chartArea.left).toBeCloseToPixel(39);
expect(chart.chartArea.right).toBeCloseToPixel(496);
expect(chart.chartArea.top).toBeCloseToPixel(62);
// Are xScales at the right spot
expect(chart.scales.x.bottom).toBeCloseToPixel(512);
expect(chart.scales.x.left).toBeCloseToPixel(39);
expect(chart.scales.x.right).toBeCloseToPixel(496);
expect(chart.scales.x.top).toBeCloseToPixel(484);
expect(chart.scales.x2.bottom).toBeCloseToPixel(62);
expect(chart.scales.x2.left).toBeCloseToPixel(0);
expect(chart.scales.x2.right).toBeCloseToPixel(512);
expect(chart.scales.x2.top).toBeCloseToPixel(32);
// Is yScale at the right spot
expect(chart.scales.y.bottom).toBeCloseToPixel(484);
expect(chart.scales.y.left).toBeCloseToPixel(0);
expect(chart.scales.y.right).toBeCloseToPixel(39);
expect(chart.scales.y.top).toBeCloseToPixel(62);
});
describe('padding settings', function() {
it('should apply a single padding to all dimensions', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [
{
data: [10, 5, 0, 25, 78, -10]
}
],
labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5', 'tick6']
},
options: {
scales: {
x: {
type: 'category',
display: false
},
y: {
type: 'linear',
display: false
}
},
plugins: {
legend: false,
title: false
},
layout: {
padding: 10
}
}
}, {
canvas: {
height: 150,
width: 250
}
});
expect(chart.chartArea.bottom).toBeCloseToPixel(140);
expect(chart.chartArea.left).toBeCloseToPixel(10);
expect(chart.chartArea.right).toBeCloseToPixel(240);
expect(chart.chartArea.top).toBeCloseToPixel(10);
});
it('should apply padding in all positions', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [
{
data: [10, 5, 0, 25, 78, -10]
}
],
labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5', 'tick6']
},
options: {
scales: {
x: {
type: 'category',
display: false
},
y: {
type: 'linear',
display: false
}
},
plugins: {
legend: false,
title: false
},
layout: {
padding: {
left: 5,
right: 15,
top: 8,
bottom: 12
}
}
}
}, {
canvas: {
height: 150,
width: 250
}
});
expect(chart.chartArea.bottom).toBeCloseToPixel(138);
expect(chart.chartArea.left).toBeCloseToPixel(5);
expect(chart.chartArea.right).toBeCloseToPixel(235);
expect(chart.chartArea.top).toBeCloseToPixel(8);
});
it('should default to 0 padding if no dimensions specified', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [
{
data: [10, 5, 0, 25, 78, -10]
}
],
labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5', 'tick6']
},
options: {
scales: {
x: {
type: 'category',
display: false
},
y: {
type: 'linear',
display: false
}
},
plugins: {
legend: false,
title: false
},
layout: {
padding: {}
}
}
}, {
canvas: {
height: 150,
width: 250
}
});
expect(chart.chartArea.bottom).toBeCloseToPixel(150);
expect(chart.chartArea.left).toBeCloseToPixel(0);
expect(chart.chartArea.right).toBeCloseToPixel(250);
expect(chart.chartArea.top).toBeCloseToPixel(0);
});
});
describe('ordering by weight', function() {
it('should keep higher weights outside', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [
{
data: [10, 5, 0, 25, 78, -10]
}
],
labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5', 'tick6']
},
options: {
plugins: {
legend: {
display: true,
position: 'left',
},
title: {
display: true,
position: 'bottom',
},
}
},
}, {
canvas: {
height: 150,
width: 250
}
});
var xAxis = chart.scales.x;
var yAxis = chart.scales.y;
var legend = chart.legend;
var title = chart.titleBlock;
expect(yAxis.left).toBe(legend.right);
expect(xAxis.bottom).toBe(title.top);
});
it('should correctly set weights of scales and order them', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
datasets: [
{
data: [10, 5, 0, 25, 78, -10]
}
],
labels: ['tick1', 'tick2', 'tick3', 'tick4', 'tick5', 'tick6']
},
options: {
scales: {
x: {
type: 'category',
position: 'bottom',
display: true,
weight: 1
},
x1: {
type: 'category',
position: 'bottom',
display: true,
weight: 2
},
x2: {
type: 'category',
position: 'bottom',
display: true
},
x3: {
type: 'category',
display: true,
position: 'top',
weight: 1
},
x4: {
type: 'category',
display: true,
position: 'top',
weight: 2
},
y: {
type: 'linear',
display: true,
weight: 1
},
y1: {
type: 'linear',
position: 'left',
display: true,
weight: 2
},
y2: {
type: 'linear',
position: 'left',
display: true
},
y3: {
type: 'linear',
display: true,
position: 'right',
weight: 1
},
y4: {
type: 'linear',
display: true,
position: 'right',
weight: 2
}
}
}
}, {
canvas: {
height: 150,
width: 250
}
});
var xScale0 = chart.scales.x;
var xScale1 = chart.scales.x1;
var xScale2 = chart.scales.x2;
var xScale3 = chart.scales.x3;
var xScale4 = chart.scales.x4;
var yScale0 = chart.scales.y;
var yScale1 = chart.scales.y1;
var yScale2 = chart.scales.y2;
var yScale3 = chart.scales.y3;
var yScale4 = chart.scales.y4;
expect(xScale0.weight).toBe(1);
expect(xScale1.weight).toBe(2);
expect(xScale2.weight).toBe(0);
expect(xScale3.weight).toBe(1);
expect(xScale4.weight).toBe(2);
expect(yScale0.weight).toBe(1);
expect(yScale1.weight).toBe(2);
expect(yScale2.weight).toBe(0);
expect(yScale3.weight).toBe(1);
expect(yScale4.weight).toBe(2);
var isOrderCorrect = false;
// bottom axes
isOrderCorrect = xScale2.top < xScale0.top && xScale0.top < xScale1.top;
expect(isOrderCorrect).toBe(true);
// top axes
isOrderCorrect = xScale4.top < xScale3.top;
expect(isOrderCorrect).toBe(true);
// left axes
isOrderCorrect = yScale1.left < yScale0.left && yScale0.left < yScale2.left;
expect(isOrderCorrect).toBe(true);
// right axes
isOrderCorrect = yScale3.left < yScale4.left;
expect(isOrderCorrect).toBe(true);
});
});
describe('box sizing', function() {
it('should correctly compute y-axis width to fit labels', function() {
var chart = window.acquireChart({
type: 'bar',
data: {
labels: ['tick 1', 'tick 2', 'tick 3', 'tick 4', 'tick 5'],
datasets: [{
data: [0, 2.25, 1.5, 1.25, 2.5]
}],
},
options: {
plugins: {
legend: false
},
},
}, {
canvas: {
height: 256,
width: 256
}
});
var yAxis = chart.scales.y;
// issue #4441: y-axis labels partially hidden.
// minimum horizontal space required to fit labels
expect(yAxis.width).toBeCloseToPixel(30);
expect(getLabels(yAxis)).toEqual(['0', '0.5', '1.0', '1.5', '2.0', '2.5']);
});
});
});
Kontol Shell Bypass