isotope/test/basic-layout.js

( 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
    }
  });

});

})();