mirror of https://github.com/metafizzy/isotope
4 changed files with 80 additions and 56 deletions
@ -0,0 +1,79 @@
|
||||
( function() { |
||||
|
||||
'use strict'; |
||||
|
||||
var docElem = document.documentElement; |
||||
|
||||
var getText = docElem.textContent ? |
||||
function( elem ) { |
||||
return elem.textContent; |
||||
} : |
||||
function( elem ) { |
||||
return elem.innerText; |
||||
}; |
||||
|
||||
function getItemsText( iso ) { |
||||
var texts = []; |
||||
for ( var i=0, len = iso.filteredItems.length; i < len; i++ ) { |
||||
var item = iso.filteredItems[i]; |
||||
texts.push( getText( item.element ) ); |
||||
} |
||||
return texts.join(','); |
||||
} |
||||
|
||||
test( 'sorting', function() { |
||||
|
||||
// sorting with history
|
||||
( function() { |
||||
var iso = new Isotope( '#sorting1', { |
||||
layoutMode: 'fitRows', |
||||
transitionDuration: 0, |
||||
getSortData: { |
||||
letter: 'b', |
||||
number: 'i' |
||||
}, |
||||
sortBy: 'number' |
||||
}); |
||||
|
||||
iso.layout({ sortBy: 'letter' }); |
||||
|
||||
var texts = getItemsText( iso ); |
||||
|
||||
equal( texts, 'A1,A2,A3,A4,B1,B2,B4', 'items sorted by letter, then number, via history' ); |
||||
|
||||
iso.destroy(); |
||||
})(); |
||||
|
||||
// sorting with array
|
||||
( function() { |
||||
var iso = new Isotope( '#sorting1', { |
||||
layoutMode: 'fitRows', |
||||
transitionDuration: 0, |
||||
getSortData: { |
||||
letter: 'b', |
||||
number: 'i' |
||||
}, |
||||
sortBy: [ 'letter', 'number' ] |
||||
}); |
||||
|
||||
equal( getItemsText( iso ), 'A1,A2,A3,A4,B1,B2,B4', 'sortBy array' ); |
||||
|
||||
iso.layout({ |
||||
sortAscending: false |
||||
}); |
||||
equal( getItemsText( iso ), 'B4,B2,B1,A4,A3,A2,A1', 'sortAscending false' ); |
||||
|
||||
iso.layout({ |
||||
sortAscending: { |
||||
letter: true, |
||||
number: false |
||||
} |
||||
}); |
||||
equal( getItemsText( iso ), 'A4,A3,A2,A1,B4,B2,B1', 'sortAscending with object' ); |
||||
|
||||
iso.destroy(); |
||||
})(); |
||||
|
||||
}); |
||||
|
||||
})(); |
@ -1,44 +0,0 @@
|
||||
( function() { |
||||
|
||||
'use strict'; |
||||
|
||||
var docElem = document.documentElement; |
||||
|
||||
var getText = docElem.textContent ? |
||||
function( elem ) { |
||||
return elem.textContent; |
||||
} : |
||||
function( elem ) { |
||||
return elem.innerText; |
||||
}; |
||||
|
||||
function getItemsText( iso ) { |
||||
var texts = []; |
||||
for ( var i=0, len = iso.filteredItems.length; i < len; i++ ) { |
||||
var item = iso.filteredItems[i]; |
||||
texts.push( getText( item.element ) ); |
||||
} |
||||
return texts.join(','); |
||||
} |
||||
|
||||
test( 'sort uses history', function() { |
||||
var iso = new Isotope( '#sorting1', { |
||||
layoutMode: 'fitRows', |
||||
transitionDuration: 0, |
||||
getSortData: { |
||||
letter: 'b', |
||||
number: 'i' |
||||
}, |
||||
sortBy: 'number' |
||||
}); |
||||
|
||||
iso.layout({ sortBy: 'letter' }); |
||||
|
||||
var texts = getItemsText( iso ); |
||||
|
||||
equal( texts, 'A1,A2,A3,A4,B1,B2,B4', 'items sorted by letter, then number, via history' ); |
||||
|
||||
iso.destroy(); |
||||
}); |
||||
|
||||
})(); |
Loading…
Reference in new issue