javascriptmvc 3.0.0.pre15

data/lib/javascriptmvc/funcunit/synthetic/mouse.js

@@ -0,0 +1,291 @@
+//handles mosue events
+steal.then(function(){
+
+var h = Syn.helpers;
+
+Syn.mouse = {};
+h.extend(Syn.defaults,{
+	mousedown: function( options ) {
+		Syn.trigger("focus", {}, this)
+	},
+	click: function() {
+		// prevents the access denied issue in IE if the click causes the element to be destroyed
+		var element = this;
+		try {
+			element.nodeType;
+		} catch(e){
+			return;
+		}
+		//get old values
+		var href,
+			checked = Syn.data(element,"checked"),
+			scope = Syn.helpers.getWindow(element),
+			nodeName = element.nodeName.toLowerCase();
+		
+		if( (href = Syn.data(element,"href") ) ){
+			element.setAttribute('href',href)
+		}
+
+		
+		
+		//run href javascript
+		if(!Syn.support.linkHrefJS 
+			&& /^\s*javascript:/.test(element.href)){
+			//eval js
+			var code = element.href.replace(/^\s*javascript:/,"")
+				
+			//try{
+			if (code != "//" && code.indexOf("void(0)") == -1) {
+				if(window.selenium){
+					eval("with(selenium.browserbot.getCurrentWindow()){"+code+"}")
+				}else{
+					eval("with(scope){"+code+"}")
+				}
+			}
+		}
+		
+		//submit a form
+		if(!(Syn.support.clickSubmits) &&
+			(nodeName == "input" 
+			&& element.type == "submit"  ) ||
+			nodeName  == 'button' ){
+				
+			var form =  Syn.closest(element, "form");
+			if(form){
+				Syn.trigger("submit",{},form)
+			}
+			
+		}
+		//follow a link, probably needs to check if in an a.
+		if(nodeName == "a" 
+			&& element.href 
+			&& !/^\s*javascript:/.test(element.href)){
+				
+			scope.location.href = element.href;
+			
+		}
+		
+		//change a checkbox
+		if(nodeName == "input" 
+			&& element.type == "checkbox"){
+			
+			if(!Syn.support.clickChecks && !Syn.support.changeChecks){
+				element.checked = !element.checked;
+			}
+			if(!Syn.support.clickChanges){
+				Syn.trigger("change",{},  element );
+			}
+		}
+		
+		//change a radio button
+		if(nodeName == "input" && element.type == "radio"){  // need to uncheck others if not checked
+			
+			if(!Syn.support.clickChecks && !Syn.support.changeChecks){
+				//do the checks manually 
+				if(!element.checked){ //do nothing, no change
+					element.checked = true;
+				}
+			}
+			if(checked != element.checked && !Syn.support.radioClickChanges){
+				Syn.trigger("change",{},  element );
+			}
+		}
+		// change options
+		if(nodeName == "option" && Syn.data(element,"createChange")){
+			Syn.trigger("change",{}, element.parentNode);//does not bubble
+			Syn.data(element,"createChange",false)
+		}
+	}
+})
+	
+
+//add create and setup behavior for mosue events
+h.extend(Syn.create,{
+	mouse : {
+		options: function( type, options, element ) {
+			var doc = document.documentElement, body = document.body,
+				center = [options.pageX || 0, options.pageY || 0],
+				//browser might not be loaded yet (doing support code)
+				left = Syn.mouse.browser && Syn.mouse.browser.left[type],
+				right = Syn.mouse.browser && Syn.mouse.browser.right[type];
+			return h.extend({
+				bubbles : true,cancelable : true,
+				view : window,
+				detail : 1,
+				screenX : 1, screenY : 1,
+				clientX : options.clientX || center[0] -(doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc.clientLeft || 0), 
+				clientY : options.clientY || center[1] -(doc && doc.scrollTop || body && body.scrollTop || 0) - (doc.clientTop || 0),
+				ctrlKey : !!Syn.key.ctrlKey, 
+				altKey : !!Syn.key.altKey, 
+				shiftKey : !!Syn.key.shiftKey, 
+				metaKey : !!Syn.key.metaKey,
+				button : left && left.button != null ? 
+					left.button : 
+					right && right.button || (type == 'contextmenu' ? 2 : 0), 
+				relatedTarget : document.documentElement
+			}, options);
+		},
+		event : document.createEvent ? 
+			function(type, defaults, element){  //Everyone Else
+				var event;
+				
+				try {
+					event = element.ownerDocument.createEvent('MouseEvents');
+					event.initMouseEvent(type, 
+						defaults.bubbles, defaults.cancelable, 
+						defaults.view, 
+						defaults.detail, 
+						defaults.screenX, defaults.screenY,defaults.clientX,defaults.clientY,
+						defaults.ctrlKey,defaults.altKey,defaults.shiftKey,defaults.metaKey,
+						defaults.button,defaults.relatedTarget);
+				} catch(e) {
+					event = h.createBasicStandardEvent(type,defaults)
+				}
+				event.synthetic = true;
+				return event;
+			} : 
+			h.createEventObject
+	},
+	click : {
+		setup: function( type, options, element ) {
+			try{
+				Syn.data(element,"checked", element.checked);
+			}catch(e){}
+			if( 
+				element.nodeName.toLowerCase() == "a" 
+				&& element.href  
+				&& !/^\s*javascript:/.test(element.href)){
+				
+				//save href
+				Syn.data(element,"href", element.href)
+				
+				//remove b/c safari/opera will open a new tab instead of changing the page
+				element.setAttribute('href','javascript://')
+			}
+			//if select or option, save old value and mark to change
+			if(/option/i.test(element.nodeName)){
+				var child = element.parentNode.firstChild,
+				i = -1;
+				while(child){
+					if(child.nodeType ==1){
+						i++;
+						if(child == element) break;
+					}
+					child = child.nextSibling;
+				}
+				if(i !== element.parentNode.selectedIndex){
+					//shouldn't this wait on triggering
+					//change?
+					element.parentNode.selectedIndex = i;
+					Syn.data(element,"createChange",true)
+				}
+			}
+		}
+	},
+	mousedown : {
+		setup: function( type,options, element ) {
+			var nn = element.nodeName.toLowerCase();
+			//we have to auto prevent default to prevent freezing error in safari
+			if(Syn.browser.safari && (nn == "select" || nn == "option" )){
+				options._autoPrevent = true;
+			}
+		}
+	}
+});
+//do support code
+(function(){
+	if(!document.body){
+		setTimeout(arguments.callee,1)
+		return;
+	}
+	var oldSynth = window.__synthTest;
+	window.__synthTest = function(){
+		Syn.support.linkHrefJS = true;
+	}
+	var div = document.createElement("div"), 
+		checkbox, 
+		submit, 
+		form, 
+		input, 
+		select;
+		
+	div.innerHTML = "<form id='outer'>"+
+		"<input name='checkbox' type='checkbox'/>"+
+		"<input name='radio' type='radio' />"+
+		"<input type='submit' name='submitter'/>"+
+		"<input type='input' name='inputter'/>"+
+		"<input name='one'>"+
+		"<input name='two'/>"+
+		"<a href='javascript:__synthTest()' id='synlink'></a>"+
+		"<select><option></option></select>"+
+		"</form>";
+	document.documentElement.appendChild(div);
+	form = div.firstChild
+	checkbox = form.childNodes[0];
+	submit = form.childNodes[2];
+	select = form.getElementsByTagName('select')[0]
+	
+	checkbox.checked = false;
+	checkbox.onchange = function(){
+		Syn.support.clickChanges = true;
+	}
+
+	Syn.trigger("click", {}, checkbox)
+	Syn.support.clickChecks = checkbox.checked;
+	checkbox.checked = false;
+	
+	Syn.trigger("change", {}, checkbox);
+	
+	Syn.support.changeChecks = checkbox.checked;
+	
+	form.onsubmit = function(ev){
+		if (ev.preventDefault) 
+			ev.preventDefault();
+		Syn.support.clickSubmits = true;
+		return false;
+	}
+	Syn.trigger("click", {}, submit)
+
+		
+	
+	form.childNodes[1].onchange = function(){
+		Syn.support.radioClickChanges = true;
+	}
+	Syn.trigger("click", {}, form.childNodes[1])
+	
+	
+	Syn.bind(div, 'click', function(){
+		Syn.support.optionClickBubbles = true;
+		Syn.unbind(div,'click', arguments.callee)
+	})
+	Syn.trigger("click",{},select.firstChild)
+	
+	
+	Syn.support.changeBubbles = Syn.eventSupported('change');
+	
+	//test if mousedown followed by mouseup causes click (opera), make sure there are no clicks after this
+	var clicksCount = 0
+	div.onclick = function(){
+		Syn.support.mouseDownUpClicks = true;
+		//we should use this to check for opera potentially, but would
+		//be difficult to remove element correctly
+		//Syn.support.mouseDownUpRepeatClicks = (2 == (++clicksCount))
+	}
+	Syn.trigger("mousedown",{},div)
+	Syn.trigger("mouseup",{},div)
+	
+	//setTimeout(function(){
+	//	Syn.trigger("mousedown",{},div)
+	//	Syn.trigger("mouseup",{},div)
+	//},1)
+	
+	
+	document.documentElement.removeChild(div);
+	
+	//check stuff
+	window.__synthTest = oldSynth;
+	//support.ready = true;
+})();
+
+
+})

