neat 1.7.0 → 4.0.0

data/spec/neat/mixins/grid_column_spec.rb

@@ -0,0 +1,101 @@
+require "spec_helper"
+
+describe "grid-column" do
+  before(:all) do
+    ParserSupport.parse_file("mixins/grid-column")
+  end
+
+  context "called without a specified grid" do
+    it "applies one column in the default 12-column grid" do
+      ruleset = "width: calc(8.33333% - 21.66667px); " +
+        "float: left; " +
+        "margin-left: 20px;"
+
+      expect(".grid-column-1-of-default").to have_ruleset(ruleset)
+    end
+
+    it "applies six columns in the default 12-column grid" do
+      ruleset = "width: calc(50% - 30px); " +
+        "float: left; " +
+        "margin-left: 20px;"
+
+      expect(".grid-column-6-of-default").to have_ruleset(ruleset)
+    end
+
+    it "applies twelve columns in the default 12-column grid" do
+      ruleset = "width: calc(100% - 40px); " +
+        "float: left; " +
+        "margin-left: 20px;"
+
+      expect(".grid-column-12-of-default").to have_ruleset(ruleset)
+    end
+
+    it "applies a three fifths column in shorthand with the default grid" do
+      ruleset = "width: calc(60% - 32px); " +
+        "float: left; " +
+        "margin-left: 20px;"
+
+      expect(".grid-column-3-of-5-shorthand").to have_ruleset(ruleset)
+    end
+  end
+
+  context "called with a custom grid" do
+    it "applies one column" do
+      ruleset = "width: calc(16.66667% - 1.16667em); " +
+        "float: left; " +
+        "margin-left: 1em;"
+
+      expect(".grid-column-1-of-6").to have_ruleset(ruleset)
+    end
+
+    it "applies four columns" do
+      ruleset = "width: calc(66.66667% - 1.66667em); " +
+        "float: left; " +
+        "margin-left: 1em;"
+
+      expect(".grid-column-4-of-6").to have_ruleset(ruleset)
+    end
+
+    it "applies six columns" do
+      ruleset = "width: calc(100% - 2em); " +
+        "float: left; " +
+        "margin-left: 1em;"
+
+      expect(".grid-column-6-of-6").to have_ruleset(ruleset)
+    end
+
+    it "applies a three fifths column in shorthand" do
+      ruleset = "width: calc(60% - 1.6em); " +
+        "float: left; " +
+        "margin-left: 1em;"
+
+      expect(".grid-column-3-of-5-shorthand-six-grid").to have_ruleset(ruleset)
+    end
+  end
+
+  context "called with a weirder custom grid" do
+    it "applies five columns" do
+      ruleset = "width: calc(5.88235% - 10.58824px); " +
+        "float: left; " +
+        "margin-left: 10px;"
+
+      expect(".grid-column-5-of-17").to have_ruleset(ruleset)
+    end
+
+    it "applies eleven columns" do
+      ruleset = "width: calc(35.29412% - 13.52941px); " +
+        "float: left; " +
+        "margin-left: 10px;"
+
+      expect(".grid-column-11-of-17").to have_ruleset(ruleset)
+    end
+
+    it "applies thirteen columns" do
+      ruleset = "width: calc(70.58824% - 17.05882px); " +
+        "float: left; " +
+        "margin-left: 10px;"
+
+      expect(".grid-column-13-of-17").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/neat/mixins/grid_container_spec.rb

@@ -0,0 +1,17 @@
+require "spec_helper"
+
+describe "grid-container" do
+  before(:all) do
+    ParserSupport.parse_file("mixins/grid-container")
+  end
+
+  context "called with default settings" do
+    it "adds after element" do
+      ruleset = "clear: both; " +
+        "content: \"\"; " +
+        "display: block;"
+
+      expect(".grid-container::after").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/neat/mixins/grid_media_spec.rb

@@ -0,0 +1,39 @@
+require "spec_helper"
+
+describe "@include grid-media() {...}" do
+  before(:all) do
+    ParserSupport.parse_file("mixins/grid-media")
+  end
+
+  context "with argument ($custom-neat-grid)" do
+    it "outputs @media only screen and (min-width: 1000px)" do
+      expect(".grid-column-media-custom-neat-grid").to be_contained_in("only screen and (min-width: 1000px)")
+    end
+  end
+
+  context "with argument ($specific-neat-grid)" do
+    it "outputs @media only screen and (min-width: 1000px) and (max-width: 1100px)" do
+      expect(".grid-column-media-specific-neat-grid").to be_contained_in("only screen and (min-width: 1000px) and (max-width: 1100px)")
+    end
+  end
+
+  context "with argument ($print-neat-grid)" do
+    it "outputs @media print" do
+      expect(".grid-column-media-print-neat-grid").to be_contained_in("print")
+    end
+  end
+
+  context "with argument ($custom-neat-grid, $specific-neat-grid, $print-neat-grid)" do
+    it "outputs @media only screen and (min-width: 1000px)" do
+      expect(".grid-column-media-combined-grid").to be_contained_in("only screen and (min-width: 1000px)")
+    end
+
+    it "outputs @media only screen and (min-width: 1000px) and (max-width: 1100px)" do
+      expect(".grid-column-media-combined-grid").to be_contained_in("only screen and (min-width: 1000px) and (max-width: 1100px)")
+    end
+
+    it "outputs @media print" do
+      expect(".grid-column-media-combined-grid").to be_contained_in("print")
+    end
+  end
+end

