How to use deliteful - 3 common examples

before: function () {
			register("my-scrollable-container", [ScrollableContainer], {});
		},

		beforeEach: function () {
			container = document.createElement("div");
			document.body.appendChild(container);
			container.innerHTML = html;
			register.deliver();
		},

		afterEach: function () {
			container.parentNode.removeChild(container);
		},

		tests: ScrollableSharedTests.testCases
	});

	// Programatic creation
	registerSuite("deliteful/ScrollableContainer: programatic", {
		before: function () {
			container = document.createElement("div");
			document.body.appendChild(container);

			MyScrollableContainer = register("my-sc-prog", [ScrollableContainer], {});

			var w = new ScrollableContainer({ id: "sc1" });
			w.style.position = "absolute";
			w.style.width = "200px";
			w.style.height = "200px";
			w.placeAt(container);

// Note that the actual testing is done in ScrollableContainer-shared.

	var container, MyScrollableContainer;
	/*jshint multistr: true */
	var html = " \
			<div style="width: 2000px; height: 2000px;" id="sc1content"></div> \
			\
			 \
			 \
			 \
			";

	// Markup use-case
	ScrollableSharedTests.containerCSSClassName = "d-scrollable-container";

	registerSuite("deliteful/ScrollableContainer: markup", {
		before: function () {
			register("my-scrollable-container", [ScrollableContainer], {});
		},

		beforeEach: function () {
			container = document.createElement("div");
			document.body.appendChild(container);
			container.innerHTML = html;
			register.deliver();
		},

		afterEach: function () {
			container.parentNode.removeChild(container);
		},

innerContent.style.height = "2000px";
			w.appendChild(innerContent);

			w = new MyScrollableContainer({ id: "mysc1" });
			container.appendChild(w);

			w = new ScrollableContainer({ id: "sc2" });
			w.scrollDirection = "none";
			container.appendChild(w);
		},

		after: function () {
			container.parentNode.removeChild(container);
		},

		tests: ScrollableSharedTests.testCases
	});
});