gets tests to pass in zombie and upgrades to use html-generate integration

Author: justinbmeyer

demo.js

@@ -1,4 +1,6 @@
 var demoFrame = require("./demo_frame");
 
-var demos = [].slice.call(document.getElementsByClassName("demo_wrapper"));
-demos.forEach(demoFrame);
+module.exports = function(){
+	var demos = [].slice.call(document.getElementsByClassName("demo_wrapper"));
+	demos.forEach(demoFrame);
+};

demo_frame.js

@@ -17,7 +17,7 @@ function render(node, docConfig){
 	var demoDiv = document.createElement("div");
 	demoDiv.className = "demo";
 	demoDiv.innerHTML = template;
-	var demoSrc = (docConfig.demoSrcRoot || "..") + "/" + node.dataset.demoSrc;
+	var demoSrc = (docConfig.demoSrcRoot || "..") + "/" + (node.dataset ? node.dataset.demoSrc : node.getAttribute("data-demo-src"));
 	demoDiv.getElementsByTagName("iframe")[0].src = demoSrc;
 
 	node.innerHTML = "";
@@ -55,7 +55,7 @@ module.exports = function(node){
 
 	function getHTML(demoEl) {
 			var html = demoEl ? demoEl.innerHTML : this.contentWindow.DEMO_HTML;
-			
+
 			if(!html) {
 				// try to make from body
 				var clonedBody = this.contentDocument.body.cloneNode(true);
@@ -109,12 +109,22 @@ module.exports = function(node){
 
 		function toggle(tabName) {
 			each(".tab", function(el){
-				el.classList.remove("active");
+				if(el.classList) {
+					el.classList.remove("active");
+				} else {
+					el.className = "tab";
+				}
+
 			});
 
 			each(".tab-content", hide);
 			each(".tab[data-tab='" + tabName + "']", function(el){
-				el.classList.add("active");
+				if(el.classList) {
+					el.classList.add("active");
+				} else {
+					el.className = "tab active";
+				}
+
 			});
 			each("[data-for='" + tabName + "']", show);
 		}

package.json

@@ -30,7 +30,7 @@
     "bit-docs-type-annotate": "^0.0.1"
   },
   "devDependencies": {
-    "bit-docs-generate-html": "^0.0.3",
+    "bit-docs-generate-html": "^0.2.0",
     "connect": "^2.14.4",
     "mocha": "^2.5.3",
     "zombie": "^4.2.1"

test.js

@@ -41,7 +41,7 @@ var open = function(url, callback, done){
 		.then(function(){
 			callback(browser, function(){
 				server.close();
-			})
+			});
 		}).catch(function(e){
 			server.close();
 			done(e)