Adding Jasmine test framework and basic test example

Author: seantimm

.gitignore

@@ -2,6 +2,7 @@
 *.rbc
 .bundle
 .config
+.grunt
 .yardoc
 .idea
 InstalledFiles
@@ -17,6 +18,7 @@ test/tmp
 test/version_tmp
 test/css
 test/scss/output-test
+vendor/
 tmp
 *.DS_Store
 marketing/.sass-cache/*

Gemfile.lock

@@ -7,13 +7,42 @@ PATH
 GEM
   remote: https://rubygems.org/
   specs:
+    childprocess (0.3.9)
+      ffi (~> 1.0, >= 1.0.11)
+    diff-lcs (1.2.4)
+    ffi (1.9.0)
+    ffi (1.9.0-x86-mingw32)
+    jasmine (1.3.2)
+      jasmine-core (~> 1.3.1)
+      rack (~> 1.0)
+      rspec (>= 1.3.1)
+      selenium-webdriver (>= 0.1.3)
+    jasmine-core (1.3.1)
+    multi_json (1.7.9)
+    rack (1.5.2)
     rake (10.0.3)
+    rspec (2.14.1)
+      rspec-core (~> 2.14.0)
+      rspec-expectations (~> 2.14.0)
+      rspec-mocks (~> 2.14.0)
+    rspec-core (2.14.5)
+    rspec-expectations (2.14.2)
+      diff-lcs (>= 1.1.3, < 2.0)
+    rspec-mocks (2.14.3)
+    rubyzip (0.9.9)
     sass (3.2.9)
+    selenium-webdriver (2.35.1)
+      childprocess (>= 0.2.5)
+      multi_json (~> 1.0)
+      rubyzip (< 1.0.0)
+      websocket (~> 1.0.4)
+    websocket (1.0.7)
 
 PLATFORMS
   ruby
   x86-mingw32
 
 DEPENDENCIES
+  jasmine
   rake
   zurb-foundation!

Gruntfile.js

@@ -1,27 +1,71 @@
 module.exports = function(grunt) {
 
-    grunt.loadNpmTasks('grunt-contrib-qunit');
+    grunt.loadNpmTasks('grunt-contrib-jasmine');
     grunt.loadNpmTasks('grunt-contrib-watch');
+    grunt.loadNpmTasks('grunt-contrib-sass');
 
     grunt.initConfig({
-      qunit: {
-        all: ['test/javascripts/tests/**/*.html']
+      jasmine: {
+        src: [
+            'js/foundation/foundation.js',
+            'js/foundation/*.js'
+        ],
+        options: {
+            specs: 'spec/**/*Spec.js',
+            helpers: 'spec/**/*Helper.js',
+            keepRunner: true,
+            styles: ['test/stylesheets/normalize.css', 'test/stylesheets/foundation.css']
+        },
+
+        zepto: {
+            src: '<%= jasmine.src %>',
+            options: {
+                outfile: 'test/_SpecRunner_zepto.html',
+                vendor: [
+                    'js/vendor/custom.modernizr.js',
+                    'js/vendor/zepto.js'
+                ],
+            }
+        },
+
+        jquery: {
+            src: '<%= jasmine.src %>',
+            options: {
+                outfile: 'test/_SpecRunner_jquery.html',
+                vendor: [
+                    'js/vendor/custom.modernizr.js',
+                    'js/vendor/jquery.js'
+                ]
+            }
+        }
+      },
+      sass: {
+        test: {
+            files: {
+                'test/stylesheets/normalize.css' : 'scss/normalize.scss',
+                'test/stylesheets/foundation.css' : 'scss/foundation.scss'
+            }
+        }
       },
       watch: {
-        all: {
+        css: {
+            files: 'scss/**/*.scss',
+            tasks: ['sass']
+        },
+        tests: {
             files: [
-                'test/javascripts/tests/**/*.html',
-                'test/javascripts/tests/**/*.js',
-                'lib/assets/javascripts/foundation/*.js'
+                'js/**/*.js',
+                'spec/**/*.js'
             ],
-            tasks: 'default',
+            tasks: 'test',
             options: {
                 interrupt: true
             }
         }
       }
     });
 
