YUI recommends YUI 3.
YUI 2 has been deprecated since 2011. This site acts as an archive for files and documentation.
(function () {
var ArrayAssert = YAHOO.util.ArrayAssert,
Assert = YAHOO.util.Assert,
carousel, carousel3,
carouselEl, carouselEl3,
Dom = YAHOO.util.Dom,
initFromMarkupTest,
ObjectAssert = YAHOO.util.ObjectAssert;
YAHOO.namespace("CarouselTests");
initFromMarkupTest = new YAHOO.tool.TestCase({
name: "Initialize from markup test",
testCreation: function () {
return Assert.areEqual(true,
Dom.hasClass(carouselEl, "yui-carousel-element"));
},
testCreationFromUl: function () {
return Assert.areEqual(true,
Dom.hasClass(carouselEl3, "yui-carousel-element"));
},
testNumItems: function () {
return Assert.areEqual(5, carousel.get("numItems"));
},
testNumItemsInTable: function () {
return Assert.areEqual(5, carousel._itemsTable.numItems);
},
testitemsInTable: function () {
return Assert.areEqual(5, carousel._itemsTable.items.length);
},
testgetElementForItem: function () {
var actual = [], expected = [], i;
for (i = 0; i < 5; i++) {
expected.push(Dom.get("item" + (i+1)));
actual.push(carousel.getElementForItem(i));
}
return ArrayAssert.itemsAreEqual(expected, actual);
},
testgetElementForItems: function () {
var expected = [], i;
for (i = 0; i < 5; i++) {
expected.push(Dom.get("item" + (i+1)));
}
return ArrayAssert.itemsAreEqual(expected,
carousel.getElementForItems());
},
testgetVisibleItems: function () {
var expected = [], i;
for (i = 0; i < 3; i++) {
expected.push(Dom.get("item" + (i+1)));
}
return ArrayAssert.itemsAreEqual(expected,
carousel.getVisibleItems());
},
testClearItems: function () {
carousel.clearItems();
return Assert.areEqual(0, carousel.get("numItems")) &&
Assert.areEqual(0, carousel._itemsTable.numItems) &&
ArrayAssert.itemsAreEqual([],
carousel._itemsTable.items);
},
testAddItem: function () {
carousel.addItem("Six");
carousel.addItem("Seven", 0);
return Assert.areEqual("Six", carousel.getItem(1).item) &&
Assert.areEqual("Seven", carousel.getItem(0).item);
},
testAddItems: function () {
carousel.addItems([["Eight",0],["Nine",0]]);
return Assert.areEqual("Six", carousel.getItem(3).item) &&
Assert.areEqual("Seven", carousel.getItem(2).item) &&
Assert.areEqual("Eight", carousel.getItem(1).item) &&
Assert.areEqual("Nine", carousel.getItem(0).item);
},
testgetItem: function () {
var children = Dom.getChildrenBy(carouselEl,
function (node) {
return node.nodeName.toUpperCase() == "LI";
}),
els = [], i;
for (i in children) {
els.push(children[i]);
}
return ObjectAssert.propertiesAreEqual({ className: "",
id: els[2].id,
item: "Seven" },
carousel.getItem(2));
},
testgetItems: function () {
var children = Dom.getChildrenBy(carouselEl,
function (node) {
return node.nodeName.toUpperCase() == "LI";
}),
expected = [], i;
function compareItems(a, b) {
return a.className === b.className &&
a.id === b.id && a.item === b.item;
}
for (i in children) {
expected.push({ className: "", id: children[i].id,
item: children[i].innerHTML });
}
return ArrayAssert.itemsAreEquivalent(expected,
carousel.getItems(),
compareItems);
},
testgetItemPositionById: function () {
var children = Dom.getChildrenBy(carouselEl,
function (node) {
return node.nodeName.toUpperCase() == "LI";
});
return Assert.areEqual(2,
carousel.getItemPositionById(children[2].id));
},
testremoveItem: function () {
var children = Dom.getChildrenBy(carouselEl,
function (node) {
return node.nodeName.toUpperCase() == "LI";
}),
item;
item = children[2];
carousel.removeItem(2);
return Assert.areEqual(null, Dom.get(item.id)) &&
Assert.areEqual(3, carousel.get("numItems")) &&
Assert.areEqual(3, carousel._itemsTable.numItems);
},
testScrollForward: function () {
carouselEl.style.left = "0px";
carousel.addItems([["Ten",0],["Eleven",0],["Twelve",0]]);
carousel.scrollForward();
Assert.areEqual("-100px", carouselEl.style.left);
},
testScrollPageForward: function () {
Dom.setStyle(carouselEl, "left", "");
carousel.scrollPageForward();
Assert.areEqual("-300px", carouselEl.style.left);
},
testScrollBackward: function () {
Dom.setStyle(carouselEl, "left", "-200px");
carousel.scrollBackward();
Assert.areEqual("-100px", carouselEl.style.left);
},
testScrollPageBackward: function () {
Dom.setStyle(carouselEl, "left", "");
carousel.scrollPageBackward();
Assert.areEqual("300px", carouselEl.style.left);
},
testScrollTo: function () {
Dom.setStyle(carouselEl, "left", "");
carousel.scrollTo(3);
Assert.areEqual("-300px", carouselEl.style.left);
},
testSetNumVisible: function () {
var contentEl = carouselEl.parentNode,
num = carousel.get("numItems");
function isSameWidth(el, w) {
return parseInt(el.offsetWidth, 10) == w;
}
if (carousel.get("numVisible") != 3 ||
!isSameWidth(contentEl, 300)) {
return Assert.fail("numVisible should be 3 by default");
}
carousel.set("numVisible", 1);
if (carousel.get("numVisible") != 1 ||
!isSameWidth(contentEl, 100)) {
return Assert.fail("numVisible should be 1 by default");
}
carousel.set("numVisible", num);
if (carousel.get("numVisible") != num ||
!isSameWidth(contentEl, num * 100)) {
return Assert.fail("numVisible should have been " + num);
}
carousel.set("numVisible", 1);
if (carousel.get("numVisible") != 1 ||
!isSameWidth(contentEl, 100)) {
return Assert.fail("numVisible should have been 1");
}
carousel.set("numVisible", 3);
return Assert.areEqual(3, carousel.get("numVisible")) &&
Assert.areEqual(true, areSameWidth(contentEl, 300));
}
});
YAHOO.CarouselTests.markupTests = new YAHOO.tool.TestSuite({
name: "Carousel (from Markup) Tests",
setUp: function () {
carousel = new YAHOO.widget.Carousel("container");
carouselEl = Dom.get("carousel");
carousel.render();
carousel3 = new YAHOO.widget.Carousel("container3", {
carouselEl: "UL" });
carouselEl3 = Dom.get("carousel3");
carousel3.render();
},
tearDown : function () {
delete carousel;
}
});
YAHOO.CarouselTests.markupTests.add(initFromMarkupTest);
})();
/*
;; Local variables: **
;; mode: js2 **
;; indent-tabs-mode: nil **
;; End: **
*/