fortitude-sass 0.6.5 → 0.7.0

data/jasmine/specs/generic/getTargetSpec.js

@@ -0,0 +1,28 @@
+(function($){
+  'use strict';
+
+  describe('$.ftGetTarget', function(){
+    var $withPound, $withoutPound, $missingField, $target;
+    
+    beforeEach(function(){
+      loadFixtures('getTargetFixture.html');
+      $withPound = $('#with-pound');
+      $withoutPound = $('#without-pound');
+      $missingField = $('#missing-field');
+      $target = $('#target-id');
+    });
+
+    it('finds the target without pound sign', function(){
+      expect($.ftGetTarget($withPound, 'ft-example').is($target)).toEqual(true);
+    });
+
+    it('finds the target with pound sign', function(){
+      expect($.ftGetTarget($withoutPound, 'ft-example').is($target)).toEqual(true);
+    });
+
+    it('returns empty jQuery when field not found', function(){
+      expect($.ftGetTarget($missingField, 'ft-example').length).toEqual(0);
+    });
+  });
+
+})(jQuery);

data/jasmine/specs/generic/measureScrollbarSpec.js

@@ -0,0 +1,19 @@
+(function($){
+  'use strict';
+
+  describe('$.measureScrollBar', function(){
+ 
+    beforeEach(function(){
+      loadFixtures('measureScrollBarFixture.html');
+    });
+
+    // can't test in a headless browser
+    // just ensuring this doesn't raise an error
+    it('gets scrollbar width', function(){
+      var fullHtml = $(document.body).html();
+      expect($.measureScrollBar()).toEqual(0);
+      expect($(document.body).html()).toEqual(fullHtml);
+    });
+  });
+
+})(jQuery);

data/jasmine/specs/generic/screenLockSpec.js

@@ -0,0 +1,32 @@
+(function($){
+  'use strict';
+
+  describe('$.screenLock', function(){
+    var $html = $('html'),
+        htmlClasses;
+
+    beforeEach(function(){
+      htmlClasses = $html.attr('class');
+    });
+
+    afterEach(function(){
+      $html.attr('class', htmlClasses);
+    });
+    
+    it('locks the screen', function(){
+      $.screenLock();
+      expect($html).toHaveClass('html--is-locked');
+    });
+
+    it('locks the screen with argument', function(){
+      $.screenLock(true);
+      expect($html).toHaveClass('html--is-locked');
+    });
+
+    it('unlocks the screen', function(){
+      $.screenLock(false);
+      expect($html).not.toHaveClass('html--is-locked');
+    });
+  });
+
+})(jQuery);

data/jasmine/specs/generic/transitionWithSpec.js

