mirror of
https://github.com/chartjs/Chart.js.git
synced 2024-10-06 12:19:08 +02:00
Add regression test for legend layout issue (#5776)
This commit is contained in:
parent
56b30e1db1
commit
3ea93a09f2
@ -525,6 +525,43 @@ describe('Legend block tests', function() {
|
||||
});
|
||||
});
|
||||
|
||||
it('should not draw legend items outside of the chart bounds', function() {
|
||||
var chart = window.acquireChart(
|
||||
{
|
||||
type: 'line',
|
||||
data: {
|
||||
datasets: [1, 2, 3].map(function(n) {
|
||||
return {
|
||||
label: 'dataset' + n,
|
||||
data: []
|
||||
};
|
||||
}),
|
||||
labels: []
|
||||
},
|
||||
options: {
|
||||
legend: {
|
||||
position: 'right'
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
canvas: {
|
||||
width: 512,
|
||||
height: 105
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
// Check some basic assertions about the test setup
|
||||
expect(chart.width).toBe(512);
|
||||
expect(chart.legend.legendHitBoxes.length).toBe(3);
|
||||
|
||||
// Check whether any legend items reach outside the established bounds
|
||||
chart.legend.legendHitBoxes.forEach(function(item) {
|
||||
expect(item.left + item.width).toBeLessThanOrEqual(chart.width);
|
||||
});
|
||||
});
|
||||
|
||||
describe('config update', function() {
|
||||
it ('should update the options', function() {
|
||||
var chart = acquireChart({
|
||||
|
Loading…
Reference in New Issue
Block a user