mirror of https://github.com/metafizzy/isotope
David DeSandro
11 years ago
4 changed files with 0 additions and 221 deletions
@ -1,133 +0,0 @@
|
||||
( function() { |
||||
|
||||
'use strict'; |
||||
|
||||
test( 'basic layout top left', function() { |
||||
var container = document.querySelector('#basic-layout-top-left'); |
||||
var msnry = new Masonry( container, { |
||||
columnWidth: 60 |
||||
}); |
||||
|
||||
checkItemPositions( msnry, { |
||||
0: { |
||||
left: 0, |
||||
top: 0 |
||||
}, |
||||
1: { |
||||
left: 60, |
||||
top: 0 |
||||
}, |
||||
2: { |
||||
left: 120, |
||||
top: 0 |
||||
}, |
||||
3: { |
||||
left: 0, |
||||
top: 30 |
||||
}, |
||||
4: { |
||||
left: 60, |
||||
top: 90 |
||||
} |
||||
}); |
||||
|
||||
}); |
||||
|
||||
test( 'basic layout top right', function() { |
||||
var container = document.querySelector('#basic-layout-top-right'); |
||||
var msnry = new Masonry( container, { |
||||
isOriginLeft: false, |
||||
columnWidth: 60 |
||||
}); |
||||
|
||||
checkItemPositions( msnry, { |
||||
0: { |
||||
right: 0, |
||||
top: 0 |
||||
}, |
||||
1: { |
||||
right: 60, |
||||
top: 0 |
||||
}, |
||||
2: { |
||||
right: 120, |
||||
top: 0 |
||||
}, |
||||
3: { |
||||
right: 0, |
||||
top: 30 |
||||
}, |
||||
4: { |
||||
right: 60, |
||||
top: 90 |
||||
} |
||||
}); |
||||
|
||||
}); |
||||
|
||||
test( 'basic layout bottom left', function() { |
||||
var container = document.querySelector('#basic-layout-bottom-left'); |
||||
var msnry = new Masonry( container, { |
||||
isOriginTop: false, |
||||
columnWidth: 60 |
||||
}); |
||||
|
||||
checkItemPositions( msnry, { |
||||
0: { |
||||
left: 0, |
||||
bottom: 0 |
||||
}, |
||||
1: { |
||||
left: 60, |
||||
bottom: 0 |
||||
}, |
||||
2: { |
||||
left: 120, |
||||
bottom: 0 |
||||
}, |
||||
3: { |
||||
left: 0, |
||||
bottom: 30 |
||||
}, |
||||
4: { |
||||
left: 60, |
||||
bottom: 90 |
||||
} |
||||
}); |
||||
|
||||
}); |
||||
|
||||
test( 'basic layout bottom right', function() { |
||||
var container = document.querySelector('#basic-layout-bottom-right'); |
||||
var msnry = new Masonry( container, { |
||||
isOriginLeft: false, |
||||
isOriginTop: false, |
||||
columnWidth: 60 |
||||
}); |
||||
|
||||
checkItemPositions( msnry, { |
||||
0: { |
||||
right: 0, |
||||
bottom: 0 |
||||
}, |
||||
1: { |
||||
right: 60, |
||||
bottom: 0 |
||||
}, |
||||
2: { |
||||
right: 120, |
||||
bottom: 0 |
||||
}, |
||||
3: { |
||||
right: 0, |
||||
bottom: 30 |
||||
}, |
||||
4: { |
||||
right: 60, |
||||
bottom: 90 |
||||
} |
||||
}); |
||||
|
||||
}); |
||||
|
||||
})(); |
@ -1,16 +0,0 @@
|
||||
test( 'gutter', function() { |
||||
|
||||
var container = document.querySelector('#gutter'); |
||||
var msnry = new Masonry( container, { |
||||
columnWidth: 60, |
||||
gutter: 20 |
||||
}); |
||||
|
||||
checkItemPositions( msnry, { |
||||
0: { left: 0, top: 0 }, |
||||
1: { left: 80, top: 0 }, |
||||
2: { left: 160, top: 0 }, |
||||
3: { left: 0, top: 30 } |
||||
}); |
||||
|
||||
}); |
@ -1,14 +0,0 @@
|
||||
window.checkItemPositions = function( msnry, positions ) { |
||||
var i = 0; |
||||
var position = positions[i]; |
||||
while ( position ) { |
||||
var style = msnry.items[i].element.style; |
||||
for ( var prop in position ) { |
||||
var value = position[ prop ] + 'px'; |
||||
var message = 'item ' + i + ' ' + prop + ' = ' + value; |
||||
equal( style[ prop ], value, message ); |
||||
} |
||||
i++; |
||||
position = positions[i]; |
||||
} |
||||
}; |
@ -1,58 +0,0 @@
|
||||
( function() { |
||||
|
||||
'use strict'; |
||||
|
||||
test( 'stamp top left', function() { |
||||
|
||||
var container = document.querySelector('#stamp-top-left'); |
||||
var msnry = new Masonry( container, { |
||||
itemSelector: '.item', |
||||
stamp: '.stamp' |
||||
}); |
||||
|
||||
checkItemPositions( msnry, { |
||||
0: { left: 0, top: 20 }, |
||||
1: { left: 135, top: 20 }, |
||||
2: { left: 45, top: 40 }, |
||||
3: { left: 90, top: 40 } |
||||
}); |
||||
|
||||
}); |
||||
|
||||
test( 'stamp top left', function() { |
||||
|
||||
var container = document.querySelector('#stamp-top-left'); |
||||
var msnry = new Masonry( container, { |
||||
itemSelector: '.item', |
||||
stamp: '.stamp' |
||||
}); |
||||
|
||||
checkItemPositions( msnry, { |
||||
0: { left: 0, top: 20 }, |
||||
1: { left: 135, top: 20 }, |
||||
2: { left: 45, top: 40 }, |
||||
3: { left: 90, top: 40 } |
||||
}); |
||||
|
||||
}); |
||||
|
||||
test( 'stamp bottom right', function() { |
||||
|
||||
var container = document.querySelector('#stamp-bottom-right'); |
||||
var msnry = new Masonry( container, { |
||||
itemSelector: '.item', |
||||
stamp: '.stamp', |
||||
isOriginLeft: false, |
||||
isOriginTop: false |
||||
}); |
||||
|
||||
checkItemPositions( msnry, { |
||||
0: { right: 0, bottom: 20 }, |
||||
1: { right: 135, bottom: 20 }, |
||||
2: { right: 45, bottom: 40 }, |
||||
3: { right: 90, bottom: 40 } |
||||
}); |
||||
|
||||
}); |
||||
|
||||
})(); |
Loading…
Reference in new issue