dothtml 4.8.5 → 5.0.1

package/unittests/components.test.js

@@ -1,151 +0,0 @@
-import addTest from "./core";
-import dot from "../src/index";
-
-try{
-
-	dot.component({name: "comp_legacy", builder: function(){return dot.div(dot.div(1))}});
-	dot.component({name: "comp_std", builder: function(){return dot.div(dot.div(1))}});
-	dot.component({name: "comp_ready", builder: function(){return dot.div(dot.div(1))}, ready: function(){this.$el.innerHTML = "OKAY"}});
-	dot.component({name: "comp_text", builder: function(){return "1"}});
-	dot.component({name: "comp_textreplace", builder: function(){return "1"}, ready: function(){this.$el.parentNode.insertBefore(document.createTextNode("2"), this.$el.nextSibling);this.$el.parentNode.removeChild(this.$el);}});
-
-	// Testing $el
-	dot.component({name: "comp_el_undefined_el", builder: function(){}});
-	dot.component({name: "comp_el_zero_el", builder: function(){return dot}});
-	dot.component({name: "comp_el_one_el", builder: function(){return dot.div("abc")}});
-	dot.component({name: "comp_el_two_el", builder: function(){return dot.div("abc").div("abc")}});
-	dot.component({name: "comp_el_deferred_el", builder: function(){return dot.div("abc").wait(function(){}, 1000)}});
-	dot.component({name: "comp_el_text_zero_el", builder: function(){return "abc"}});
-	dot.component({name: "comp_el_text_one_el", builder: function(){return "<div>abc</div>"}});
-	dot.component({name: "comp_el_text_two_el", builder: function(){return "<div>abc</div><div>123</div>"}});
-
-	// Testing methods:
-	// TODO: passing callMethod in like this will soon be deprecated.
-	dot.component({
-		name: "comp_methods_basic",
-		builder: function(callMethod){ this.callMethod = callMethod; return dot.div("123");},
-		ready: function(){if(this.callMethod) this.setVal("abc");},
-		methods: { setVal: function(val){ dot(this.$el).empty().t(val); } }
-	});
-
-	// Scoped classes
-	dot.resetScopeClass();
-	dot.component({
-		name: "comp_scoped_class",
-		builder: function(){ return dot.div(dot.div().class("test2")).class("test1") }
-	});
-	dot.component({
-		name: "comp_scoped_class_2",
-		builder: function(){ return dot.div(dot.div().class("test2")).class("test1") }
-	});
-
-}catch(e){ console.error(e);}
-
-// Nameless components (exports):
-addTest("Nameless component.", function(){ var comp = dot.component({builder: function(c){return dot.p(c)} }); return dot.div(comp(":)")) }, "<div><p>:)</p></div>");
-// This behavior was deprecated.
-//addTest("Nameless component as a dot function.", function(){ var comp = dot.component({builder: function(c){return dot.p(c)} }); return comp(":)") }, "<p>:)</p>" );
-
-// Named components (extend dot):
-addTest("Std params component.", function(){return dot.comp_std()}, "<div><div>1</div></div>");
-addTest("Std params component, nested.", function(){return dot.div(2).comp_std().div(3)}, "<div>2</div><div><div>1</div></div><div>3</div>");
-addTest("Std prams component beside markup.", function(){return dot.h(2).comp_std().h(3)}, "2<div><div>1</div></div>3");
-addTest("Legacy params component.", function(){return dot.comp_legacy()}, "<div><div>1</div></div>");
-addTest("Component w/ ready method.", function(){return dot.comp_ready()}, "<div>OKAY</div>");
-addTest("Text component.", function(){return dot.h("a").comp_text().h("b")}, "a1b");
-addTest("Text component w/ ready method.", function(){return dot.h("a").comp_textreplace().h("b")}, "a2b");
-
-// $el
-addTest("Undefined $el.", function(){try{return dot.comp_el_undefined_el()}catch(e){return dot.span(e)}}, "<span>Component 'comp_el_undefined_el' must return exactly one child node.</span>");
-addTest("Zero $el.", function(){try{return dot.comp_el_zero_el()}catch(e){return dot.span(e)}}, "<span>Component 'comp_el_zero_el' must return exactly one child node.</span>");
-addTest("One $el.", function(){return dot.comp_el_one_el()}, "<div>abc</div>");
-addTest("Two $el.", function(){try{return dot.comp_el_two_el()}catch(e){return dot.span(e)}}, "<span>Component 'comp_el_two_el' must return exactly one child node.</span>");
-addTest("Deferred $el.", function(){try{return dot.comp_el_deferred_el()}catch(e){return dot.span(e)}}, "<span>Component 'comp_el_deferred_el' must return exactly one child node.</span>");
-addTest("One $el.", function(){return dot.comp_el_text_zero_el()}, "abc");
-addTest("One $el.", function(){return dot.comp_el_text_one_el()}, "<div>abc</div>");
-addTest("Undefined $el.", function(){try{return dot.comp_el_text_two_el()}catch(e){return dot.span(e)}}, "<span>Component 'comp_el_text_two_el' must return exactly one child node.</span>");
-
-// methods
-addTest("Instantiate comp w/ method.", function(){return dot.comp_methods_basic()}, "<div>123</div>");
-addTest("Method gets called in ready function.", function(){return dot.comp_methods_basic(true)}, "<div>abc</div>"); // TODO: this functionality will soon be removed in favor of params.
-
-
-// TODO: setup this test and get it working.
-// addTest("Computed property w/ updated dependency.", function(){
-// 	let comp = dot.component({
-// 		builder: function(firstName,lastName){this.firstName = firstName; this.lastName = lastName; return dot.p(this.fullName.toUpperCase())}, 
-// 		computed: {
-// 			fullName: function(){
-// 				console.log("GETTING COMPUTED PROP!");
-// 				return this.firstName + " " + this.lastName;
-// 			}
-// 		}
-// 	});
-// 	return dot.h(comp("J","S"));
-// },"<p>J S</p>");
-
-
-// Events // TODO: get these working.
-// addTest(
-// 	"Named events work.", 
-// 	function(){
-// 		let comp = dot.component({
-// 			builder: function(a,b){this.a = a; this.b = b; return dot.p(a+b)}, 
-// 			events: ["sumReady"],
-// 			methods: {trigger: function(){this.sumReady(this.a+this.b);}}, 
-// 		});
-// 		let sumResult = 0;
-// 		let c = comp(1,2).sumReady(function(v){ console.log("CALLING EVENT!!");sumResult = v});
-// 		c.trigger();
-// 		return dot.p(sumResult);
-// 	},
-// 	"<p>3</p>"
-// );
-
-// Scoped classes
-// TODO: the tests work in browser, but seem to happen out of order in jest...
-// addTest("Component class scope.", function(){return dot.comp_scoped_class()}, "<div class=\"dot-10000-test1\"><div class=\"dot-10000-test2\"></div></div>");
-// addTest("Component class scope reuse.", function(){return dot.comp_scoped_class()}, "<div class=\"dot-10000-test1\"><div class=\"dot-10000-test2\"></div></div>");
-// addTest("Component class scope alt.", function(){return dot.comp_scoped_class_2()}, "<div class=\"dot-10001-test1\"><div class=\"dot-10001-test2\"></div></div>");
-
-// Styles
-addTest("Set style directly", function(){var ret = dot.p(":)").style("width:100px;"); return ret;}, "<p style=\"width:100px;\">:)</p>");
-addTest("Set style via dotcss", function(){var ret = dot.p(":)").style(dot.css.width(100)); return ret;}, "<p style=\"width:100px;\">:)</p>");
-addTest("Styled component.", function(){ var comp = dot.component({builder: function(c){return dot.p(c)}, style: function(css){css("p").width(100);} }); return dot.h(comp(":)")) }, "<p style=\"width: 100px;\">:)</p>" );
-addTest("Advanced styled component.", function(){ var comp = dot.component({builder: function(c){return dot.p(c)}, style: function(css){css("p").width(100);} }); return dot.h(comp(":)")).h(comp(":)")) }, "<p style=\"width: 100px;\">:)</p><p style=\"width: 100px;\">:)</p>" );
-addTest("Component with multiple styles.", function(){ var comp = dot.component({builder: function(c, w){ this.w = w; return dot.p(c)}, style: function(css){css("p").width(this.w);} }); return dot.h(comp(":)", 200)).h(comp(":)", 300)) }, "<p style=\"width: 200px;\">:)</p><p style=\"width: 300px;\">:)</p>" );
-addTest("Component with class styles.", function(){ var comp = dot.component({builder: function(c, w,h){ this.w = w; this.h = h; return dot.div(dot.div(c).div("w").class("w").div("ok").class("h")).class("w")}, style: function(css){css(".w").width(this.w);css(".h").width(this.h);} }); return dot.h(comp(":)", 200, 400)).h(comp(":)", 300, 500)).div().class("h") }, "<div class=\"w\" style=\"width: 200px;\"><div>:)</div><div class=\"w\" style=\"width: 200px;\">w</div><div class=\"h\" style=\"width: 400px;\">ok</div></div><div class=\"w\" style=\"width: 300px;\"><div>:)</div><div class=\"w\" style=\"width: 300px;\">w</div><div class=\"h\" style=\"width: 500px;\">ok</div></div><div class=h></div>" );
-
-addTest("Styles should not apply to nested elements.", function(){
-	var CompOuter = dot.component({
-		builder(inner){return dot.div(inner);},
-		style(css){
-			css("div").backgroundColor("#FF0000");
-		}
-	});
-
-	var CompInner = dot.component({
-		builder(){return dot.div("FOOBAR");}
-	});
-
-	return dot.h(new CompOuter(new CompInner()))
-}, "<div style=\"background-color: rgb(255, 0, 0);\"><div>FOOBAR</div></div>");
-
-addTest("Styles should not apply to nested elements 2.", function(){
-	var CompOuter = dot.component({
-		builder(inner){return dot.div(inner);},
-		style(css){
-			css("div").backgroundColor("#FF0000");
-		}
-	});
-
-	var CompInner = dot.component({
-		builder(){return dot.div(dot.div("FOOBAR"));}
-	});
-
-	return dot.h(new CompOuter(new CompInner()))
-}, "<div style=\"background-color: rgb(255, 0, 0);\"><div><div>FOOBAR</div></div></div>");
-
-// Event Bus
-
-addTest("Event bus basic usage.", function(){var comp1 = dot.component({builder: function(){var t = this; dot.bus.on("change", function(v){t.$el.innerHTML = v}); return dot.p()}  }); var ret = dot.h(comp1()); dot.bus.emit("change", "hello"); return ret;  }, "<p>hello</p>");

