engine.js

Test = (function() {			
	
	var blacklists = {};
	var whitelists = {};
	
	function test (c) { this.initialize(c) }
	test.prototype = {
		suites: [ 
			[ testParsing, testCanvas, testVideo, testAudio, testElements, testForm, testInteraction, testHistory, testMicrodata, testOffline, testSecurity, testVarious ],
			[ testGeolocation, testWebGL, testCommunication, testFiles, testStorage, testWorkers, testDevice, testNotifications, testOther ],
			[ testWebAudio, testAnimation ]
		],
		
		initialize: function(c) {					
			blacklists = {
				dateFields:			Browsers.isBrowser('Maxthon') || Browsers.isBrowser('UC Browser'),
				colorField:			Browsers.isBrowser('Maxthon') || Browsers.isBrowser('UC Browser'),
				rangeField:			Browsers.isBrowser('UC Browser'),
				subtitle:			Browsers.isBrowser('Maxthon'),
				getUserMedia:		Browsers.isBrowser('Maxthon') || Browsers.isBrowser('UC Browser') || Browsers.isBrowser('Dolphin'),
				webgl:				Browsers.isBrowser('Maxthon'),
			};		
			
			whitelists = {
				contentEditable:	Browsers.isType('desktop') ||
									Browsers.isType('mobile', 'tablet', 'media') && (
										Browsers.isOs('iOS', '>=', '5') || 
										Browsers.isOs('Android', '>=', '4') || 
										Browsers.isOs('Windows Phone', '>=', '7.5') || 
										Browsers.isOs('BlackBerry') || 
										Browsers.isOs('BlackBerry OS') || 
										Browsers.isOs('BlackBerry Tablet OS') || 
										Browsers.isOs('Meego') || 
										Browsers.isOs('Tizen') || 
										Browsers.isEngine('Gecko') ||
										Browsers.isEngine('Presto') || 
										Browsers.isBrowser('Chrome') ||
										Browsers.isBrowser('Polaris', '>=', '8')
									) ||
									Browsers.isType('television') && (
										Browsers.isBrowser('Espial') ||
										Browsers.isBrowser('MachBlue XT') ||
										Browsers.isEngine('Presto', '>=', '2.9')
									),
									
				dragdrop:			Browsers.isType('desktop') ||
									Browsers.isType('mobile', 'tablet', 'media') && (
										Browsers.isEngine('Presto')
									)	
			};
	
			this.backgroundTasks = {};
			this.callback = c;
			
			this.results = new results(this);
			
			for (g in this.suites) {
				for (s in this.suites[g]) {
					new (this.suites[g][s])(this.results);
				}
			}
			
			this.waitForBackground();
		},
		
		waitForBackground: function() {
			var that = this;

			window.setTimeout(function() {
				that.checkForBackground.call(that);
			}, 300);
		},
		
		checkForBackground: function() {
			var running = 0;
			for (var task in this.backgroundTasks) { running += this.backgroundTasks[task] }

			if (running) {
				this.waitForBackground();
			} else {
				this.finished();
			}				
		},
		
		startBackground: function(id) {
			this.backgroundTasks[id] = 1;
		},
		
		stopBackground: function(id) {
			this.backgroundTasks[id] = 0;
		},
		
		finished: function() {
			var results = [], points = [];
			
			collectResults(0, '', this.results);
			function collectResults(level, prefix, data) {
				if (data.items) {
					for (i in data.items) {
						if (level == 0) points.push(data.items[i].data.id + '=' + data.items[i].points + '/' + data.items[i].max + '+' + data.items[i].bonus);
						if (typeof data.items[i].data.passed != 'undefined') results.push(prefix + data.items[i].data.id + '=' + (!! data.items[i].data.passed ? 1 : 0));
						if (data.items[i].items) {
							collectResults(level + 1, prefix + data.items[i].data.id + '-', data.items[i]);
						}
					}
				}
			}
			
			var date = new Date;
			var uniqueid = date.getTime() + '_' + (((1+Math.random())*0x10000)|0).toString(16).substring(1);

			this.callback({
				uniqueid:	uniqueid,
				score:		this.results.points,
				bonus:		this.results.bonus,
				results:	results.join(','),
				points:		points.join(','),
				maximum:	this.results.max
			});
		}
	}

	function results (parent) { this.initialize(parent) }
	results.prototype = {
		initialize: function(parent) {
			this.parent = parent;
			this.items = [];
			this.points = 0;
			this.bonus = 0;
			this.max = 0;
		
			this.backgroundTasks = 0;

			this.update();
		},
		
		startBackground: function(id) {
			this.parent.startBackground(id);
		},
		
		stopBackground: function(id) {
			this.parent.stopBackground(id);
		},
		
		getSection: function(data) {
			var i = new section(this, data)
			this.items.push(i);
			return i;
		},

		update: function() {
			var points = 0;
			var bonus = 0;
			var max = 0;
			
			for (var i = 0; i < this.items.length; i++) {
				points += this.items[i].getPoints();
				bonus += this.items[i].getBonus();
				max += this.items[i].getMaximum();	
			}

			this.points = points;
			this.bonus = bonus;
			this.max = max;
		},
		
		retrieve: function() {
			var data = {
				points:		this.points,
				bonus:		this.bonus,
				items:		{}
			}
			
			for (var i = 0; i < this.items.length; i++) {
				data.items[this.items[i].data.id] = this.items[i].retrieve();
			}

			return data;
		}
	}

	function section (parent, data) { this.initialize(parent, data) }
	section.prototype = {
		initialize: function(parent, data) {
			this.items = [];
			this.points = 0;
			this.bonus = 0;
			this.max = 0;
		
			this.parent = parent;
			this.data = data;
		},
		
		startBackground: function(id) {
			this.parent.startBackground(id);
		},
		
		stopBackground: function(id) {
			this.parent.stopBackground(id);
		},
		
		setItem: function(result) {
			var i = new item(this, result);
			this.items.push(i);
			
			this.update();
			
			return i;
		},
		
		getGroup: function(data) {
			var i = new group(this, data);
			this.items.push(i);
			return i;
		},
		
		update: function() {
			var points = 0;
			var bonus = 0;
			var max = 0;
			
			for (var i = 0; i < this.items.length; i++) {
				points += this.items[i].getPoints();
				bonus += this.items[i].getBonus();
				max += this.items[i].getMaximum();	
			}
			
			this.points = points;
			this.bonus = bonus;
			this.max = max;
			
			this.parent.update();
		},
		
		getBonus: function() {
			return this.bonus;
		},
		
		getPoints: function() {
			return this.points;
		},
		
		getMaximum: function() {
			return this.max;
		},
		
		retrieve: function() {
			var data = {
				points:		this.points,
				bonus:		this.bonus,
				items: 		{}
			};
			
			for (var i = 0; i < this.items.length; i++) {
				data.items[this.items[i].data.id] = this.items[i].retrieve();
			}

			return data;
		}
	}
	
	function group (parent, data) { this.initialize(parent, data) }
	group.prototype = {
		initialize: function(parent, data) {
			this.items = [];
			this.points = 0;
			this.bonus = 0;
			this.max = 0;
			
			this.data = data;
			this.parent = parent;
		},
		
		update: function() {
			var points = 0;
			var bonus = 0;
			var max = 0;
			var count = 0;
			
			var passedAllRequiredFields = true;
			var passedPartially = false;
			
			for (var i = 0; i < this.items.length; i++) {
				points += this.items[i].getPoints();
				bonus += this.items[i].getBonus();
				max += this.items[i].getMaximum();	
				count += this.items[i].getPassed() ? 1 : 0;
			
				if (this.items[i].getRequired()) {
					passedAllRequiredFields &= this.items[i].getPassed();
				}
				
				passedPartially |= this.items[i].getPartiallyPassed();
			}
			
			if (!passedAllRequiredFields) {
				points = 0;
			}
			
			this.points = points;
			this.bonus = bonus;
			this.max = max;
			
			this.parent.update();
		},
		
		startBackground: function(id) {
			this.parent.startBackground(id);
		},
		
		stopBackground: function(id) {
			this.parent.stopBackground(id);
		},
		
		setItem: function(result) {
			var i = new item(this, result);
			this.items.push(i);
			
			this.update();
			
			return i;
		},
		
		getBonus: function() {
			return this.bonus;
		},
		
		getPoints: function() {
			return this.points;
		},
		
		getMaximum: function() {
			return this.max;
		},
		
		retrieve: function() {
			var data = {
				points:		this.points,
				bonus:		this.bonus,
				items: 		{}
			};
			
			for (var i = 0; i < this.items.length; i++) {
				data.items[this.items[i].data.id] = this.items[i].retrieve();
			}

			return data;
		}
	}
	
	function item (parent, data) { this.initialize(parent, data) }
	item.prototype = {
		initialize: function(parent, data) {
			this.parent = parent;
		
			this.data = data;
			if (typeof this.data.value == 'undefined') this.data.value = 0;
			if (typeof this.data.bonus == 'undefined') this.data.bonus = 0;
			if (typeof this.data.award == 'undefined') this.data.award = this.data.value;
		},
		
		update: function(data) {
			for (key in data) {
				this.data[key] = data[key];
			}

			if (typeof this.data.value == 'undefined') this.data.value = 0;
			if (typeof this.data.bonus == 'undefined') this.data.bonus = 0;
			if (typeof this.data.award == 'undefined') this.data.award = this.data.value;
			
			this.parent.update();
		},
			
		startBackground: function() {
			this.parent.startBackground(this.data.id);
		},
		
		stopBackground: function() {
			this.parent.stopBackground(this.data.id);
		},
		
		getBonus: function() {
			return this.data.bonus;
		},
		
		getPoints: function() {
			return this.data.passed ? this.data.award : 0;
		},
		
		getMaximum: function() {
			return this.data.value;
		},
		
		getPassed: function() {
			return this.data.passed;
		},
		
		getPartiallyPassed: function() {
			if (this.data.custom && this.data.custom == 'partial') {
				return true;
			}
			
			return this.getPassed();
		},
		
		getRequired: function() {
			return !!this.data.required;
		},
		
		retrieve: function() {
			var data = {
				points:	this.getPoints(),
				bonus:	this.getBonus()
			};
			
			return data;
		}
	}
	
	
	var isEventSupported = (function(){
	  
		var TAGNAMES = {
			'select':'input','change':'input','input':'input',
			'submit':'form','reset':'form','forminput':'form','formchange':'form',
			'error':'img','load':'img','abort':'img'
		}
		
		function isEventSupported(eventName, element) {
			element = element || document.createElement(TAGNAMES[eventName] || 'div');
			eventName = 'on' + eventName;
			
			var isSupported = (eventName in element);
			
			if (!isSupported) {
				if (!element.setAttribute) {
					element = document.createElement('div');
				}
				if (element.setAttribute && element.removeAttribute) {
					element.setAttribute(eventName, '');
					isSupported = typeof element[eventName] == 'function';
				
					if (typeof element[eventName] != 'undefined') {
						element[eventName] = void 0;
					}
					element.removeAttribute(eventName);
				}
			}
				
			element = null;
			return isSupported;
		}

		return isEventSupported;
	})();

	var getRenderedStyle = (function(){
	
		function getRenderedStyle(elem, name) {
		    if (document.defaultView && document.defaultView.getComputedStyle) {
		        s = document.defaultView.getComputedStyle(elem, "");
		        r = [];
		        
		        if (s.length) {
			        for (var i = 0; i < s.length; i++) {
			        	try {
				        	v = s.getPropertyValue(s[i]);
				        	if (v != '') {
				        		r.push(s[i] + ': ' + v);
				        	}
			        	} catch(e) {
			        	};
			        }
		        } else {
			        for (var i in s) {
			        	try {
				        	v = s.getPropertyValue(i);
				        	if (v != '') {
				        		r.push(i + ': ' + v);
				        	}
			        	} catch(e) {
			        	};
			        }
		        }
		        
		        return r.join('; ') + ';';
		    } else {
		        return null;
		    }
		}
		
		return getRenderedStyle;
	})();

	function testParsing (results) { this.initialize(results) }			
	testParsing.prototype = {
		initialize: function(results) {
			this.section = results.getSection({
				id:		'parsing'
			});
			
			this.section.setItem({
				id:		'doctype',
				passed:	document.compatMode == 'CSS1Compat', 
				value: 	1
			});

			var result = true;
			var e = document.createElement('div');	
			
			e.innerHTML = "<div<div>";
			result &= e.firstChild && e.firstChild.nodeName == "DIV<DIV";
			
			e.innerHTML = "<div foo<bar=''>";
			result &= e.firstChild.attributes[0].nodeName == "foo<bar";
			
			e.innerHTML = "<div foo=`bar`>";
			result &= e.firstChild.getAttribute("foo") == "`bar`";
			
			e.innerHTML = "<div \"foo=''>";
			result &= e.firstChild && e.firstChild.attributes[0].nodeName == "\"foo";
			
			e.innerHTML = "<a href='\nbar'></a>";
			result &= e.firstChild && e.firstChild.getAttribute("href") == "\nbar";
			
			e.innerHTML = "<!DOCTYPE html>";
			result &= e.firstChild == null;
			
			e.innerHTML = "\u000D";
			result &= e.firstChild && e.firstChild.nodeValue == "\u000A";
			
			e.innerHTML = "&lang;&rang;";
			result &= e.firstChild.nodeValue == "\u27E8\u27E9";
			
			e.innerHTML = "&apos;";
			result &= e.firstChild.nodeValue == "'";
			
			e.innerHTML = "&ImaginaryI;";
			result &= e.firstChild.nodeValue == "\u2148";
			
			e.innerHTML = "&Kopf;";
			result &= e.firstChild.nodeValue == "\uD835\uDD42";
			
			e.innerHTML = "&notinva;";
			result &= e.firstChild.nodeValue == "\u2209";
			
			e.innerHTML = '<?import namespace="foo" implementation="#bar">';
			result &= e.firstChild && e.firstChild.nodeType == 8 && e.firstChild.nodeValue == '?import namespace="foo" implementation="#bar"';
			
			e.innerHTML = '<!--foo--bar-->';
			result &= e.firstChild && e.firstChild.nodeType == 8 && e.firstChild.nodeValue == 'foo--bar';
			
			e.innerHTML = '<![CDATA[x]]>';
			result &= e.firstChild && e.firstChild.nodeType == 8 && e.firstChild.nodeValue == '[CDATA[x]]';
			
			e.innerHTML = "<textarea><!--</textarea>--></textarea>";
			result &= e.firstChild && e.firstChild.firstChild && e.firstChild.firstChild.nodeValue == "<!--";
				
			e.innerHTML = "<textarea><!--</textarea>-->";
			result &= e.firstChild && e.firstChild.firstChild && e.firstChild.firstChild.nodeValue == "<!--";
			
			e.innerHTML = "<style><!--</style>--></style>";
			result &= e.firstChild && e.firstChild.firstChild && e.firstChild.firstChild.nodeValue == "<!--";
			
			e.innerHTML = "<style><!--</style>-->";
			result &= e.firstChild && e.firstChild.firstChild && e.firstChild.firstChild.nodeValue == "<!--";
			
			this.section.setItem({
				id:		'tokenizer',
				passed:	result, 
				value: 	5
			});

			var result = true;
			var e = document.createElement('div');	
			
			try {
				var h = document.createElement("html");
				h.innerHTML = "";
				result &= h.firstChild && h.firstChild.nodeName == "HEAD" && h.lastChild.nodeName == "BODY" && h.firstChild.nextSibling == h.lastChild;
			} catch (e) {
				result = false;
			}

			try {
				var t = document.createElement("table");
				t.innerHTML = "<col>";
				result &= t.firstChild && t.firstChild.nodeName == "COLGROUP";
			} catch (e) {
				result = false;
			}
			
			e.innerHTML = "<ul><li>A </li> <li>B</li></ul>";
			result &= e.firstChild && e.firstChild.firstChild && e.firstChild.firstChild.firstChild && e.firstChild.firstChild.firstChild.nodeValue == "A ";
		
			e.innerHTML = "<table><form><input type=hidden><input></form><div></div></table>";
			result &= e.firstChild && 
					  e.firstChild.nodeName == "INPUT" &&
					  e.firstChild.nextSibling && 
					  e.firstChild.nextSibling.nodeName == "DIV" &&
					  e.lastChild.nodeName == "TABLE" && 
					  e.firstChild.nextSibling.nextSibling == e.lastChild &&
					  e.lastChild.firstChild && 
					  e.lastChild.firstChild.nodeName == "FORM" &&
					  e.lastChild.firstChild.firstChild == null && 
					  e.lastChild.lastChild.nodeName == "INPUT" &&
					  e.lastChild.firstChild.nextSibling == e.lastChild.lastChild;	

			e.innerHTML = "<i>A<b>B<p></i>C</b>D";
			result &= e.firstChild && 
					  e.childNodes.length == 3 &&
					  e.childNodes[0].nodeName == "I" && 
					  e.childNodes[0].childNodes.length == 2 &&
					  e.childNodes[0].childNodes[0].nodeValue == "A" && 
					  e.childNodes[0].childNodes[1].nodeName == "B" &&
					  e.childNodes[0].childNodes[1].childNodes.length == 1 && 
					  e.childNodes[0].childNodes[1].childNodes[0].nodeValue == "B" &&
					  e.childNodes[1].nodeName == "B" && 
					  e.childNodes[1].firstChild == null &&
					  e.childNodes[2].nodeName == "P" && 
					  e.childNodes[2].childNodes.length == 2 &&
					  e.childNodes[2].childNodes[0].nodeName == "B" &&
					  e.childNodes[2].childNodes[0].childNodes.length == 2 &&
					  e.childNodes[2].childNodes[0].childNodes[0].nodeName == "I" &&
					  e.childNodes[2].childNodes[0].childNodes[0].firstChild == null && 
					  e.childNodes[2].childNodes[0].childNodes[1].nodeValue == "C" &&
					  e.childNodes[2].childNodes[1].nodeValue == "D";

			e.innerHTML = "<div></div>";
			result &= e.firstChild && "namespaceURI" in e.firstChild && e.firstChild.namespaceURI == "http://www.w3.org/1999/xhtml";

			this.section.setItem({
				id:		'tree',
				passed:	result, 
				value: 	5
			});

			var e = document.createElement('div');
			e.innerHTML = '<svg></svg>';
			var passed = e.firstChild && "namespaceURI" in e.firstChild && e.firstChild.namespaceURI == 'http://www.w3.org/2000/svg';
			
			this.section.setItem({
				id:		'svg',
				passed:	passed, 
				bonus: 	passed ? 1 : 0
			});

			var e = document.createElement('div');
			e.innerHTML = '<math></math>';
			var passed = e.firstChild && "namespaceURI" in e.firstChild && e.firstChild.namespaceURI == 'http://www.w3.org/1998/Math/MathML';
			
			this.section.setItem({
				id:		'mathml',
				passed:	passed, 
				bonus: 	passed ? 1 : 0
			});
		}
	};
	
	
	function testCanvas (results) { this.initialize(results) }			
	testCanvas.prototype = {
		initialize: function(results) {
			this.section = results.getSection({
				id:		'canvas'
			});

			this.canvas = document.createElement('canvas');

			this.section.setItem({
				id:		'element',
				passed:	!!this.canvas.getContext, 
				value: 	5
			});

			this.section.setItem({
				id:		'context',
				passed:	!! (this.canvas.getContext && typeof CanvasRenderingContext2D != 'undefined' && this.canvas.getContext('2d') instanceof CanvasRenderingContext2D), 
				value: 	10
			});

			this.section.setItem({
				id:		'text',
				passed:	!! (this.canvas.getContext && typeof this.canvas.getContext('2d').fillText == 'function'), 
				value: 	5
			});
		}
	};

							
	function testVideo (results) { this.initialize(results) }			
	testVideo.prototype = {
		initialize: function(results) {
			this.section = results.getSection({
				id:		'video'
			});
			
			this.element = document.createElement('video');

			this.section.setItem({
				id:		'element',
				passed:	!!this.element.canPlayType, 
				value: 	20
			});

			this.section.setItem({
				id:		'subtitle',
				passed:	!blacklists.subtitle && 'track' in document.createElement('track'), 
				value: 	10
			});
			
			this.section.setItem({
				id:		'poster',
				passed:	'poster' in this.element, 
				value: 	1
			});

			/* I added a workaround for IE9, which only detects H.264 if you also provide an audio codec. Bug filed @ connect.microsoft.com */
			var item = {
				id:		'mpeg4',
				passed:	!!this.element.canPlayType && this.canPlayType('video/mp4; codecs="mp4v.20.8"')
			};
			
			if (item.passed) item.bonus = 2;					
			this.section.setItem(item);
		
			var item = {
				id:		'h264',
				passed:	!!this.element.canPlayType && (this.canPlayType('video/mp4; codecs="avc1.42E01E"') || this.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"'))
				
			};
			
			if (item.passed) item.bonus = 2;					
			this.section.setItem(item);

			var item = {
				id:		'theora',
				passed:	!!this.element.canPlayType && this.canPlayType('video/ogg; codecs="theora"')
			};
			
			if (item.passed) item.bonus = 2;					
			this.section.setItem(item);

			var item = {
				id:		'webm',
				passed:	!!this.element.canPlayType && this.canPlayType('video/webm; codecs="vp8"')
			};
			
			if (item.passed) item.bonus = 2;					
			this.section.setItem(item);
		},
		
		canPlayType: function(t) {
			/*
				There is a bug in iOS 4.1 or earlier where probably and maybe are switched around.
				This bug was reported and fixed in iOS 4.2 
			*/
				
			if (Browsers.isOs('iOS', '<', '4.2'))
				return this.element.canPlayType(t) == 'probably' || this.element.canPlayType(t) == 'maybe';
			else 
				return this.element.canPlayType(t) == 'probably';
		}
	};
	
	
	function testAudio (results) { this.initialize(results) }			
	testAudio.prototype = {
		initialize: function(results) {
			this.section = results.getSection({
				id:		'audio'
			});
			
			this.element = document.createElement('audio');
			
			this.section.setItem({
				id:		'element',
				passed:	!!this.element.canPlayType, 
				value: 	20
			});
			
			var item = {
				id:		'pcm',
				passed:	!!this.element.canPlayType && this.canPlayType('audio/wav; codecs="1"')
			};
			
			if (item.passed) item.bonus = 1;
			this.section.setItem(item);

			var r = false;
			if (this.element.canPlayType) {
				var t = this.element.canPlayType('audio/mpeg');
				if (t == 'maybe') {
					// We need to check if the browser really supports playing MP3s by loading one and seeing if the
					// loadedmetadata event is triggered... but for now assume it does support it...
					r = true;
				} else if (t == 'probably') {
					r = true;
				}
			}
		
			var item = {
				id:		'mp3',
				passed:	r
			};
			
			if (item.passed) item.bonus = 1;
			this.section.setItem(item);

			var item = {
				id:		'aac',
				passed:	!!this.element.canPlayType && this.canPlayType('audio/mp4; codecs="mp4a.40.2"')
			};
			
			if (item.passed) item.bonus = 1;
			this.section.setItem(item);

			var item = {
				id:		'vorbis',
				passed:	!!this.element.canPlayType && this.canPlayType('audio/ogg; codecs="vorbis"') 
			};
			
			if (item.passed) item.bonus = 1;
			this.section.setItem(item);

			var item = {
				id:		'webm',
				passed:	!!this.element.canPlayType && this.canPlayType('audio/webm; codecs="vorbis"') 
			};
			
			if (item.passed) item.bonus = 1;
			this.section.setItem(item);
		},
		
		canPlayType: function(t) {
			/*
				There is a bug in iOS 4.1 or earlier where probably and maybe are switched around.
				This bug was reported and fixed in iOS 4.2 
			*/
				
			if (Browsers.isOs('iOS', '<', '4.2'))
				return this.element.canPlayType(t) == 'probably' || this.element.canPlayType(t) == 'maybe';
			else 
				return this.element.canPlayType(t) == 'probably';
		}
	};
	
	
	function testDevice (results) { this.initialize(results) }			
	testDevice.prototype = {
		initialize: function(results) {
			this.section = results.getSection({
				id:		'device'
			});
			
			this.section.setItem({
				id:		'getUserMedia',
				passed:	!blacklists.getUserMedia && (!!navigator.getUserMedia || !!navigator.webkitGetUserMedia || !!navigator.mozGetUserMedia || !!navigator.msGetUserMedia || !!navigator.oGetUserMedia), 
				value: 	20
			});
		}
	}


	function testElements (results) { this.initialize(results) }			
	testElements.prototype = {
		initialize: function(results) {
			this.section = results.getSection({
				id:		'elements'
			});
			
			var element = document.createElement('div');
			element.setAttribute('data-test', 'test');
			
			this.section.setItem({
				id:		'dataset',
				passed:	'dataset' in element, 
				value: 	4
			});

			var group = this.section.getGroup({
				id:		'section'
			});
			
			var elements = 'section nav article aside hgroup header footer'.split(' ');
			
			for (var e in elements) {
				var element = document.createElement(elements[e]);
				document.body.appendChild(element);

					group.setItem({
					id:		elements[e],
					passed:	typeof HTMLElement != 'undefined' && element instanceof HTMLElement && this.isBlock(element) && this.closesImplicitly(elements[e]), 
					value: 	1
				});

				document.body.removeChild(element);
			}

			var group = this.section.getGroup({
				id:		'grouping'
			});
			
			var elements = 'figure figcaption'.split(' ');
			
			for (var e in elements) {
				var element = document.createElement(elements[e]);
				document.body.appendChild(element);

					group.setItem({
					id:		elements[e],
					passed:	typeof HTMLElement != 'undefined' && element instanceof HTMLElement && this.isBlock(element) && (elements[e] != 'figure' || this.closesImplicitly(elements[e])), 
					value: 	1
				});

				document.body.removeChild(element);
			}

			var element = document.createElement('ol');
			group.setItem({
				id:		'ol',
				passed:	'reversed' in element, 
				value: 	1
			});


			var group = this.section.getGroup({
				id:		'semantic'
			});
			
			var element = document.createElement('mark');
			document.body.appendChild(element);

			group.setItem({
				id:		'mark',
				passed:	typeof HTMLElement != 'undefined' && element instanceof HTMLElement && (color = this.getStyle(element, 'background-color')) && (color == 'yellow' || color == 'rgb(255, 255, 0)' || color == '#ffff00'), 
				value: 	1
			});

			document.body.removeChild(element);
			
			var container = document.createElement('div');
			document.body.appendChild(container);
			container.innerHTML = "<ruby id='ruby'><rp id='rp'></rp><rt id='rt'></rt></ruby>";
			var rubyElement = document.getElementById('ruby');
			var rtElement = document.getElementById('rt');
			var rpElement = document.getElementById('rp');
			var rubySupport = rubyElement && typeof HTMLElement != 'undefined' && rubyElement instanceof HTMLElement;
			var rtSupport = rtElement && typeof HTMLElement != 'undefined' && rtElement instanceof HTMLElement;
			var rpSupport = rpElement && typeof HTMLElement != 'undefined' && rpElement instanceof HTMLElement && this.isHidden(rpElement);
			document.body.removeChild(container);					
			
			group.setItem({
				id:		'ruby',
				passed:	rubySupport && rtSupport && rpSupport, 
				value: 	3
			});

			var element = document.createElement('time');

			group.setItem({
				id:		'time',
				passed:	typeof HTMLTimeElement != 'undefined' && element instanceof HTMLTimeElement, 
				value: 	1
			});
			
			var element = document.createElement('wbr');

			group.setItem({
				id:		'wbr',
				passed:	typeof HTMLElement != 'undefined' && element instanceof HTMLElement, 
				value: 	1
			});

			var group = this.section.getGroup({
				id:		'interactive'
			});

			var element = document.createElement('details');
			element.innerHTML = '<summary>a</summary>b';
			document.body.appendChild(element);
			var height = element.offsetHeight;
			element.open = true;
			var supported = height != element.offsetHeight;

			group.setItem({
				id:		'details',
				passed:	supported, 
				value: 	1
			});

			document.body.removeChild(element);
			
			var element = document.createElement('summary');
			document.body.appendChild(element);

			group.setItem({
				id:		'summary',
				passed:	typeof HTMLElement != 'undefined' && element instanceof HTMLElement, 
				value: 	1