blissfuljs/tests/DOM/ContentsSpec.js

Lightweight helper library for modern browsers.

describe("$.contents", function() {
	it("exists", function() {
		expect($.contents).to.exist;
	});

	it("adds nodes to the provided subject", function() {
		var element = document.createElement("nav");

		$.contents(element, "Test Text");
		expect(element.childNodes).to.have.length(1);
		expect(element.firstChild.nodeType).to.equal(3);

		$.contents(element, {
			tag: "li"
		});
		expect(element.childNodes).to.have.length(2);

		$.contents(element, [3, "4"]);
		expect(element.childNodes).to.have.length(4);
		expect(element.childNodes[2].nodeType).to.equal(3);
		expect(element.childNodes[2].nodeValue).to.equal("3");
		expect(element.childNodes[3].nodeType).to.equal(3);
		expect(element.childNodes[3].nodeValue).to.equal("4");

		var newElement1 = document.createElement("li");
		var newElement2 = document.createElement("li");
		$.contents(element, [
			newElement1,
			newElement2
		]);
		expect(element.childNodes).to.have.length(6);
		expect(element.childNodes[4]).to.equal(newElement1);
		expect(element.childNodes[5]).to.equal(newElement2);

		$.contents(element, []);
		expect(element.childNodes).to.have.length(6);
	});

	it("can be called on elements", function() {
		var element = document.createElement("nav");

		element._.contents("Test Text");
		expect(element.childNodes).to.have.length(1);

		element._.contents({
			tag: "li"
		});
		expect(element.childNodes).to.have.length(2);

		element._.contents(["3", "4"]);
		expect(element.childNodes).to.have.length(4);

		var newElement1 = document.createElement("li");
		var newElement2 = document.createElement("li");
		element._.contents([
			newElement1,
			newElement2
		]);
		expect(element.childNodes).to.have.length(6);
		expect(element.childNodes[4]).to.equal(newElement1);
		expect(element.childNodes[5]).to.equal(newElement2);

		element._.contents([]);
		expect(element.childNodes).to.have.length(6);
	});

	it("can be called on arrays", function() {
		var list = [
			document.createElement("li"),
			document.createElement("li"),
			document.createElement("li")
		];

		list._.contents("Test Text");
		list.forEach(function(item) {
			expect(item.childNodes).to.have.length(1);
		});

		list._.contents({
			tag: "li"
		});
		list.forEach(function(item) {
			expect(item.childNodes).to.have.length(2);
		});

		list._.contents(["3", "4"]);
		list.forEach(function(item) {
			expect(item.childNodes).to.have.length(4);
		});

		list._.contents([]);
		list.forEach(function(item) {
			expect(item.childNodes).to.have.length(4);
		});
	});
});