flickity/test/unit/cell-selector.js

Touch, responsive, flickable carousels

QUnit.test( 'cellSelector', function( assert ) {
  'use strict';

  var elem = document.querySelector('#cell-selector');
  var notCell1 = elem.querySelector('.not-cell1');
  var notCell2 = elem.querySelector('.not-cell2');

  var flkty = new Flickity( elem, {
    cellSelector: '.cell'
  });

  var cellsMatchSelector = true;
  for ( var i=0, len = flkty.cells.length; i < len; i++ ) {
    var cell = flkty.cells[i];
    var isMatch = matchesSelector( cell.element, flkty.options.cellSelector );
    cellsMatchSelector = cellsMatchSelector && isMatch;
  }

  // getCellElements()
  var cellElems = flkty.getCellElements();
  var queriedCellElems = elem.querySelectorAll( flkty.options.cellSelector );
  assert.equal( cellElems.length, flkty.cells.length, 'getCellElements returns corrent number of elements' );
  for( i=0, len = cellElems.length; i < len; i++ ) {
    assert.equal( cellElems[i], queriedCellElems[i], 'cell element same as queried cell element' );
  }

  assert.ok( cellsMatchSelector, 'all cell elements match cellSelector' );

  assert.equal( notCell1.parentNode, elem, 'notCell1 parent node is still gallery' );
  assert.equal( notCell2.parentNode, elem, 'notCell2 parent node is still gallery' );

});