package/unittests/computed.test.js

@@ -1,36 +0,0 @@
-import addTest from "./core";
-import dot from "../src/index";
-
-addTest("Computed property.", function(){
-	let comp = dot.component({
-		builder: function(firstName,lastName){
-			this.firstName = firstName; 
-			this.lastName = lastName; 
-			return dot.p(this.fullName.toUpperCase())}, 
-		computed: {
-			fullName(){
-				return (this.firstName||"notset") + " " + (this.lastName||"notset");
-			}
-		}
-	});
-	return dot.h(comp("J","S")).h(comp("1","2"));
-},"<p>J S</p><p>1 2</p>");
-
-addTest("Computed property w/ prop dependency.", function(){
-	var comp = dot.component({
-		builder: function(){
-			return dot.p(()=>this.fullName.toUpperCase())
-		}, 
-		props: ["firstName", "lastName"],
-		computed: {
-			fullName(){
-				return (this.firstName||"notset") + " " + (this.lastName||"notset");
-			}
-		}
-	});
-	var instance = comp();
-	var ret = dot.h(instance);
-	instance.firstName = "j";
-    instance.lastName = "s";
-    return ret;
-},"<p>J S</p>");

package/unittests/hooks.test.js

@@ -1,57 +0,0 @@
-import addTest from "./core";
-import dot from "../src/index";
-
-try{
-	// Testing hooks:
-	dot.component({
-		name: "comp_hooks_register",
-		register: function(){ this.x = (this.x || 0); this.add1(); },
-		builder: function(add1){ if(add1)this.add1(); return dot.div(this.x) },
-		methods: { add1: function(){ this.x++ } }
-	});
-
-	dot.component({
-		name: "comp_hooks_create",
-		created: function(val){ this.myEl = this.$el; this.testVal = val },
-		builder: function(){ return dot.div("val: " + this.testVal + ", hadEl: " + (this.myEl ? "yes" : "no")) }
-	});
-
-	dot.component({
-		name: "comp_hooks_delete",
-		created: function(deleteMe, addEarlyMessage, addLateMessage, messageInSibling){
-			this.deleteMe = deleteMe;
-			this.addEarlyMessage = addEarlyMessage;
-			this.addLateMessage = addLateMessage;
-			this.messageInSibling = messageInSibling;
-		},
-		builder: function(){ return dot.span("not deleted"); },
-		ready: function(){ this.parent = this.messageInSibling ? this.$el.parentNode.nextSibling : this.$el.parentNode; if(this.deleteMe) dot(this.parent).empty(); },
-		deleting: function(){ if(this.addEarlyMessage) dot(this.messageInSibling ? this.$el.parentNode.nextSibling : this.$el.parentNode ).p("deleted"); },
-		deleted: function(){ if(this.addLateMessage) dot(this.parent).b(this.$el ? "failure" : "success"); },
-	});
-}
-catch(e){console.error(e);}
-// register
-addTest("Register hook gets called once.", function(){return dot.comp_hooks_register()}, "<div>1</div>");
-addTest("Register hook gets called only once.", function(){return dot.comp_hooks_register()}, "<div>1</div>");
-addTest("Prototype vars set by register cook can be updated.", function(){return dot.comp_hooks_register(true)}, "<div>2</div>");
-addTest("Prototype vars are cloned from prototype.", function(){return dot.comp_hooks_register()}, "<div>1</div>"); // Kind of a weird javascript behavior. Cool though.
-
-// create
-addTest("Created hook.", function(){return dot.comp_hooks_create("abc");}, "<div>val: abc, hadEl: no</div>");
-
-// delete
-addTest("Delete hook doesn't get called right away.", function(){return dot.div(dot.comp_hooks_delete());}, "<div><span>not deleted</span></div>");
-addTest("Deleting hook.", function(){return dot.div(dot.comp_hooks_delete(true, true));}, "<div><p>deleted</p></div>");
-addTest("Deleted hook.", function(){return dot.div(dot.comp_hooks_delete(true, false, true));}, "<div><b>success</b></div>");
-
-//Ensure deletion happens for inner components when using remove.
-addTest("Nested deleting via remove().", function(){ return dot.h(function(){ var ret = dot.i().div(
-	dot.comp_hooks_delete(false, true, false, true)
-); var del = ret.getLast(); 
-ret = ret.b(); setTimeout(function(){dot(del).remove() }, 0); return ret; }) }, "<i></i><b><p>deleted</p></b>");
-
-addTest("Nested deleted via remove().", function(){ return dot.h(function(){ var ret = dot.i().div(
-	dot.comp_hooks_delete(false, false, true, true)
-); var del = ret.getLast(); 
-ret = ret.b(); setTimeout(function(){dot(del).remove() }, 0); return ret; }) }, "<i></i><b><b>success</b></b>");