data/spec/neat/mixins/grid_push_spec.rb

@@ -0,0 +1,59 @@
+require "spec_helper"
+
+describe "grid-push" do
+  before(:all) do
+    ParserSupport.parse_file("mixins/grid-push")
+  end
+
+  context "called with default settings" do
+    it "adds margin for just the gutter with no specified column" do
+      rule = "margin-left: 20px"
+
+      expect(".grid-push-default").to have_rule(rule)
+    end
+
+    it "adds margin for one column" do
+      rule = "margin-left: calc(8.33333% - 21.66667px + 40px)"
+
+      expect(".grid-push-1-default").to have_rule(rule)
+    end
+
+    it "adds margin for six columns" do
+      rule = "margin-left: calc(50% - 30px + 40px)"
+
+      expect(".grid-push-6-default").to have_rule(rule)
+    end
+
+    it "adds margin for negative six columns" do
+      rule = "margin-left: calc(-50% - 10px + 40px)"
+
+      expect(".grid-push-neg-6-default").to have_rule(rule)
+    end
+  end
+
+  context "called with custom settings" do
+    it "adds margin for just the gutter with no specified column" do
+      rule = "margin-left: 2rem"
+
+      expect(".grid-push-0-six").to have_rule(rule)
+    end
+
+    it "adds margin for one column" do
+      rule = "margin-left: calc(16.66667% - 2.33333rem + 4rem)"
+
+      expect(".grid-push-1-six").to have_rule(rule)
+    end
+
+    it "adds margin for three columns" do
+      rule = "margin-left: calc(50% - 3rem + 4rem)"
+
+      expect(".grid-push-3-six").to have_rule(rule)
+    end
+
+    it "adds margin for negative three columns" do
+      rule = "margin-left: calc(-50% - 1rem + 4rem)"
+
+      expect(".grid-push-neg-3-six").to have_rule(rule)
+    end
+  end
+end

data/spec/neat/mixins/grid_shift_spec.rb

@@ -0,0 +1,59 @@
+require "spec_helper"
+
+describe "grid-shift" do
+  before(:all) do
+    ParserSupport.parse_file("mixins/grid-shift")
+  end
+
+  context "called with default settings" do
+    it "adds relative positioning without moving the object" do
+      rule = "left: auto; position: relative;"
+
+      expect(".grid-shift-default").to have_ruleset(rule)
+    end
+
+    it "moves the object one column to the right" do
+      rule = "left: calc(8.33333% - 21.66667px + 20px); position: relative;"
+
+      expect(".grid-shift-1-default").to have_ruleset(rule)
+    end
+
+    it "moves the object six columns to the right" do
+      rule = "left: calc(50% - 30px + 20px); position: relative;"
+
+      expect(".grid-shift-6-default").to have_ruleset(rule)
+    end
+
+    it "moves the object six columns to the left" do
+      rule = "left: calc(-50% - 10px + 20px); position: relative;"
+
+      expect(".grid-shift-neg-6-default").to have_ruleset(rule)
+    end
+  end
+
+  context "called with custom settings" do
+    it "adds relative positioning without moving the object" do
+      rule = "left: auto; position: relative;"
+
+      expect(".grid-shift-0-six").to have_ruleset(rule)
+    end
+
+    it "moves the object one column to the right" do
+      rule = "left: calc(16.66667% - 2.33333rem + 2rem); position: relative;"
+
+      expect(".grid-shift-1-six").to have_ruleset(rule)
+    end
+
+    it "moves the object three columns to the right" do
+      rule = "left: calc(50% - 3rem + 2rem); position: relative;"
+
+      expect(".grid-shift-3-six").to have_ruleset(rule)
+    end
+
+    it "moves the object three columns to the left" do
+      rule = "left: calc(-50% - 1rem + 2rem); position: relative;"
+
+      expect(".grid-shift-neg-3-six").to have_ruleset(rule)
+    end
+  end
+end

data/spec/spec_helper.rb

@@ -1,25 +1,22 @@
-$LOAD_PATH.unshift(File.join(File.dirname(__FILE__), '..', 'lib'))
+$LOAD_PATH.unshift(File.join(File.dirname(__FILE__), "..", "lib"))
 $LOAD_PATH.unshift(File.dirname(__FILE__))
