52 lines
1.7 KiB
JavaScript
52 lines
1.7 KiB
JavaScript
( function() {
|
|
|
|
'use strict';
|
|
|
|
// position values can be off by 0.1% or 1px
|
|
function isPositionApprox( value, expected ) {
|
|
var isPercent = value.indexOf('%') != -1;
|
|
value = parseFloat( value );
|
|
var diff = Math.abs( expected - value );
|
|
return isPercent ? diff < 0.1 : diff <= 1;
|
|
}
|
|
|
|
// loop through cells and check position values against expecteds
|
|
function checkCellPositions( flkty, expecteds ) {
|
|
var isOK;
|
|
for ( var i=0, len = expecteds.length; i < len; i++ ) {
|
|
var expected = expecteds[i];
|
|
var cell = flkty.cells[i];
|
|
var position = cell.element.style.left;
|
|
isOK = isPositionApprox( position, expected );
|
|
if ( !isOK ) {
|
|
console.error( 'wrong cell position, index: ' + i + '. ' +
|
|
'expected: ' + expected + '. position: ' + position );
|
|
break;
|
|
}
|
|
}
|
|
return isOK;
|
|
}
|
|
|
|
QUnit.test( 'position cells', function( assert ) {
|
|
|
|
var flkty = new Flickity('#position-cells');
|
|
|
|
assert.ok( checkCellPositions( flkty, [ 0, 40, 65, 125, 165, 225 ] ), 'percent cell position' );
|
|
// .cell { margin: 0 2%; }
|
|
flkty.element.classList.add('percent-margin');
|
|
flkty.positionCells();
|
|
assert.ok( checkCellPositions( flkty, [ 0, 44, 73, 137, 181, 245 ] ), 'percent cell position with margin' );
|
|
flkty.element.classList.remove('percent-margin');
|
|
// pixel-based position
|
|
flkty.options.percentPosition = false;
|
|
flkty.positionCells();
|
|
assert.ok( checkCellPositions( flkty, [ 0, 160, 260, 500, 660, 900 ] ), 'pixel cell position' );
|
|
// pixel margin, { margin: 0 10px; }
|
|
flkty.element.classList.add('pixel-margin');
|
|
flkty.positionCells();
|
|
assert.ok( checkCellPositions( flkty, [ 0, 180, 300, 560, 740, 1000 ] ), 'pixel cell position with margin' );
|
|
|
|
});
|
|
|
|
})();
|