package/unittests/immutable-if.test.js

@@ -1,15 +0,0 @@
-import addTest from "./core";
-import dot from "../src/index";
-
-addTest("Conditional true.", function(){ return dot.h(1).IF(true, dot.h("true")).h(2); }, "1true2");
-addTest("Conditional false.", function(){ return dot.h(1).IF(false, dot.h("false")).h(2); }, "12");
-addTest("Conditional true true.", function(){ return dot.h(1).IF(true, dot.h(2)).IF(true, dot.h(3)).h(4); }, "1234");
-addTest("Conditional class.", function(){ return dot.div(1).IF(true, dot["class"](2)); }, "<div class=\"2\">1</div>");
-//Not sure if the following two cases should be supported. They are broken as of 1.3.0, but I don't know if that matters.
-//addTest("Conditional deep class.", function(){ return dot.div(1).IF(true, dot.IF(true, dot["class"](2))); }, "<div class=\"2\">1</div>");
-//addTest("Conditional deep class with more confusion.", function(){ return dot.div(1).IF(true, dot.IF(true, dot["class"](2)).div(3)); }, "<div class=\"2\">1</div><div>3</div>");
-
-// Truthiness.
-
-addTest("If null.", function(){ return dot.IF(null, "if").ELSE("else"); }, "else");
-addTest("If {}.", function(){ return dot.IF({}, "if").ELSE("else"); }, "if");