@@ -0,0 +1,82 @@
+(function($){
+  'use strict';
+
+  describe('$.fn.ftTransitionWith', function(){
+    var $transition, $noTransition;
+
+    beforeEach(function(){
+      loadFixtures('transitionWithFixture.html');
+      $transition = $('#transition');
+      $noTransition = $('#no-transition');
+    });
+
+    it('hides using ft-hide-class', function(done){
+      $transition.ftTransitionWith({
+        dataAttr: 'ftHideClass',
+        addClass: 'transparent',
+        removeClass: 'showing',
+        endEvent: 'hidden.ft.transition'
+      });
+
+      expect($transition).toHaveClass('fadeOut');
+      expect($transition.css('opacity')).toEqual('1');
+
+      $transition.on('hidden.ft.transition', function(){
+        expect($transition).toHaveClass('transparent');
+        expect($transition).not.toHaveClass('showing');
+        expect($transition).not.toHaveClass('fadeOut');
+        done();
+      });
+    });
+
+    it('shows using ft-show-class', function(done){
+      $transition.addClass('tiny');
+
+      $transition.ftTransitionWith({
+        dataAttr: 'ftShowClass',
+        addClass: 'transparent',
+        removeClass: 'showing',
+        endEvent: 'shown.ft.transition'
+      });
+
+      expect($transition).toHaveClass('grow');
+      expect($transition.css('width')).toEqual('1px');
+
+      $transition.on('shown.ft.transition', function(){
+        expect($transition).toHaveClass('transparent');
+        expect($transition).not.toHaveClass('showing');
+        expect($transition).not.toHaveClass('grow');
+        done();
+      });
+    });
+
+    it('handles race conditions', function(done){
+      $transition.ftTransitionWith({
+        dataAttr: 'ftHideClass',
+        addClass: 'hidden',
+        removeClass: 'showing',
+        endEvent: 'hidden.ft.transition'
+      });
+
+      $transition.ftTransitionWith({
+        dataAttr: 'ftShowClass',
+        addClass: 'shown',
+        removeClass: 'hidden',
+        endEvent: 'shown.ft.transition'
+      });
+
+      $transition.on('hidden.ft.transition', function(){
+        expect('This callback should not be called').toEqual('Failed');
+        done();
+      });
+
+      $transition.on('shown.ft.transition', function(){
+        expect($transition).not.toHaveClass('fadeOut');
+        expect($transition).not.toHaveClass('hidden');
+        expect($transition).not.toHaveClass('fadeIn');
+        expect($transition).toHaveClass('shown');
+        done();
+      });
+    });
+  });
+})(jQuery);

data/jasmine/specs/generic/viewportSpec.js

@@ -0,0 +1,32 @@
+(function($){
+  'use strict';
+
+  describe('the input zoom fix', function(){
+    var contentVal = 'width=device-width,' +
+          'initial-scale=1,' +
+          'maximum-scale=',
+        $viewport, $input;
+    
+    beforeEach(function(){
+      loadFixtures('viewportFixture.html');
+      $viewport = $('meta[name=viewport]');
+      $input = $('input');
+    });
+    
+    it('fixes the zoom when input focused', function(){
+      $input.trigger('focus');
+      expect($viewport.attr('content')).toEqual(contentVal + '1');
+    });
+
+    it('returns zoom to normal when input focused out', function(){
+      $input.trigger('focusout');
+      expect($viewport.attr('content')).toEqual(contentVal + '5');
+    });
+
+    it('returns zoom to normal when input blurred', function(){
+      $input.trigger('blur');
+      expect($viewport.attr('content')).toEqual(contentVal + '5');
+    });
+  });
+
+})(jQuery);

data/jasmine/specs/generic/waitForAnimationSpec.js

@@ -0,0 +1,35 @@
+(function($){
+  'use strict';
+
+  describe('$.fn.waitForAnimation', function(){
+    var $animate;
+    
+    beforeEach(function(){
+      loadFixtures('waitForAnimationFixture.html');
+      $animate = $('#animate');
+    });
+
+    it('waits for an animation to end', function(done){
+      $animate.addClass('fadeOut');
+      expect($animate.css('opacity')).toEqual('1');
+      $animate.waitForAnimation()
+        .then(function(){
+          expect($animate.css('opacity')).toEqual('0');
+          done();
+        });
+    });
+
+    it('only runs one wait for animation', function(done){
+      $animate.addClass('fadeOut').waitForAnimation().then(function(){
+        expect('This callback should not run').toEqual('FAIL');
+      });
+
+      expect($animate.css('width')).toEqual('1px');
+      $animate.addClass('grow').waitForAnimation().then(function(){
+        expect($animate.css('width')).toEqual('100px');
+        done();
+      });
+    });
+  });
+
+})(jQuery);

data/jasmine/template.tmpl

@@ -0,0 +1,2 @@
+<div class="shade">
+</div>

data/lib/fortitude-sass/version.rb

@@ -1,3 +1,3 @@
 module Fortitude
-  VERSION = '0.6.5'
+  VERSION = '0.7.0'
 end

data/package.json

