Added tests for detectors.js (snowplow#95)

Author: fblundun

CHANGELOG

@@ -3,8 +3,8 @@ Version 2.0.0 (2014-03-XX)
 Moved fixUpUrl into its own file, called lib/proxies.js (#112)
 Fixed duplication of querystring parameter lookup (#111)
 Tried running Snowplow JS Tracker from PhoneGap (#107) (TODO)
-Added tests for helpers.js (#96) (TODO)
-Added tests for detectors.js (#95) (TODO)
+Added tests for helpers.js (#96)
+Added tests for detectors.js (#95)
 Replaced cookie.js with browser-cookie-lite (#88)
 Added ad conversion tracking (#60)
 Added ad click tracking (#59)

Gruntfile.js

@@ -232,5 +232,5 @@ module.exports = function(grunt) {
   grunt.registerTask('publish', 'Upload to S3 and invalidate Cloudfront (full semantic version only)', ['upload_setup', 'concat', 'min', 's3:not_pinned', 'invalidate_cloudfront:not_pinned']);
   grunt.registerTask('publish-pinned', 'Upload to S3 and invalidate Cloudfront (full semantic version and semantic major version)', ['upload_setup', 'concat', 'min', 's3', 'invalidate_cloudfront']);
   grunt.registerTask('test', 'Intern tests', ['browserify:test', 'intern']);
-  grunt.registerTask('travis', 'Intern tests for Travis CI',  ['lodash','browserify:tests','intern']);
+  grunt.registerTask('travis', 'Intern tests for Travis CI',  ['lodash','browserify:test','intern']);
 }

tests/functional/detectors.js

@@ -38,26 +38,92 @@ define([
 	'intern/dojo/node!../../src/js/lib/helpers'
 ], function(registerSuite, assert, helpers) {
 
-	// Expected viewport dimensions vary based on browser
-    var expectedWidths = [980, 1024],
-        expectedHeights = [636, 644, 670, 673, 684, 695, 705, 706, 712];
+    var 
+    	// Expected viewport dimensions vary based on browser
+    	expectedViewportWidths = [980, 1024],
+        expectedViewportHeights = [636, 644, 670, 673, 684, 695, 705, 706, 712],
+
+        // User fingerprint varies based on browser features
+        expectedSignatures = [
+        90940656, 3343029130, 1101697779, 3900377526, 987357563, 
+        2536308034, 1421522027, 4288521977, 3773734853, 2744319702, 710620838];
 
 	registerSuite({
 
 		name: 'Detectors test',
 
-		'Get viewport': function() {
+		'Get viewport dimensions': function() {
 
 			return this.remote
 				.get(require.toUrl('tests/pages/detectors.html'))
 				.waitForElementByCssSelector('body.loaded', 5000)
-				.elementById('viewport')
+				.elementById('detectViewport')
 				.text()
 				.then(function (text) {
 					var dimensions = text.split('x');
-					assert.include(expectedWidths, parseInt(dimensions[0]), 'Viewport width is valid');
-					assert.include(expectedHeights, parseInt(dimensions[1]), 'Viewport height is valid');
+					assert.include(expectedViewportWidths, parseInt(dimensions[0]), 'Viewport width is valid');
+					assert.include(expectedViewportHeights, parseInt(dimensions[1]), 'Viewport height is valid');
+				});
+		},
+
+		'Check localStorage availability': function() {
+
+			return this.remote
+				.get(require.toUrl('tests/pages/detectors.html'))
+				.waitForElementByCssSelector('body.loaded', 5000)
+				.elementById('localStorageAccessible')
+				.text()
+				.then(function (text) {
+					assert.strictEqual(text, 'true', 'Detect localStorage accessibility');
+				});
+		},
+
+		'Check sessionStorage availability': function() {
+
+			return this.remote
+				.get(require.toUrl('tests/pages/detectors.html'))
+				.waitForElementByCssSelector('body.loaded', 5000)
+				.elementById('hasSessionStorage')
+				.text()
+				.then(function (text) {
+					assert.strictEqual(text, 'true', 'Detect sessionStorage');
+				});
+		},
+
+		'Check whether cookies are enabled availability': function() {
+
+			return this.remote
+				.get(require.toUrl('tests/pages/detectors.html'))
+				.waitForElementByCssSelector('body.loaded', 5000)
+				.elementById('hasCookies')
+				.text()
+				.then(function (text) {
+					assert.equal(text, '1', 'Detect whether cookies can be set');
+				});
+		},
+
+		'Detect timezone': function() {
+
+			return this.remote
+				.get(require.toUrl('tests/pages/detectors.html'))
+				.waitForElementByCssSelector('body.loaded', 5000)
+				.elementById('detectTimezone')
+				.text()
+				.then(function (text) {
+					assert.include(['UTC', 'America/Los_Angeles'], text, 'Detect the timezone');
+				});
+		},
+
+		'User fingerprinting': function() {
+
+			return this.remote
+				.get(require.toUrl('tests/pages/detectors.html'))
+				.waitForElementByCssSelector('body.loaded', 5000)
+				.elementById('detectSignature')
+				.text()
+				.then(function (text) {
+					assert.include(expectedSignatures, parseInt(text), 'Create a user fingerprint based on browser features');
 				});
 		}
 	});
-});	
+});

tests/pages/detectors.html

@@ -4,7 +4,12 @@
 	<title>Detectors test page</title>
 </head>
 <body>
-	<p id="viewport">Viewport here</p>
+	<p id="detectViewport">Viewport dimensions here</p>
+	<p id="localStorageAccessible">localStorage accessibility here</p>
+	<p id="hasSessionStorage">sessionStorage here</p>
+	<p id="hasCookies">hasCookies here</p>
+	<p id="detectTimezone">Timezone here</p>
+	<p id="detectSignature">User fingerprint here</p>
 
 	<script src="./detectors.js"></script>
 

tests/scripts/detectors.js

@@ -34,4 +34,9 @@
 
 var detectors = require('../../src/js/lib/detectors.js');
 
-document.getElementById('viewport').innerHTML = detectors.detectViewport();
+document.getElementById('detectViewport').innerHTML = detectors.detectViewport();
+document.getElementById('localStorageAccessible').innerHTML = detectors.localStorageAccessible();
+document.getElementById('hasSessionStorage').innerHTML = detectors.hasSessionStorage();
+document.getElementById('hasCookies').innerHTML = detectors.hasCookies();
+document.getElementById('detectTimezone').innerHTML = detectors.detectTimezone();
+document.getElementById('detectSignature').innerHTML = detectors.detectSignature();