package/unittests/input-bindings.test.js

@@ -1,155 +0,0 @@
-import addTest from "./core";
-import dot from "../src/index";
-
-// TODO: not sure if this is a valid test case.
-// The change event is dispatched on the option element, not the select.
-// Need to ensure this works with real elements and user interaction.
-dot.component({name: "comp_binding_input_change_option",
-    builder: function(){
-        this.myValue = false;
-        return dot.select(
-            dot.option("a").value("a").selected()
-            .option("b").value("b").bindTo(this, "myValue")
-            .option("c").value("c"))},
-    ready: function(){
-        dot(this.$el).setVal("b");
-        //this.myValue.setFrom(this.$el.childNodes[1]);
-        var v = dot(this.$el).getVal();
-        this.$el.children[1].dispatchEvent(new Event("change"));
-        dot(this.$el.parentNode).empty()
-        .div("Var: " + this.myValue)
-        .div("Input: " + v);
-    }
-});
-
-dot.component({name: "comp_binding_write_input", builder: function(){return dot.comp_binding_write(dot.input(), "a", "b")}});
-dot.component({name: "comp_binding_var_change_input", builder: function(){return dot.comp_binding_var_change(dot.input(), "a", "b")}});
-dot.component({name: "comp_binding_input_change_input", builder: function(){return dot.comp_binding_input_change(dot.input(), "a", "b")}});
-dot.component({name: "comp_binding_write_textarea", builder: function(){return dot.comp_binding_write(dot.textarea("x"), "a", "b")}});
-dot.component({name: "comp_binding_var_change_textarea", builder: function(){return dot.comp_binding_var_change(dot.textarea("x"), "a", "b")}});
-dot.component({name: "comp_binding_input_change_textarea", builder: function(){return dot.comp_binding_input_change(dot.textarea("x"), "a", "b")}});
-dot.component({name: "comp_binding_write_checkbox_on", builder: function(){return dot.comp_binding_write(dot.input().type("checkbox"), false, true)}});
-dot.component({name: "comp_binding_var_change_checkbox_on", builder: function(){return dot.comp_binding_var_change(dot.input().type("checkbox"), false, true)}});
-dot.component({name: "comp_binding_input_change_checkbox_on", builder: function(){return dot.comp_binding_input_change(dot.input().type("checkbox"), false, true)}});
-dot.component({name: "comp_binding_write_checkbox_off", builder: function(){return dot.comp_binding_write(dot.input().type("checkbox").checked(), true, false)}});
-dot.component({name: "comp_binding_var_change_checkbox_off", builder: function(){return dot.comp_binding_var_change(dot.input().type("checkbox").checked(), true, false)}});
-dot.component({name: "comp_binding_input_change_checkbox_off", builder: function(){return dot.comp_binding_input_change(dot.input().type("checkbox").checked(), true, false)}});
-dot.component({name: "comp_binding_write_radio_on", builder: function(){return dot.comp_binding_write(dot.input().type("radio").name("radiotest1"), false, true)}});
-dot.component({name: "comp_binding_var_change_radio_on", builder: function(){return dot.comp_binding_var_change(dot.input().type("radio").name("radiotest2"), false, true)}});
-dot.component({name: "comp_binding_input_change_radio_on", builder: function(){return dot.comp_binding_input_change(dot.input().type("radio").name("radiotest3"), false, true)}});
-dot.component({name: "comp_binding_write_radio_off", builder: function(){return dot.comp_binding_write(dot.input().type("radio").name("radiotest4"), true, false)}});
-dot.component({name: "comp_binding_var_change_radio_off", builder: function(){return dot.comp_binding_var_change(dot.input().type("radio").name("radiotest5"), true, false)}});
-dot.component({name: "comp_binding_input_change_radio_off", builder: function(){return dot.comp_binding_input_change(dot.input().type("radio").name("radiotest6"), true, false)}});
-dot.component({name: "comp_binding_write_select", builder: function(){return dot.comp_binding_write(dot.component_select(), "a", "b")}});
-dot.component({name: "comp_binding_var_change_select", builder: function(){return dot.comp_binding_var_change(dot.component_select(), "a", "b")}});
-dot.component({name: "comp_binding_input_change_select", builder: function(){return dot.comp_binding_input_change(dot.component_select(), "a", "b")}});
-
-dot.component({name: "comp_binding_write",
-builder: function(input, v1, v2){
-    this.v1 = v1;
-    this.v2 = v2;
-    return input.bindTo(this, "v2");
-},
-ready: function(){
-    var v = dot(this.$el).getVal();
-    dot(this.$el.parentNode).empty()
-    .div("Var: " + this.v2)
-    .div("Input: " + v);
-}
-});
-dot.component({name: "comp_binding_var_change",
-builder: function(input, v1, v2){
-    this.v1 = v1;
-    this.v2 = v2;
-    return input.bindTo(this, "v1");
-},
-ready: function(){
-    this.v1 = this.v2;
-    var v = dot(this.$el).getVal();
-    dot(this.$el.parentNode).empty()
-    .div("Var: " + this.v1)
-    .div("Input: " + v);
-}
-});
-
-dot.component({name: "comp_binding_input_change",
-builder: function(input, v1, v2){
-    this.v1 = v1;
-    this.v2 = v2;
-    //this.myValue = dot.binding(v1);
-    return input.bindTo(this, "v1");
-},
-ready: function(){
-    dot(this.$el).setVal(this.v2);
-    var v = dot(this.$el).getVal();
-    this.$el.dispatchEvent(new Event("change"));
-    //this.v1 = v;
-    dot(this.$el.parentNode).empty()
-    .div("Var: " + this.v1)
-    .div("Input: " + v);
-}
-});
-
-
-// dot.component({name: "comp_binding_write_option", builder: function(){return dot.comp_binding_write(dot.input(),  false, true)}});
-// dot.component({name: "comp_binding_var_change_option", builder: function(){return dot.comp_binding_var_change(dot.input(),  false, true)}});
-// dot.component({name: "comp_binding_input_change_option", builder: function(){return dot.comp_binding_input_change(dot.input(),  false, true)}});
-dot.component({name: "comp_binding_write_option",
-builder: function(){
-    this.myValue = true;
-    return dot.select(
-        dot.option("a").value("a").selected()
-        .option("b").value("b").bindTo(this, "myValue")
-        .option("c").value("c"))
-},
-ready: function(){
-    var v = dot(this.$el).getVal();
-    dot(this.$el.parentNode).empty()
-    .div("Var: " + this.myValue).div("Input: " + v)
-}
-});
-dot.component({name: "comp_binding_var_change_option",
-builder: function(){
-    this.myValue = false;
-    return dot.select(
-        dot.option("a").value("a").selected()
-        .option("b").value("b").bindTo(this, "myValue")
-        .option("c").value("c"))
-    },
-ready: function(){
-    this.myValue = true;
-    var v = dot(this.$el).getVal();
-    dot(this.$el.parentNode).empty()
-    .div("Var: " + this.myValue)
-    .div("Input: " + v)
-}
-});
-
-dot.component({name: "component_select", builder: function(){return dot.select(dot.option("a").value("a").option("b").value("b").option("c").value("c"));}});
-
-
-
-addTest("Var bound to input.", function(){return dot.comp_binding_write_input()}, "<div>Var: b</div><div>Input: b</div>");
-addTest("Var change updating input.", function(){return dot.comp_binding_var_change_input()}, "<div>Var: b</div><div>Input: b</div>");
-addTest("Input change updating var.", function(){return dot.comp_binding_input_change_input()}, "<div>Var: b</div><div>Input: b</div>");
-addTest("Var bound to textarea.", function(){return dot.comp_binding_write_textarea()}, "<div>Var: b</div><div>Input: b</div>");
-addTest("Var change updating textarea.", function(){return dot.comp_binding_var_change_textarea()}, "<div>Var: b</div><div>Input: b</div>");
-addTest("Textarea change updating var.", function(){return dot.comp_binding_input_change_textarea()}, "<div>Var: b</div><div>Input: b</div>");
-addTest("Var bound to checkbox on.", function(){return dot.comp_binding_write_checkbox_on()}, "<div>Var: true</div><div>Input: true</div>");
-addTest("Var change updating checkbox on.", function(){return dot.comp_binding_var_change_checkbox_on()}, "<div>Var: true</div><div>Input: true</div>");
-addTest("Checkbox change updating var on.", function(){return dot.comp_binding_input_change_checkbox_on()}, "<div>Var: true</div><div>Input: true</div>");
-addTest("Var bound to checkbox off.", function(){return dot.comp_binding_write_checkbox_off()}, "<div>Var: false</div><div>Input: false</div>");
-addTest("Var change updating checkbox off.", function(){return dot.comp_binding_var_change_checkbox_off()}, "<div>Var: false</div><div>Input: false</div>");
-addTest("Checkbox change updating var.", function(){return dot.comp_binding_input_change_checkbox_off()}, "<div>Var: false</div><div>Input: false</div>");
-addTest("Var bound to radio on.", function(){return dot.comp_binding_write_radio_on()}, "<div>Var: true</div><div>Input: true</div>");
-addTest("Var change updating radio on.", function(){return dot.comp_binding_var_change_radio_on()}, "<div>Var: true</div><div>Input: true</div>");
-addTest("Radio change updating var on.", function(){return dot.comp_binding_input_change_radio_on()}, "<div>Var: true</div><div>Input: true</div>");
-addTest("Var bound to radio off.", function(){return dot.comp_binding_write_radio_off()}, "<div>Var: false</div><div>Input: false</div>");
-addTest("Var change updating radio off.", function(){return dot.comp_binding_var_change_radio_off()}, "<div>Var: false</div><div>Input: false</div>");
-addTest("Radio change updating var off.", function(){return dot.comp_binding_input_change_radio_off()}, "<div>Var: false</div><div>Input: false</div>");
-addTest("Var bound to select.", function(){return dot.comp_binding_write_select()}, "<div>Var: b</div><div>Input: b</div>");
-addTest("Var change updating select.", function(){return dot.comp_binding_var_change_select()}, "<div>Var: b</div><div>Input: b</div>");
-addTest("Select change updating var.", function(){return dot.comp_binding_input_change_select()}, "<div>Var: b</div><div>Input: b</div>");
-addTest("Var bound to option.", function(){return dot.comp_binding_write_option()}, "<div>Var: true</div><div>Input: b</div>");
-addTest("Var change updating option.", function(){return dot.comp_binding_var_change_option()}, "<div>Var: true</div><div>Input: b</div>");
-addTest("Option change updating var.", function(){return dot.comp_binding_input_change_option()}, "<div>Var: true</div><div>Input: b</div>");