-require 'rspec'
-require 'neat'
-require 'aruba/api'
-require 'css_parser'
+require "rspec"
+require "neat"
+require "aruba/api"
+require "css_parser"
 Dir["#{File.dirname(__FILE__)}/support/**/*.rb"].each { |f| require f }
 
 RSpec.configure do |config|
-  config.include BourbonSupport
   config.include SassSupport
   config.include CssParser
   config.include ParserSupport
   config.include Aruba::Api
 
   config.before(:all) do
-    install_bourbon_files
     generate_css
   end
 
   config.after(:all) do
-    remove_bourbon_files
     clean_up
   end
 end

data/spec/support/matchers/be_contained_in.rb

@@ -5,6 +5,6 @@ RSpec::Matchers.define :be_contained_in do |expected|
   end
 
   failure_message do |actual|
-      %{expected selector #{actual} to be contained in #{expected}}
+    %{expected selector #{actual} to be contained in #{expected}}
   end
 end

data/spec/support/matchers/have_rule.rb

@@ -1,14 +1,16 @@
 RSpec::Matchers.define :have_rule do |expected|
-  match do |actual|
-    @rules = rules_from_selector(actual)
+  match do |selector|
+    @rules = rules_from_selector(selector)
     @rules.include? expected
   end
 
-  failure_message do |actual|
+  failure_message do |selector|
     if @rules.empty?
-      %{no CSS rules for selector #{actual} were found}
+      %{no CSS for selector #{selector} were found}
     else
-      %{expected selector #{actual} to have CSS rule "#{expected}"}
+      rules = @rules.join("; ")
+      %{Expected selector #{selector} to have CSS rule "#{expected}".
+        Had "#{rules}".}
     end
   end
 
@@ -24,7 +26,7 @@ RSpec::Matchers.define :have_rule do |expected|
   def rules(rulesets)
     rules = []
     rulesets.map do |ruleset|
-      ruleset.split(';').each do |rule|
+      ruleset.split(";").each do |rule|
         rules << rule.strip
       end
     end

data/spec/support/matchers/have_ruleset.rb

@@ -0,0 +1,20 @@
+RSpec::Matchers.define :have_ruleset do |expected|
+  match do |selector|
+    @ruleset = rules_from_selector(selector)
+    @ruleset.join("; ") == expected
+  end
+
+  failure_message do |selector|
+    if @ruleset.empty?
+      %{no CSS for selector #{selector} were found}
+    else
+      ruleset = @ruleset.join("; ")
+      %{Expected selector #{selector} to have CSS rule "#{expected}".
+        Had "#{ruleset}".}
+    end
+  end
+
+  def rules_from_selector(selector)
+    ParserSupport.parser.find_by_selector(selector)
+  end
+end

data/spec/support/matchers/have_value.rb

@@ -1,15 +1,17 @@
 RSpec::Matchers.define :have_value do |expected|
-  match do |actual|
-    selector_id = actual.sub('$','#')
-    value_attribute = ParserSupport.parser.find_by_selector(selector_id)[0]
+  match do |variable|
+    selector_class = variable.sub("$", ".")
+    @value_attribute = ParserSupport.parser.find_by_selector(selector_class)[0]
 
-    unless value_attribute.nil?
-      actual_value = value_attribute.split(':')[1].strip.sub(';', '')
+    unless @value_attribute.nil?
+      actual_value = @value_attribute.split(":")[1].strip.sub(";", "")
       actual_value == expected
     end
   end
 
-  failure_message do |actual|
-    %{expected variable #{actual} to have value "#{expected}"}
+  failure_message do |variable_name|
+    value_attribute = @value_attribute.to_s
+    %{Expected variable #{variable_name} to have value "#{expected}".
+      Had "#{value_attribute}".}
   end
 end

data/spec/support/parser_support.rb

@@ -4,6 +4,13 @@ module ParserSupport
   end
 
   def self.parse_file(identifier)
-    self.parser.load_file!("tmp/#{identifier}.css")
+    parser.load_file!("tmp/#{identifier}.css")
+  end
+
+  def self.show_contents(identifier)
+    css_file_contents = File.open("tmp/#{identifier}.css").read
+    css_file_contents.each_line do |line|
+      puts line
+    end
   end
 end

data/spec/support/sass_support.rb

@@ -1,10 +1,10 @@
 module SassSupport
   def generate_css
-    _mkdir('tmp')
-    `sass -I . --update test:tmp`
+    _mkdir("tmp")
+    `sass -I . --update spec/fixtures:tmp --quiet --precision 5`
   end
 
   def clean_up
-    FileUtils.rm_rf('tmp')
+    FileUtils.rm_rf("tmp")
   end
 end