-    // Default task.
-    grunt.registerTask('default', ['qunit']);
+    grunt.registerTask('test', ['sass:test', 'jasmine:zepto', 'jasmine:jquery']);
+
+    grunt.registerTask('default', ['test']);
 };

Rakefile

@@ -1,2 +1,11 @@
 #!/usr/bin/env rake
 require "bundler/gem_tasks"
+
+begin
+  require 'jasmine'
+  load 'jasmine/tasks/jasmine.rake'
+rescue LoadError
+  task :jasmine do
+    abort "Jasmine is not available. In order to run jasmine, you must: (sudo) gem install jasmine"
+  end
+end

foundation.gemspec

@@ -17,4 +17,5 @@ Gem::Specification.new do |gem|
 
   gem.add_dependency "sass", [">= 3.2.0"]
   gem.add_development_dependency "rake"
+  gem.add_development_dependency "jasmine"
 end

package.json

@@ -2,9 +2,10 @@
   "name": "zurb-foundation",
   "version": "4.0.0-wip",
   "devDependencies": {
-    "grunt": "~0.4.0",
-    "grunt-contrib-watch": "~0.1.0",
-    "grunt-contrib-qunit": "~0.1.1"
+    "grunt": "~0.4.1",
+    "grunt-contrib-watch": "~0.5.3",
+    "grunt-contrib-jasmine": "~0.5.1",
+    "grunt-contrib-sass": "~0.5.0"
   },
   "licenses": [
     {

spec/js/SectionSpec.js

@@ -0,0 +1,39 @@
+describe('Section', function() {
+	var template = {
+		auto: '\
+			<div class="section-container auto" data-section> \
+			</div>'
+	};
+
+	var settings = Foundation.libs.section.settings;
+
+	describe('auto with defaults', function() {
+
+		beforeEach(function() {
+			$('#htmlFixture').append(template.auto);
+		});
+
+		it('should be tabs at small breakpoint', function() {
+			setDocumentWidth(settings.small_breakpoint);
+
+			$(document).foundation('section');
+			jasmine.Clock.tick(1000); // Let things settle...
+
+			var section = $(settings.section_selector)
+			expect(section).isAuto();
+			expect(section).not.isAccordion();
+			expect(section).isHorizontalTabs();
+		});	
+
+		it('should be accordion below small breakpoint', function() {
+			setDocumentWidth(settings.small_breakpoint - 1);
+
+			$(document).foundation('section');
+			jasmine.Clock.tick(1000); // Let things settle...
+
+			var section = $(settings.section_selector)
+			expect(section).isAuto();
+			expect(section).isAccordion();
+		});	
+	});
+});

spec/js/helpers/SectionSpecHelper.js

@@ -0,0 +1,22 @@
+beforeEach(function() {
+	this.addMatchers({
+		isAccordion: function() {
+			var sectionLib = Foundation.libs.section;
+			var settings = sectionLib.settings;
+			return sectionLib.is_accordion(this.actual) || 
+				(sectionLib.is_auto(this.actual) && 
+					this.actual.is("[" + settings.small_style_data_attr + "]"));
+		},
+		isAuto: function() {
+			var sectionLib = Foundation.libs.section;
+			var settings = sectionLib.settings;
+			return sectionLib.is_auto(this.actual);			
+		},
+		isHorizontalTabs: function() {
+			var sectionLib = Foundation.libs.section;
+			var settings = sectionLib.settings;
+			return sectionLib.is_horizontal_tabs(this.actual) ||
+				(sectionLib.is_auto(this.actual) && !this.actual.is("[" + settings.small_style_data_attr + "]"));
+		}
+	});
+});

spec/js/helpers/SpecHelper.js

@@ -0,0 +1,19 @@
+beforeEach(function() {
+	jasmine.Clock.useMock();
+	$('body').append('<div id="htmlFixture"></div>');
+});
+
+afterEach(function() {
+	$('#htmlFixture').remove();
+});
+
+function setDocumentWidth(width) {
+	var origWidthFunc = $.fn.width;
+	var widthSpy = spyOn($.fn, 'width').andCallFake(function() {
+		if(this[0].nodeName === '#document') {
+			return width;
+		} else {
+			return origWidthFunc.apply(this);
+		}
+	});
+}