package/unittests/integration.test.js

@@ -1,6 +0,0 @@
-import addTest from "./core";
-import dot from "../lib/dothtml.min.js";
-
-test("Integration test.", ()=>{
-    dot.div();
-});

package/unittests/logic.test.js

@@ -1,18 +0,0 @@
-import addTest from "./core";
-import dot from "../src/index";
-
-addTest("If true else.", function(){ return dot.IF(true, "if").ELSE("else"); }, "if");
-addTest("If false else.", function(){ return dot.IF(false, "if").ELSE("else"); }, "else");
-addTest("If false else else.", function(){ return dot.IF(false, "if").ELSE("else1").ELSE("else2"); }, "else1else2");
-addTest("If true elseif true else.", function(){ return dot.IF(true, "if").ELSEIF(true, "elseif").ELSE("else"); }, "if");
-addTest("If true elseif false else.", function(){ return dot.IF(true, "if").ELSEIF(false, "elseif").ELSE("else"); }, "if");
-addTest("If false elseif true else.", function(){ return dot.IF(false, "if").ELSEIF(true, "elseif").ELSE("else"); }, "elseif");
-addTest("If false elseif false else.", function(){ return dot.IF(false, "if").ELSEIF(false, "elseif").ELSE("else"); }, "else");
-addTest("Nested ifs.", function(){
-return dot.IF(true,
-		dot.IF(false, "if if")
-		.ELSEIF(true, "if elseif")
-		.ELSE("if else")
-	).ELSEIF(true, "elseif")
-	.ELSE("else");
-}, "if elseif");