@@ -4,7 +4,7 @@
   "description": "A simple and practical CSS Framework.",
   "main": "dist/_fortitude.scss",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "grunt test"
   },
   "repository": {
     "type": "git",
@@ -29,10 +29,16 @@
     "grunt-cli": "^0.1.13",
     "grunt-contrib-clean": "^0.6.0",
     "grunt-contrib-concat": "^0.5.0",
+    "grunt-contrib-connect": "^0.9.0",
     "grunt-contrib-copy": "^0.7.0",
     "grunt-contrib-csslint": "^0.3.1",
+    "grunt-contrib-jasmine": "^0.8.2",
     "grunt-contrib-jshint": "^0.10.0",
     "grunt-contrib-sass": "^0.8.1",
-    "grunt-contrib-uglify": "^0.6.0"
+    "grunt-contrib-uglify": "^0.6.0",
+    "jasmine": "^2.2.1",
+    "jasmine-jquery": "^2.0.6",
+    "jquery": "^2.1.3",
+    "lodash": "^3.6.0"
   }
 }

data/sass_specs/blocks/_shade_spec.scss

@@ -0,0 +1,11 @@
+@include describe("Shade mixin") {
+  @include it("should be display: none by default"){
+    @include fortitude-shade;
+    @include should( expect(display) ), to( equal(none) );
+  }
+
+  @include it("should be display: block when active"){
+    @include fortitude-shade--is-active;
+    @include should( expect(display) ), to( equal(block) );
+  }
+}

data/sass_specs/tests.scss

@@ -1,4 +1,5 @@
 @import "bootcamp";
+@import "fortitude/settings/defaults";
 @import "fortitude/tools/functions";
 
 @include runner-start;

data/sass_specs/tools/_functions_spec.scss

