added header and body to test harness

Author: Flamenco

test/test_harness.js

@@ -0,0 +1,147 @@
+onload = function() {
+
+	var harness = new pdf_test_harness();
+
+	var body = document.getElementsByTagName('body')[0];
+	body.style.display = 'flex';
+
+	var div = document.createElement('div');
+	div.setAttribute('style', 'position:fixed;height:20px;width:100%;background:lightblue');
+	body.appendChild(div);
+	harness.header = div;
+
+	var div2 = document.createElement('div');
+	div2.setAttribute('style', 'position:fixed;display:flex;top:20px; bottom:0;width:100%');
+	body.appendChild(div2);
+	harness.body = div2;
+
+	var btn1 = document.createElement('input');
+	btn1.setAttribute('type', 'radio');
+	btn1.setAttribute('name', 'view');
+	div.appendChild(btn1);
+	btn1.checked = true;
+
+	var lbl1 = document.createElement('label');
+	lbl1.setAttribute('for', 'btn1');
+	lbl1.innerHTML = 'PDF'
+	div.appendChild(lbl1);
+
+	var btn2 = document.createElement('input');
+	btn2.setAttribute('type', 'radio');
+	btn2.setAttribute('name', 'view');
+	div.appendChild(btn2);
+
+	var lbl2 = document.createElement('label');
+	lbl2.setAttribute('for', 'btn2');
+	lbl2.innerHTML = 'Source'
+	div.appendChild(lbl2);
+
+	var btn3 = document.createElement('input');
+	btn3.setAttribute('type', 'radio');
+	btn3.setAttribute('name', 'view');
+	div.appendChild(btn3);
+
+	var lbl3 = document.createElement('label');
+	lbl3.setAttribute('for', 'btn3');
+	lbl3.innerHTML = 'Both'
+	div.appendChild(lbl3);
+
+	harness.source = document.createElement('pre');
+	harness.source.setAttribute('style', 'margin-top:0;width:100%;height:100%;position:absolute;top:0px;bottom:0px;overflow:auto');
+	div2.appendChild(harness.source);
+
+	harness.iframe = document.createElement('iframe');
+	harness.iframe.setAttribute('style', 'width:100%;height:100%;position:absolute;overflow:auto;top:0px;bottom:0px');
+	div2.appendChild(harness.iframe);
+
+	if (pdf_test_harness.onload) {
+		harness.pdf = pdf_test_harness.onload(harness);
+		if (harness.message){
+			var popup = document.createElement('div');
+			popup.setAttribute('style', 'position:fixed;margin:auto;top:50px;background-color:beige;padding:1em;border:1px solid black');
+			popup.innerHTML = harness.message;
+			body.appendChild(popup);
+			popup.onclick = function(){
+				popup.parentNode.removeChild(popup);
+			}
+			
+		}
+	}
+
+	harness.render('pdf');
+
+	btn1.onclick = function() {
+		harness.render('pdf');
+	}
+	btn2.onclick = function() {
+		harness.render('source');
+	}
+	btn3.onclick = function() {
+		harness.render('both');
+	}
+}
+
+pdf_test_harness = function(pdf) {
+	this.pdf = pdf;
+	this.onload = undefined;
+	this.iframe = undefined;
+
+	this.entityMap = {
+		"&" : "&",
+		"<" : "&lt;",
+		">" : "&gt;",
+		'"' : '&quot;',
+		"'" : '&#39;',
+		"/" : '&#x2F;'
+	};
+
+	this.escapeHtml = function(string) {
+		return String(string).replace(/[&<>"'\/]/g, function(s) {
+			return this.entityMap[s];
+		}.bind(this));
+	};
+
+	this.getParameterByName = function(name) {
+		name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
+		var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search);
+		return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
+	};
+	
+	this.setPdf = function(pdf) {
+		this.pdf = pdf;
+		this.rendered = undefined;
+		this.render(this.view);
+	};
+
+	// generate the pdf, the source code, or both
+	this.render = function(view) {
+		this.view = view;
+		//Current code only lets us render one time.
+		if (!this.rendered) {
+			this.rendered = this.pdf.output('datauristring');
+			this.iframe.src = this.rendered;
+			var raw = this.pdf.output();
+			raw = this.escapeHtml(raw);
+			this.source.innerHTML = raw;
+		}
+		if ('pdf' === view) {
+			this.source.style.display = 'none';
+			this.iframe.style.display = 'block';
+			this.iframe.style.width = '100%';
+		} else if ('source' === view) {
+			this.iframe.style.display = 'none';
+			this.source.style.display = 'block';
+			this.source.style.width = '100%';
+		}
+
+		if ('both' === view) {
+			raw = this.escapeHtml(raw);
+			this.iframe.style.width = '50%';
+			this.iframe.style.position = 'relative';
+			this.iframe.style.display = 'inline-block';
+			this.source.style.width = '50%';
+			this.source.style.position = 'relative';
+			this.source.style.display = 'inline-block';
+		}
+	}
+}