package/unittests/routing.-.js

@@ -1,56 +0,0 @@
-import addTest from "./core";
-import dot from "../src/index";
-
-try{
-    dot.component({name: "defaultpage", builder: function(){return dot.h1("Default")}});
-    dot.component({name: "page1", builder: function(){return dot.h1("Page 1.")}});
-    dot.component({name: "page2", builder: function(){return dot.h1("Page 2.")}});
-    dot.component({name: "page3", builder: function(){return dot.h1("Page 3.").router()}});
-    dot.component({name: "page4", builder: function(){return dot.h1("Good.")}});
-    dot.component({name: "page5", builder: function(){return dot.h1("Bad.")}});
-    dot.component({name: "page6_7", builder: function(){return dot.h1("Page 6/7.")}});
-    dot.component({name: "page6", builder: function(){return dot.h1("Page 6.")}});
-    dot.component({name: "page7", builder: function(){return dot.h1("Page 7.")}});
-    dot.component({name: "awesomepage", function(params){return dot.h1(params.params.title).p(params.params.body)}});
-    dot.component({name: "notfound", builder: function(){return dot.h1("Not Found.")}});
-}catch(e){console.error(e);}
-var routes = [
-    {title: "DOT Tests", path: "/", component: dot.defaultpage},
-    {title: "Page 1", path: "1", component: dot.page1},
-    {title: "Page 2", path: "2", component: dot.page2},
-    {title: "Page 3", path: "3", component: dot.page3},
-    {title: "Greedy Page 4", path: "greed", component: dot.page4},
-    {title: "Greedy Page 5", path: "greed", component: dot.page5},
-    {title: "Page 6/7", path: "6/7", component: dot.page6_7},
-    {title: "Awesome", path: "awesome/{title}/{body}", component: dot.awesomepage},
-    {title: "Ajax", path: "ajax", component: "testpage.js"},
-    {title: "Not Found", path: "*", component: dot.notfound},
-];
-// addTest("Navigate with no router.", function(){return dot.div("abc").navigate("1")}, "<div>abc</div>");
-// addTest("Chainability of navigate.", function(){return dot.div("abc").navigate("1").div("def")}, "<div>abc</div><div>def</div>");
-// addTest("Default content.", function(){return dot.router(routes, true)}, "<dothtml-router></dothtml-router>");
-// addTest("Default content, undefined navigate.", function(){return dot.router(routes, true).navigate()}, "<dothtml-router><h1>Default</h1></dothtml-router>");
-// addTest("Default content, / navigate.", function(){return dot.router(routes, true).navigate("/")}, "<dothtml-router><h1>Default</h1></dothtml-router>");
-// addTest("Unknown route.", function(){return dot.router(routes, true).navigate("unknown")}, "<dothtml-router><h1>Not Found.</h1></dothtml-router>");
-// addTest("Navigate to 1.", function(){return dot.router(routes, true).navigate("1")}, "<dothtml-router><h1>Page 1.</h1></dothtml-router>");
-// addTest("Navigate to 1/.", function(){return dot.router(routes, true).navigate("1/")}, "<dothtml-router><h1>Page 1.</h1></dothtml-router>");
-// addTest("Navigate to 1 then 2.", function(){return dot.router(routes, true).navigate("1").navigate("2")}, "<dothtml-router><h1>Page 2.</h1></dothtml-router>");
-// addTest("Navigate to the same page.", function(){return dot.router(routes, true).navigate("1").navigate("1")}, "<dothtml-router><h1>Page 1.</h1></dothtml-router>");
-// addTest("Navigate from 1 to undefined.", function(){return dot.router(routes, true).navigate("1").navigate()}, "<dothtml-router><h1>Default</h1></dothtml-router>");
-// addTest("Navigate from 1 to /.", function(){return dot.router(routes, true).navigate("1").navigate("/")}, "<dothtml-router><h1>Default</h1></dothtml-router>");
-// addTest("Navigate to 6/7.", function(){return dot.router(routes, true).navigate("6/7")}, "<dothtml-router><h1>Page 6/7.</h1></dothtml-router>");
-// addTest("Navigate to 6/8.", function(){return dot.router(routes, true).navigate("6/8")}, "<dothtml-router><h1>Not Found.</h1></dothtml-router>");
-// addTest("Params.", function(){return dot.router(routes, true).navigate("awesome/Hello/Hello_World")}, "<dothtml-router><h1>Hello</h1><p>Hello_World</p></dothtml-router>");
-// addTest("Greedy route.", function(){return dot.router(routes, true).navigate("greed")}, "<dothtml-router><h1>Good.</h1></dothtml-router>");
-// addTest("Load page file.", function(){return dot.router(routes, true).navigate("ajax")}, "<dothtml-router><h1>Loaded Page</h1><p>This page was loaded from a file!</p></dothtml-router>");
-// NESTED ROUTING (NOT SUPPORTED YET)
-// addTest("Route not found child.", function(){return dot.router(routes, true).navigate("3/notfound")}, "<dothtml-router><h1>Page 3.</h1><dothtml-router>Route \"notfound\" not found.</dothtml-router></dothtml-router>");
-// addTest("Router in router / default.", function(){return dot.router(routes, true).navigate("3")}, "<dothtml-router><h1>Page 3.</h1><dothtml-router><h1>Default</h1></dothtml-router></dothtml-router>");
-// addTest("Router in router / page 3/1.", function(){return dot.router(routes, true).navigate("3/1")}, "<dothtml-router><h1>Page 3.</h1><dothtml-router><h1>Page 1.</h1></dothtml-router></dothtml-router>");
-// addTest("Router in router / page 3/2 => 3/1.", function(){return dot.router(routes, true).navigate("3/2").navigate("3/1")}, "<dothtml-router><h1>Page 3.</h1><dothtml-router><h1>Page 1.</h1></dothtml-router></dothtml-router>");
-// addTest("Router in router / page 3/2 => 2.", function(){return dot.router(routes, true).navigate("3/1").navigate("2")}, "<dothtml-router><h1>Page 2.</h1></dothtml-router>");
-// addTest("Router in router / page 2 => 3/1.", function(){return dot.router(routes, true).navigate("2").navigate("3/1")}, "<dothtml-router><h1>Page 3.</h1><dothtml-router><h1>Page 1.</h1></dothtml-router></dothtml-router>");
-// addTest("Router in router / page 3/3/1.", function(){return dot.router(routes, true).navigate("3/3/1")}, "<dothtml-router><h1>Page 3.</h1><dothtml-router><h1>Page 3.</h1><dothtml-router><h1>Page 1.</h1></dothtml-router></dothtml-router></dothtml-router>");
-// CURRENTLY UNDEFINED:
-//addTest("Two routers.", function(){return dot.router(routes, true).router(routes, true).navigate("1")}, "<dothtml-router></dothtml-router><dothtml-router><h1>Page 1.</h1></dothtml-router>");
-// - Add test case for ensuring routers are removed from the allRouters object after calling empty().

