masonry-layout/test/unit/element-sizing.js

Cascading grid layout library

( function() {

'use strict';

test( 'element sizing', function() {
  var container = document.querySelector('#element-sizing');
  var msnry = new Masonry( '#element-sizing', {
    columnWidth: '.grid-sizer',
    itemSelector: '.item',
    transitionDuration: 0
  });

  var lastItem = msnry.items[3];

  var containerWidth = 170;
  while ( containerWidth < 190 ) {
    container.style.width = containerWidth + 'px';
    msnry.layout();
    equal( lastItem.position.y, 0,'4th item on top row, container width = ' + containerWidth );
    containerWidth++;
  }

});

})();