mirror of https://github.com/metafizzy/isotope
Filter & sort magical layouts
http://isotope.metafizzy.co
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.1 KiB
39 lines
1.1 KiB
11 years ago
|
( function() {
|
||
|
|
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
test( 'LayoutMode.getSegmentSize', function() {
|
||
|
|
|
||
|
|
var iso = new Isotope( '#get-segment-size', {
|
||
|
|
layoutMode: 'cellsByRow',
|
||
|
|
itemSelector: '.item',
|
||
|
|
cellsByRow: {
|
||
|
|
columnWidth: 17,
|
||
|
|
rowHeight: 23
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
var cellsByRow = iso.modes.cellsByRow;
|
||
|
|
equal( cellsByRow.columnWidth, 17, 'explicit columnWidth option set' );
|
||
|
|
equal( cellsByRow.rowHeight, 23, 'explicit rowHeight option set' );
|
||
|
|
|
||
|
|
// set element sizing
|
||
|
|
iso.options.cellsByRow.columnWidth = '.grid-sizer';
|
||
|
|
iso.options.cellsByRow.rowHeight = '.grid-sizer';
|
||
|
|
cellsByRow.getColumnWidth();
|
||
|
|
cellsByRow.getRowHeight();
|
||
|
|
equal( cellsByRow.columnWidth, 57, 'element sizing columnWidth' );
|
||
|
|
equal( cellsByRow.rowHeight, 47, 'element sizing rowHeight' );
|
||
|
|
|
||
|
|
// default to first item
|
||
|
|
delete iso.options.cellsByRow.columnWidth;
|
||
|
|
delete iso.options.cellsByRow.rowHeight;
|
||
|
|
cellsByRow.getColumnWidth();
|
||
|
|
cellsByRow.getRowHeight();
|
||
|
|
equal( cellsByRow.columnWidth, 60, 'first item columnWidth' );
|
||
|
|
equal( cellsByRow.rowHeight, 30, 'first item rowHeight' );
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
})();
|