package/unittests/special-tags.test.js

@@ -1,32 +0,0 @@
-import addTest from "./core";
-import dot from "../src/index";
-
-addTest("citeE.", function(){ return dot.citeE(); }, "<cite></cite>");
-addTest("dataE.", function(){ return dot.dataE(); }, "<data></data>"); //Element not supported by most browsers.
-addTest("formE.", function(){ return dot.formE(); }, "<form></form>");
-addTest("labelE.", function(){ return dot.labelE(); }, "<label></label>");
-addTest("spanE.", function(){ return dot.spanE(); }, "<span></span>");
-addTest("summaryE.", function(){ return dot.summaryE(); }, "<summary></summary>");
-addTest("citeA.", function(){ return dot.del().citeA(1); }, "<del cite=\"1\"></del>");
-addTest("dataA.", function(){ return dot.object().dataA(1); }, "<object data=\"1\"></object>");
-addTest("formA.", function(){ return dot.input().formA(1); }, "<input form=\"1\">");
-addTest("labelA.", function(){ return dot.track().labelA(1); }, ["<track label=\"1\">", "<track label=\"1\"></track>"]);
-addTest("spanA.", function(){ return dot.col().spanA(1); }, "<col span=\"1\">");
-addTest("summaryA.", function(){ return dot.table().summaryA(1); }, "<table summary=\"1\"></table>");
-addTest("Smart cite - attribute.", function(){ return dot.del().cite(1); }, "<del cite=\"1\"></del>");
-addTest("Smart form - attribute.", function(){ return dot.input().form(1); }, "<input form=\"1\">");
-addTest("Smart label - attribute.", function(){ return dot.track().label(1); }, ["<track label=\"1\">", "<track label=\"1\"></track>"]);
-addTest("Smart span - attribute.", function(){ return dot.col().span(1); }, "<col span=\"1\">");
-addTest("Smart summary - attribute.", function(){ return dot.table().summary(1); }, "<table summary=\"1\"></table>");
-addTest("Smart cite - element.", function(){ return dot.div().cite(); }, "<div></div><cite></cite>");
-addTest("Smart form - element.", function(){ return dot.div().form(); }, "<div></div><form></form>");
-addTest("Smart label - element.", function(){ return dot.div().label(); }, "<div></div><label></label>");
-addTest("Smart span - element.", function(){ return dot.div().span(); }, "<div></div><span></span>");
-addTest("Smart summary - element.", function(){ return dot.div().summary(); }, "<div></div><summary></summary>");
-addTest("Smart cite - append to blank.", function(){ return dot.citeE(); }, "<cite></cite>");
-addTest("Smart form - append to blank.", function(){ return dot.formE(); }, "<form></form>");
-addTest("Smart label - append to blank.", function(){ return dot.labelE(); }, "<label></label>");
-addTest("Smart span - append to blank.", function(){ return dot.spanE(); }, "<span></span>");
-addTest("Smart summary - append to blank.", function(){ return dot.summaryE(); }, "<summary></summary>");
-addTest("Smart data - basic attribute.", function(){ return dot.object().data(1); }, "<object data=\"1\"></object>");
-addTest("Smart data - custom attribute.", function(){ return dot.div().data("a", 1); }, "<div data-a=\"1\"></div>");