data/lib/javascriptmvc/funcunit/synthetic/qunit.html

@@ -0,0 +1,22 @@
+<html>
+    <head>
+        <link rel="stylesheet" type="text/css" href="../../funcunit/qunit/qunit.css" />
+        <style>
+
+        </style>
+		
+    </head>
+    <body>
+
+        <h1 id="qunit-header">Syn Test Suite</h1>
+    	<h2 id="qunit-banner"></h2>
+    	<div id="qunit-testrunner-toolbar"></div>
+    	<h2 id="qunit-userAgent"></h2>
+		<div id="test-content"></div>
+        <ol id="qunit-tests"></ol>
+		<div id='syntheticSupport'></div>
+		<div id="qunit-test-area"></div>
+		<div id="mlog"></div>
+		<script type='text/javascript' src='../../steal/steal.js?steal[app]=funcunit/synthetic/test/qunit'></script>
+    </body>
+</html>

data/lib/javascriptmvc/funcunit/synthetic/recorder.html

@@ -0,0 +1,303 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+    <head>
+        <title>Synthetic Typing Test</title>
+        <style type='text/css'>
+            body {font-family: verdana}
+			td {text-align: right}
+            td:nth-child(even) {background: #CCd}
+			#key th:nth-child(even) {background: #CCf}
+			#who th:nth-child(even) {background: #fCb}
+        </style>
+    </head>
+    <body>
+<h1>Key Recorder</h1>
+<p id='ua' tabindex='2'></p>
+<div>
+	Type 'a'
+	<input id='t_a' />
+</div>
+<div>
+	Type  [backspace]
+	<input id='t_\\b' /> - specialChars
+</div>
+<div>
+	Type [Enter]
+	<input id='t_\\r' /> - function
+</div>
+<div>
+	Type and hold [down]
+	<input id='t_down' /> - navigation
+</div>
+<div>
+	Type and hold [shift]
+	<input id='t_shift' /> - special
+</div>
+<div>
+	Type [b]
+	<input id='keyUpPrevent' /> - preventDefault keydown
+</div>
+<div>
+	Type [c]
+	<input id='keyPressPrevent' /> - preventDefault keypress
+</div>
+<div>
+	Type [tab]
+	<input id='t_\\t' /><input id='t_tab2' />
+</div>
+<div>
+	Type [pause-break]
+	<input id='t_pause-break' />
+</div>
+<div>
+	Type [caps]
+	<input id='t_caps' />
+</div>
+<div>
+	Type [escape]
+	<input id='t_escape' />
+</div>
+<div>
+	Type [num-lock]
+	<input id='t_num-lock' />
+</div>
+<div>
+	Type [scrolllock]
+	<input id='t_scroll-lock' />
+</div>
+<div>
+	Type [print]
+	<input id='t_print' />
+</div>
+<div>
+	Type [f8]
+	<input id='t_f8' /> - function
+</div>
+
+<div id='leftClick'>
+	Left Click Me
+</div>
+<div id='rightClick'>
+	Right Click Me
+</div>
+<div id='dblClick'>
+	Double Click Me
+</div>
+<h3>Key Data</h3>
+<pre id='out'></pre>
+<h3>Click Data</h3>
+<pre id='clickdata'></pre>
+<script type='text/javascript' src='../../steal/steal.js'></script>
+<script type='text/javascript'>
+	steal.plugins('funcunit/synthetic','jquery','jquery/lang/json').start();
+</script>
+<script type='text/javascript' id="demo-source">
+	var gId = function(id){
+		return document.getElementById(id)
+	},
+	bind = function(el, ev, func){
+		Syn.bind(gId(el.replace("\\","\\\\")), ev,func);
+	};
+	$(function(){
+		$("#ua").html(window.navigator.userAgent)
+	});
+	
+	var keycodes = Syn.keycodes,
+	special = {
+		backspace : "\b",
+		tab : "\t",
+		enter : "\r"
+	},
+	convert = {
+		"\\r" : "\r",
+		"\\t" :"\t",
+		"\\b" : "\b"
+	}
+	
+	isKey = function(str, val){
+		str = convert[str] || str;
+		return keycodes[str] ===  String(val)
+	}
+	isChar = function(str, val){
+		str = convert[str] || str;
+		return val && (special[str] || str).charCodeAt(0) == val
+	}
+	keyOrChar = function(str, val){
+		return isKey(str,val) ? "key" : 
+			(isChar(str, val) ? "char" : val)
+	}
+	tests= ['prevent']
+	data= {
+		prevent :{
+			keyup : [],
+			keydown : [],
+			keypress :[]
+		}
+	};
+	
+	binder = function(name,test){
+		//listen for events
+		test = test || name;
+		var testData = (data[test] = {}),
+			keydown = 0,
+			keypress= 0
+			keyup = 0;
+		
+		bind('t_'+name,'keydown', function(ev){
+			testData.keydown = [ (isChar(name, ev.charCode) ?  "char" : ev.charCode),
+						   keyOrChar(name, ev.keyCode)];
+		    keydown++
+			if(keydown ==2 ){
+				//testData.repeat.push('keydown')
+			}
+		})
+		
+		bind('t_'+name,'keypress', function(ev){
+			testData.keypress = [ (isChar(name, ev.charCode) ?  "char" : ev.charCode),
+						   keyOrChar(name, ev.keyCode)]
+		    
+			keypress++;
+			
+			if(keypress ==2 ){
+				//testData.repeat.push('keypress')
+			}
+			update();
+		})
+		
+		bind('t_'+name,'keyup', function(ev){
+			testData.keyup = [ (isChar(name, ev.charCode) ?  "char" : ev.charCode),
+						   keyOrChar(name, ev.keyCode)]
+		    keyup++;
+			if(keyup ==2 ){
+				//testData.repeat.push('keyup')
+			}
+			
+			update();
+			
+		})
+		
+		
+		
+		$('#t_'+name).val("")
+		tests.push(test)
+	}
+	binder('a','character')
+	binder('\\b','specialChars')
+	binder('down','navigation')
+	binder('shift','special')
+	binder('\\t')
+	bind('t_tab2','keyup', function(ev){
+		data["\\t"].keyup = [ (isChar("\\t", ev.charCode) ?  "char" : ev.charCode),
+						   keyOrChar("\\t", ev.keyCode)]
+	    update();
+	})
+	binder('pause-break')
+	binder('caps')
+	binder('escape')
+	binder('num-lock')
+	binder('scroll-lock')
+	binder('print')
+	binder('f8','function')
+	binder('\\r')
+	var pd = function(ev){
+		if(ev.preventDefault)
+			ev.preventDefault();
+
+		ev.returnValue = false;
+	}
+	var keyDown_keyPressed = false
+	bind('keyUpPrevent','keydown', function(ev){
+		pd(ev);
+		setTimeout(function(){
+			if($('#keyUpPrevent').val() !== 'b'){
+				data.prevent.keydown.push('char')
+			}
+			if(!keyDown_keyPressed){
+				data.prevent.keydown.push('keypress')
+			}
+			update();
+		},1000)
+	})
+	bind('keyUpPrevent','keypress', function(ev){
+		keyDown_keyPressed = true;
+	})
+
+
+	var keyPress_keyUp = false
+	bind('keyPressPrevent','keypress', function(ev){
+		pd(ev);
+		setTimeout(function(){
+			if($('#keyPressPrevent').val() !== 'c'){
+				data.prevent.keypress.push('char')
+			}
+			if(!keyPress_keyUp){
+				data.prevent.keypress.push('keyup')
+			}
+			update();
+		},1000)
+	})
+	bind('keyPressPrevent','keyup', function(ev){
+		keyPress_keyUp = true;
+	})
+	
+
+	var clickData = {
+		right : {},
+		left : {},
+		dblclick :{}
+	}
+	$.each(['right','left'], function(i, name){
+		
+		bind(name+'Click','mousedown',function(ev){
+			clickData[name].mousedown = {
+				button: ev.button,
+				which: ev.which
+			}
+		})
+		bind(name+'Click','mouseup',function(ev){
+			clickData[name].mouseup = {
+				button: ev.button,
+				which: ev.which
+			}
+			setTimeout(function(){
+				$('#clickdata').html($.toJSON(clickData))
+			},100)
+		})
+		bind(name+'Click','click',function(ev){
+			clickData[name].click = {
+				button: ev.button,
+				which: ev.which
+			}
+		})
+		bind(name+'Click','contextmenu',function(ev){
+			clickData[name].contextmenu = {
+				button: ev.button,
+				which: ev.which
+			}
+		})
+		
+	})
+	var dblClicks = 0
+	bind('dblClick','click',function(ev){
+		clickData.dblclick.click = (++dblClicks)
+	})
+	bind('dblClick','dblclick',function(ev){
+		clickData.dblclick.dblclick = (1)
+		setTimeout(function(){
+			$('#clickdata').html($.toJSON(clickData))
+		},100)
+	})
+	update = function(){
+		var str = [];
+		$.each(tests, function(i, sub){
+			str.push("'"+sub+ "':<br/> "+$.toJSON(data[sub])+",")
+		})
+		
+		$('#out').html(str.join("<br/>"))
+	}
+	
+	
+</script>
+    </body>
+</html>