mirror of
https://github.com/nunocoracao/blowfish.git
synced 2025-04-21 07:51:53 +02:00
69 lines
2.9 KiB
JavaScript
69 lines
2.9 KiB
JavaScript
QUnit.test( 'offset', function( assert ) {
|
|
|
|
var container = document.querySelector('#offset');
|
|
var stamp1 = container.querySelector('.stamp1');
|
|
var stamp2 = container.querySelector('.stamp2');
|
|
var layout = new Outlayer( container, {
|
|
itemSelector: '.item'
|
|
});
|
|
container.style.height = '300px';
|
|
|
|
layout.getSize();
|
|
layout._getBoundingRect();
|
|
var offset1 = layout._getElementOffset( stamp1 );
|
|
var offset2 = layout._getElementOffset( stamp2 );
|
|
// console.log( offset );
|
|
assert.equal( offset1.left, 0, 'stamp1 offset left: 0' );
|
|
assert.equal( offset1.top, 0, 'stamp1 offset top: 0' );
|
|
assert.equal( offset2.right, 0, 'stamp2 offset right: 0' );
|
|
assert.equal( offset2.bottom, 0, 'stamp2 offset bottom: 0' );
|
|
|
|
stamp1.style.left = '40px';
|
|
stamp1.style.top = '20px';
|
|
stamp2.style.right = '50px';
|
|
stamp2.style.bottom = '30px';
|
|
offset1 = layout._getElementOffset( stamp1 );
|
|
offset2 = layout._getElementOffset( stamp2 );
|
|
// console.log( offset );
|
|
assert.equal( offset1.left, 40, 'stamp1 offset left: 40' );
|
|
assert.equal( offset1.top, 20, 'stamp1 offset top: 20' );
|
|
assert.equal( offset2.right, 50, 'stamp2 offset right: 50' );
|
|
assert.equal( offset2.bottom, 30, 'stamp2 offset bottom: 30' );
|
|
|
|
// add border to container
|
|
container.style.borderWidth = '40px 30px 20px 10px';
|
|
layout.getSize();
|
|
layout._getBoundingRect();
|
|
offset1 = layout._getElementOffset( stamp1 );
|
|
offset2 = layout._getElementOffset( stamp2 );
|
|
// left/top should still be the same
|
|
assert.equal( offset1.left, 40, 'stamp1 offset with border left: 40' );
|
|
assert.equal( offset1.top, 20, 'stamp1 offset with border top: 20' );
|
|
assert.equal( offset2.right, 50, 'stamp2 offset with border right: 50' );
|
|
assert.equal( offset2.bottom, 30, 'stamp2 offset with border bottom: 30' );
|
|
// add padding to container
|
|
container.style.padding = '10px 20px 30px 40px';
|
|
layout.getSize();
|
|
layout._getBoundingRect();
|
|
offset1 = layout._getElementOffset( stamp1 );
|
|
offset2 = layout._getElementOffset( stamp2 );
|
|
|
|
assert.equal( offset1.left, 0, 'stamp1 offset with border and padding, left: 0' );
|
|
assert.equal( offset1.top, 10, 'stamp1 offset with border and padding, top: 10' );
|
|
assert.equal( offset2.right, 30, 'stamp2 offset with border and padding, right: 30' );
|
|
assert.equal( offset2.bottom, 0, 'stamp2 offset with border and padding, bottom: 0' );
|
|
|
|
// add margin to stamps
|
|
stamp1.style.margin = '5px 10px 15px 20px';
|
|
stamp2.style.margin = '5px 10px 15px 20px';
|
|
layout.getSize();
|
|
layout._getBoundingRect();
|
|
offset1 = layout._getElementOffset( stamp1 );
|
|
offset2 = layout._getElementOffset( stamp2 );
|
|
|
|
assert.equal( offset1.left, 0, 'stamp1 offset with margin, left: 0' );
|
|
assert.equal( offset1.top, 10, 'stamp1 offset with margin, top: 10' );
|
|
assert.equal( offset2.right, 30, 'stamp2 offset with margin, right: 30' );
|
|
assert.equal( offset2.bottom, 0, 'stamp2 offset with margin, bottom: 0' );
|
|
|
|
});
|