packery/test/prepend.js

bin-packing layout library

( function( window ) {

'use strict';

var gimmeAnItemElement = window.gimmeAnItemElement;

test( 'prepend', function() {
  var container = document.querySelector('#prepend');
  var pckry = new Packery( container );
  var itemElemA = pckry.items[0].element;
  var itemElemB = pckry.items[1].element;
  var itemElemC = gimmeAnItemElement();
  itemElemC.style.background = 'orange';
  var itemElemD = gimmeAnItemElement();
  itemElemD.style.background = 'magenta';

  var ticks = 0;

  pckry.on( 'layoutComplete', function() {
    ok( true, 'layoutComplete triggered' );
    ticks++;
    if ( ticks === 2 ) {
      ok( true, '2 layoutCompletes triggered' );
      start();
    }
  });

  stop();
  var fragment = document.createDocumentFragment();
  fragment.appendChild( itemElemC );
  fragment.appendChild( itemElemD );
  container.insertBefore( fragment, container.firstChild );
  pckry.prepended([ itemElemC, itemElemD ]);

  equal( pckry.items[0].element, itemElemC, 'item C is first' );
  equal( pckry.items[1].element, itemElemD, 'item D is second' );
  equal( pckry.items[2].element, itemElemA, 'item A is third' );
  equal( pckry.items[3].element, itemElemB, 'item B is fourth' );

});

})( window );