blossom/tests/application/qunit/foundation/system/core_query/setClass.js

Modern, Cross-Platform Application Framework

// ========================================================================
// CoreQuery Tests
// ========================================================================

suite("CoreQuery.setClass()");

test("setClass(existing, false) should remove the class", function() {
  var cq = SC.$('<div class="existing"></div>') ;
  equals(cq.hasClass('existing'), true, "cq has existing");
  
  cq.setClass("existing", false) ;
  equals(cq.hasClass('existing'), false, 'cq should not have existing');
});

test("setClass(existing, true) should do nothing", function() {
  var cq = SC.$('<div class="existing"></div>') ;
  equals(cq.hasClass('existing'), true, "cq has existing");
  
  cq.setClass("existing", true) ;
  equals(cq.hasClass('existing'), true, 'cq should have existing');
});

test("setClass(new, true) should add the class", function() {
  var cq = SC.$('<div class="existing"></div>') ;
  equals(cq.hasClass('new'), false, "cq does not have new");
  
  cq.setClass("new", true) ;
  equals(cq.hasClass('new'), true, 'cq should have new');
});

test("setClass(new, false) should do nothing", function() {
  var cq = SC.$('<div class="existing"></div>') ;
  equals(cq.hasClass('new'), false, "cq does not have new");
  
  cq.setClass("new", false) ;
  equals(cq.hasClass('new'), false, "cq does not have new");
});

test("setClass(mixed, true) should work across multiple", function() {
  var cq = SC.$('<div class="root">\
    <div class="mixed match"></div>\
    <div class="match"></div>\
  </div>').find('.match');
  equals(cq.length, 2, 'should have two items');
  equals(cq.hasClass("mixed"), false, "should not all have mixed class");
  
  cq.setClass("mixed", true);
  equals(cq.hasClass("mixed"), true, "now all should have mixed class") ;
}) ;