@@ -1,21 +1,51 @@
-@include describe("Fortitude helper functions") {
-  @include it("renders quarter correctly") {
-    @include should( expect( quarter(20) ), to( equal( 5 )));
+@include describe("fortitude-tint") {
+  @include it("returns a lighter version of the original color") {
+    @include should(expect(fortitude-tint(black, 10%)), to(equal(#191919)));
   }
+}
 
-  @include it("halves values") {
-    @include should( expect( halve(20) ), to( equal(10)));
+@include describe("fortitude-shade") {
+  @include it("returns a darker version of the original color") {
+    @include should(expect(fortitude-shade(white, 10%)), to(equal(#e5e5e5)));
   }
+}
 
-  @include it("strips units") {
-    @include should( expect( fortitude-strip-unit(4px) ), to( equal(4)));
+@include describe("fortitude-quarter") {
+  @include it("returns a quarter of the original value") {
+    @include should(expect(fortitude-quarter(20)), to(equal(5)));
   }
+}
 
-  @include it("converts px to rem") {
-    @include should( expect( fortitude-px-to-rem(10px) ), to( equal(1rem)));
+@include describe("fortitude-halve") {
+  @include it("returns halve the original value") {
+    @include should(expect(fortitude-halve(20)), to(equal(10)));
   }
+}
 
-  @include it("converts rem to px") {
-    @include should( expect( fortitude-rem-to-px(2rem) ), to( equal(20px)));
+@include describe("fortitude-halve") {
+  @include it("returns double the original value") {
+    @include should(expect(fortitude-double(10)), to(equal(20)));
   }
-}
+}
+
+@include describe("fortitude-strip-unit") {
+  @include it("returns a unitless version of the original value") {
+    @include should(expect(fortitude-strip-unit(4rem)), to(equal(4)));
+  }
+}
+
+@include describe("fortitude-px-to-rem") {
+  @include it("returns a px value of the original rem value") {
+    $conversion-unit: 0.1rem; // is optional
+    @include should(expect(fortitude-px-to-rem(10px, $conversion-unit)), to(equal(1rem)));
+    @include should(expect(fortitude-px-to-rem(10px)), to(equal(1rem)));
+  }
+}
+
+@include describe("fortitude-rem-to-px") {
+  @include it("returns a rem value of the original px value") {
+    $conversion-unit: 5px; // is optional
+    @include should(expect(fortitude-rem-to-px(2rem, $conversion-unit)), to(equal(10px)));
+    @include should(expect(fortitude-rem-to-px(2rem)), to(equal(20px)));
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: fortitude-sass
 version: !ruby/object:Gem::Version
-  version: 0.6.5
+  version: 0.7.0
 platform: ruby
 authors:
 - Aaron Reisman
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-20 00:00:00.000000000 Z
+date: 2015-03-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -91,6 +91,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".bowerrc"
+- ".editorconfig"
 - ".gitignore"
 - ".npmignore"
 - ".ruby-gemset"
@@ -104,15 +105,20 @@ files:
 - app/assets/images/icons/hamburger.png
 - app/assets/images/icons_2x/hamburger.png
 - app/assets/images/spacer.gif
-- app/assets/javascripts/fortitude.jquery.js
-- app/assets/javascripts/fortitude/jquery/blocks/flashbar.js
-- app/assets/javascripts/fortitude/jquery/blocks/select-input.js
-- app/assets/javascripts/fortitude/jquery/blocks/shade.js
-- app/assets/javascripts/fortitude/jquery/generic/measure-scrollbar.js
-- app/assets/javascripts/fortitude/jquery/generic/screen-lock.js
-- app/assets/javascripts/fortitude/jquery/generic/viewport.js
-- app/assets/javascripts/fortitude/jquery/generic/wait-for-animation.js
-- app/assets/javascripts/fortitude/jquery/index.js
+- app/assets/javascripts/fortitude.js
+- app/assets/javascripts/fortitude/blocks/dropdown.js
+- app/assets/javascripts/fortitude/blocks/flashbar.js
+- app/assets/javascripts/fortitude/blocks/modal.js
+- app/assets/javascripts/fortitude/blocks/navigationbar.js
+- app/assets/javascripts/fortitude/blocks/select-input.js
+- app/assets/javascripts/fortitude/blocks/shade.js
+- app/assets/javascripts/fortitude/blocks/tabs.js
+- app/assets/javascripts/fortitude/generic/get-target.js
+- app/assets/javascripts/fortitude/generic/measure-scrollbar.js
+- app/assets/javascripts/fortitude/generic/screen-lock.js
+- app/assets/javascripts/fortitude/generic/transition-with.js
+- app/assets/javascripts/fortitude/generic/viewport.js
+- app/assets/javascripts/fortitude/generic/wait-for-animation.js
 - app/assets/stylesheets/fortitude.scss
 - app/assets/stylesheets/fortitude/api/blocks/_badge.scss
 - app/assets/stylesheets/fortitude/api/blocks/_bare-list.scss
@@ -120,6 +126,7 @@ files:
 - app/assets/stylesheets/fortitude/api/blocks/_box.scss
 - app/assets/stylesheets/fortitude/api/blocks/_button.scss
 - app/assets/stylesheets/fortitude/api/blocks/_container.scss
+- app/assets/stylesheets/fortitude/api/blocks/_dropdown.scss
 - app/assets/stylesheets/fortitude/api/blocks/_flag.scss
 - app/assets/stylesheets/fortitude/api/blocks/_flashbar.scss
 - app/assets/stylesheets/fortitude/api/blocks/_fluid-container.scss
@@ -148,6 +155,7 @@ files:
 - app/assets/stylesheets/fortitude/blocks/_box.scss
 - app/assets/stylesheets/fortitude/blocks/_button.scss
 - app/assets/stylesheets/fortitude/blocks/_container.scss
+- app/assets/stylesheets/fortitude/blocks/_dropdown.scss
 - app/assets/stylesheets/fortitude/blocks/_flag.scss
 - app/assets/stylesheets/fortitude/blocks/_flashbar.scss
 - app/assets/stylesheets/fortitude/blocks/_fluid-container.scss
@@ -171,6 +179,15 @@ files:
 - app/assets/stylesheets/fortitude/generic/_normalize.scss
 - app/assets/stylesheets/fortitude/generic/_reset.scss
 - app/assets/stylesheets/fortitude/settings/_defaults.scss
+- app/assets/stylesheets/fortitude/theme.scss
+- app/assets/stylesheets/fortitude/theme/base/_page.scss
+- app/assets/stylesheets/fortitude/theme/extensions/_badge.scss
+- app/assets/stylesheets/fortitude/theme/extensions/_box.scss
+- app/assets/stylesheets/fortitude/theme/extensions/_button.scss
+- app/assets/stylesheets/fortitude/theme/extensions/_flashbar.scss
+- app/assets/stylesheets/fortitude/theme/extensions/_navigationbar.scss
+- app/assets/stylesheets/fortitude/theme/extensions/_wings.scss
+- app/assets/stylesheets/fortitude/theme/settings/_colors.scss
 - app/assets/stylesheets/fortitude/tools/_functions.scss
 - app/assets/stylesheets/fortitude/tools/_mixins.scss
 - app/assets/stylesheets/fortitude/trumps/_responsive-border.scss
@@ -187,21 +204,47 @@ files:
 - bin/fortitude
 - bower.json
 - config.rb
-- dist/fortitude-theme.css
-- dist/fortitude.css
-- dist/fortitude.jquery.js
-- dist/fortitude.min.js
 - dist/icons/hamburger.png
 - dist/icons_2x/hamburger.png
 - fortitude-black.png
 - fortitude.gemspec
 - fortitude.png
+- jasmine/fixtures/animations.css
+- jasmine/fixtures/dropdownFixture.html
+- jasmine/fixtures/flashbarFixture.html
+- jasmine/fixtures/getTargetFixture.html
+- jasmine/fixtures/measureScrollBarFixture.html
+- jasmine/fixtures/modalFixture.html
+- jasmine/fixtures/navigationbarFixture.html
+- jasmine/fixtures/selectInputFixture.html
+- jasmine/fixtures/shadeFixture.html
+- jasmine/fixtures/tabsFixture.html
+- jasmine/fixtures/transitionWithFixture.html
+- jasmine/fixtures/viewportFixture.html
+- jasmine/fixtures/waitForAnimationFixture.html
+- jasmine/helpers/fixtureHelper.js
+- jasmine/helpers/multiCallbackHelper.js
+- jasmine/specs/blocks/dropdownSpec.js
+- jasmine/specs/blocks/flashbarSpec.js
+- jasmine/specs/blocks/modalSpec.js
+- jasmine/specs/blocks/navigationbarSpec.js
+- jasmine/specs/blocks/selectInputSpec.js
+- jasmine/specs/blocks/shadeSpec.js
+- jasmine/specs/blocks/tabsSpec.js
+- jasmine/specs/generic/getTargetSpec.js
+- jasmine/specs/generic/measureScrollbarSpec.js
+- jasmine/specs/generic/screenLockSpec.js
+- jasmine/specs/generic/transitionWithSpec.js
+- jasmine/specs/generic/viewportSpec.js
+- jasmine/specs/generic/waitForAnimationSpec.js
+- jasmine/template.tmpl
 - lib/fortitude-sass.rb
 - lib/fortitude-sass/engine.rb
 - lib/fortitude-sass/generator.rb
 - lib/fortitude-sass/version.rb
 - lib/tasks/install.rake
 - package.json
+- sass_specs/blocks/_shade_spec.scss
 - sass_specs/tests.scss
 - sass_specs/tools/_functions_spec.scss
 homepage: https://github.com/fortitude/fortitude
@@ -224,7 +267,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: fortitude-sass
-rubygems_version: 2.2.2
+rubygems_version: 2.4.3
 signing_key: 
 specification_version: 4
 summary: Fortitude Sass Framework