styler-sass 0.1.4 → 0.1.5.alpha

data/spec/bourbon/addons/size_spec.rb

@@ -0,0 +1,31 @@
+require "spec_helper"
+
+describe "size" do
+  before(:all) do
+    ParserSupport.parse_file("addons/size")
+  end
+
+  context "called with one size" do
+    it "applies same width to both height and width" do
+      rule = "height: 10px; width: 10px;"
+
+      expect(".size-implicit").to have_ruleset(rule)
+    end
+  end
+
+  context "called with two sizes" do
+    it "applies to height and width" do
+      rule = "height: 2em; width: 1em;"
+
+      expect(".size-both").to have_ruleset(rule)
+    end
+  end
+
+  context "called with auto" do
+    it "applies to auto to height" do
+      rule = "height: auto; width: 100px;"
+
+      expect(".size-auto").to have_ruleset(rule)
+    end
+  end
+end

data/spec/bourbon/addons/text_inputs_spec.rb

@@ -0,0 +1,65 @@
+require "spec_helper"
+
+describe "text-inputs" do
+  before(:all) do
+    ParserSupport.parse_file("addons/text-inputs")
+
+    @inputs_list = %w(
+      input[type="color"]
+      input[type="date"]
+      input[type="datetime"]
+      input[type="datetime-local"]
+      input[type="email"]
+      input[type="month"]
+      input[type="number"]
+      input[type="password"]
+      input[type="search"]
+      input[type="tel"]
+      input[type="text"]
+      input[type="time"]
+      input[type="url"]
+      input[type="week"]
+      input:not([type])
+      textarea
+    )
+  end
+
+  context "expands plain text inputs" do
+    it "finds selectors" do
+      list = @inputs_list.join(", ")
+      ruleset = "content: #{list};"
+
+      expect(".all-text-inputs").to have_ruleset(ruleset)
+    end
+  end
+
+  context "expands active text inputs" do
+    it "finds selectors" do
+      list = @inputs_list.map { |input| "#{input}:active" }
+      list = list.join(", ")
+      ruleset = "content: #{list};"
+
+      expect(".all-text-inputs-active").to have_ruleset(ruleset)
+    end
+  end
+
+  context "expands focus text inputs" do
+    it "finds selectors" do
+      list = @inputs_list.map { |input| "#{input}:focus" }
+      list = list.join(", ")
+      ruleset = "content: #{list};"
+
+      expect(".all-text-inputs-focus").to have_ruleset(ruleset)
+    end
+  end
+
+  context "expands hover text inputs" do
+    it "finds selectors" do
+      list = @inputs_list.map { |input| "#{input}:hover" }
+      list = list.join(", ")
+      ruleset = "content: #{list};"
+
+      expect(".all-text-inputs-hover").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/bourbon/addons/triangle_spec.rb

@@ -0,0 +1,32 @@
+require "spec_helper"
+
+describe "triangle" do
+  before(:all) do
+    ParserSupport.parse_file("addons/triangle")
+  end
+
+  context "called on element" do
+    it "adds triangle" do
+      input = ".triangle-down"
+      ruleset = "height: 0; " +
+                "width: 0; " +
+                "border-left: 6px solid transparent; " +
+                "border-right: 6px solid transparent; " +
+                "border-top: 6px solid #ffffff;"
+
+      expect(input).to have_ruleset(ruleset)
+    end
+  end
+
+  context "called on element with corner arguments" do
+    it "adds triangle on corner" do
+      input = ".triangle-corner"
+      ruleset = "height: 0; " +
+                "width: 0; " +
+                "border-top: 6px solid #000000; " +
+                "border-right: 12px solid #aaaaaa;"
+
+      expect(input).to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/bourbon/addons/word_wrap_spec.rb

@@ -0,0 +1,29 @@
+require "spec_helper"
+
+describe "word-wrap" do
+  before(:all) do
+    ParserSupport.parse_file("addons/word-wrap")
+  end
+
+  context "called on element" do
+    it "adds word-wrap" do
+      input = ".word-wrap"
+      ruleset = "overflow-wrap: break-word; " +
+                "word-wrap: break-word; " +
+                "word-break: break-all;"
+
+      expect(input).to have_ruleset(ruleset)
+    end
+  end
+
+  context "called on element with break" do
+    it "adds break" do
+      input = ".word-wrap-break"
+      ruleset = "overflow-wrap: normal; " +
+                "word-wrap: normal; " +
+                "word-break: normal;"
+
+      expect(input).to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/bourbon/css3/font_face_spec.rb

@@ -0,0 +1,45 @@
+require "spec_helper"
+
+describe "font-face" do
+  before(:all) do
+    ParserSupport.parse_file("css3/font-face")
+  end
+
+  context "called with defaults" do
+    it "outputs defaults" do
+      ruleset = "font-family: \"Helvetica\"; " +
+                "font-style: normal; " +
+                "font-weight: normal; " +
+                "src: url(\"/fonts.eot?#iefix\") " +
+                "format(\"embedded-opentype\"), " +
+                "url(\"/fonts.woff2\") format(\"woff2\"), " +
+                "url(\"/fonts.woff\") format(\"woff\"), " +
+                "url(\"/fonts.ttf\") format(\"truetype\"), " +
+                "url(\"/fonts.svg#Helvetica\") format(\"svg\");; " +
+                "font-family: \"Verdana\"; " +
+                "font-style: \"italic\"; " +
+                "font-weight: \"bold\"; " +
+                "src: url(\"/assets/fonts.eot?#iefix\") " +
+                "format(\"embedded-opentype\"), url(\"/assets/fonts.woff2\") " +
+                "format(\"woff2\"), url(\"/assets/fonts.woff\") " +
+                "format(\"woff\"), url(\"/assets/fonts.ttf\") " +
+                "format(\"truetype\"), url(\"/assets/fonts.svg#Verdana\") " +
+                "format(\"svg\");; " +
+                "font-family: \"Georgia\"; " +
+                "font-style: \"normal\"; " +
+                "font-weight: \"normal\"; " +
+                "src: url(\"/assets.eot?#iefix\") " +
+                "format(\"embedded-opentype\"), url(\"/assets.woff2\") " +
+                "format(\"woff2\"), url(\"/assets.woff\") format(\"woff\"), " +
+                "url(\"/assets.ttf\") format(\"truetype\"), " +
+                "url(\"/assets.svg#Georgia\") format(\"svg\");; " +
+                "font-family: \"Arial\"; " +
+                "font-style: \"normal\"; " +
+                "font-weight: \"normal\"; " +
+                "src: url(\"/.woff2\") format(\"woff2\"), " +
+                "url(\"/.svg#Arial\") format(\"svg\");"
+
+      expect("@font-face").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/bourbon/css3/hidpi_media_query_spec.rb

@@ -0,0 +1,23 @@
+require "spec_helper"
+
+describe "hidpi-media-query" do
+  before(:all) do
+    ParserSupport.parse_file("css3/hidpi-media-query")
+  end
+
+  context "called with defaults" do
+    it "outputs defaults" do
+      rule = "color: #ff0000"
+
+      expect(".hidpi-defaults").to have_rule(rule)
+    end
+  end
+
+  context "called with ratio" do
+    it "outputs ratio" do
+      rule = "color: #00ff00"
+
+      expect(".hidpi-ratio").to have_rule(rule)
+    end
+  end
+end

data/spec/bourbon/functions/assign_inputs_spec.rb

@@ -0,0 +1,50 @@
+require "spec_helper"
+
+describe "assign-inputs" do
+  before(:all) do
+    ParserSupport.parse_file("functions/assign-inputs")
+    @text_inputs_list = [
+      "input[type=\"password\"]",
+      "input[type=\"text\"]",
+      "textarea"
+    ]
+  end
+
+  context "expands plain text inputs" do
+    it "finds selectors" do
+      @text_inputs_list.each do |input|
+        expect(input).to have_rule("color: #ff0000")
+      end
+    end
+  end
+
+  context "expands text inputs with pseudo classes" do
+    it "finds selectors" do
+      list = @text_inputs_list.dup
+      list.map! { |input| input + ":active" }
+      list.each do |input|
+        expect(input).to have_rule("color: #00ff00")
+      end
+    end
+  end
+
+  context "expands text inputs when first in list" do
+    it "finds selectors" do
+      list = @text_inputs_list.dup
+      list.push "select"
+      list.each do |input|
+        expect(input).to have_rule("color: #0000ff")
+      end
+    end
+  end
+
+  context "expands text inputs when middle of list" do
+    it "finds selectors" do
+      list = @text_inputs_list.dup
+      list.unshift "input[type=\"file\"]"
+      list.each do |input|
+        expect(input).to have_rule("color: #ff00ff")
+      end
+    end
+  end
+end

data/spec/bourbon/functions/contains_spec.rb

@@ -0,0 +1,27 @@
+require "spec_helper"
+
+describe "contains" do
+  before(:all) do
+    ParserSupport.parse_file("functions/contains")
+  end
+
+  context "called on array with single item" do
+    it "contains item" do
+      expect(".single").to have_rule("color: #fff")
+    end
+
+    it "doesn't contain missing item" do
+      expect(".single-missing").to have_rule("color: #000")
+    end
+  end
+
+  context "called with array with multiple items" do
+    it "contains item" do
+      expect(".multiple").to have_rule("color: #fff")
+    end
+
+    it "doesn't contain missing item" do
+      expect(".multiple-missing").to have_rule("color: #000")
+    end
+  end
+end

data/spec/bourbon/functions/is_length_spec.rb

@@ -0,0 +1,49 @@
+require "spec_helper"
+
+describe "is-length" do
+  before(:all) do
+    ParserSupport.parse_file("functions/is-length")
+  end
+
+  context "checks if unitless integer can be represented as a length" do
+    it "returns false" do
+      expect(".integer").not_to have_rule("color: #fff")
+    end
+  end
+
+  context "checks if px can be represented as a length" do
+    it "returns true" do
+      expect(".pixels").to have_rule("color: #fff")
+    end
+  end
+
+  context "checks if em can be represented as a length" do
+    it "returns true" do
+      expect(".ems").to have_rule("color: #fff")
+    end
+  end
+
+  context "checks if percent can be represented as a length" do
+    it "returns true" do
+      expect(".percent").to have_rule("color: #fff")
+    end
+  end
+
+  context "parses calculated values" do
+    it "returns true" do
+      expect(".calc").to have_rule("color: #fff")
+    end
+  end
+
+  context "checks if strings can be represented as a length" do
+    it "returns false" do
+      expect(".string").not_to have_rule("color: #fff")
+    end
+  end
+
+  context "checks if null can be represented as a length" do
+    it "returns false" do
+      expect(".null").not_to have_rule("color: #fff")
+    end
+  end
+end

data/spec/bourbon/functions/is_light_spec.rb

@@ -0,0 +1,37 @@
+require "spec_helper"
+
+describe "is-light" do
+  before(:all) do
+    ParserSupport.parse_file("functions/is-light")
+  end
+
+  context "takes a light color" do
+    it "and returns true" do
+      expect(".pink").to have_rule("color: #000")
+    end
+  end
+
+  context "takes a medium-light color" do
+    it "and returns true" do
+      expect(".sky").to have_rule("color: #000")
+    end
+  end
+
+  context "takes a medium-dark color" do
+    it "and returns false" do
+      expect(".medium-gray").to have_rule("color: #fff")
+    end
+  end
+
+  context "takes a dark color" do
+    it "and returns false" do
+      expect(".charcoal").to have_rule("color: #fff")
+    end
+  end
+
+  context "takes a translucent color" do
+    it "and processes as an opaque color" do
+      expect(".translucent").to have_rule("color: #000")
+    end
+  end
+end

data/spec/bourbon/functions/is_number_spec.rb

@@ -0,0 +1,43 @@
+require "spec_helper"
+
+describe "is-number" do
+  before(:all) do
+    ParserSupport.parse_file("functions/is-number")
+  end
+
+  context "called with integer" do
+    it "is a number" do
+      expect(".integer").to have_rule("line-height: 1")
+    end
+  end
+
+  context "called with px" do
+    it "is a number" do
+      expect(".px").to have_rule("line-height: 2px")
+    end
+  end
+
+  context "called with em" do
+    it "is a number" do
+      expect(".em").to have_rule("line-height: 3em")
+    end
+  end
+
+  context "called with rem" do
+    it "is a number" do
+      expect(".rem").to have_rule("line-height: 4rem")
+    end
+  end
+
+  context "called with percent" do
+    it "is a number" do
+      expect(".percent").to have_rule("line-height: 5%")
+    end
+  end
+
+  context "called with string" do
+    it "is not a number" do
+      expect(".string").to_not have_rule("line-height: \"stringy\"")
+    end
+  end
+end

data/spec/bourbon/functions/is_size_spec.rb

@@ -0,0 +1,43 @@
+require "spec_helper"
+
+describe "is-size" do
+  before(:all) do
+    ParserSupport.parse_file("functions/is-size")
+  end
+
+  context "called with integer" do
+    it "is not a size" do
+      expect(".integer").to_not have_rule("margin-top: 1")
+    end
+  end
+
+  context "called with px" do
+    it "is a size" do
+      expect(".px").to have_rule("margin-top: 2px")
+    end
+  end
+
+  context "called with em" do
+    it "is a size" do
+      expect(".em").to have_rule("margin-top: 3em")
+    end
+  end
+
+  context "called with rem" do
+    it "is a size" do
+      expect(".rem").to have_rule("margin-top: 4rem")
+    end
+  end
+
+  context "called with percent" do
+    it "is a size" do
+      expect(".percent").to have_rule("margin-top: 5%")
+    end
+  end
+
+  context "called with string" do
+    it "is not a size" do
+      expect(".string").to_not have_rule("margin-top: \"stringy\"")
+    end
+  end
+end

data/spec/bourbon/functions/modular_scale_spec.rb

@@ -0,0 +1,43 @@
+require "spec_helper"
+
+describe "modular-scale" do
+  before(:all) do
+    ParserSupport.parse_file("functions/modular-scale")
+  end
+
+  context "called with arguments (1, $value: 2em)" do
+    it "outputs double the first value from the default scale" do
+      expect(".one-base-two").to have_rule("font-size: 2.666em")
+    end
+  end
+
+  context "called with arguments (1, $value: 3em)" do
+    it "outputs triple the first value from the default scale" do
+      expect(".one-base-three").to have_rule("font-size: 3.999em")
+    end
+  end
+
+  context "called with arguments (1, $value: 4em 6em)" do
+    it "outputs quadruple the first value from the default scale" do
+      expect(".one-double-value").to have_rule("font-size: 1.12556em")
+    end
+  end
+
+  context "called with arguments (1, $ratio: $golden-ratio)" do
+    it "output the first value from the golden ratio scale" do
+      expect(".one-golden-ratio").to have_rule("font-size: 1.618em")
+    end
+  end
+
+  context "called with argument (2)" do
+    it "outputs the second value from the default scale" do
+      expect(".two-base-one").to have_rule("font-size: 1.77689em")
+    end
+  end
+
+  context "called with arguments (2, $value: 4em 6em)" do
+    it "outputs sextuple the second value from the default scale" do
+      expect(".two-double-value").to have_rule("font-size: 3.55378em")
+    end
+  end
+end

data/spec/bourbon/functions/px_to_em_spec.rb

@@ -0,0 +1,31 @@
+require "spec_helper"
+
+describe "px-to-em" do
+  before(:all) do
+    ParserSupport.parse_file("functions/px-to-em")
+  end
+
+  context "called with unitless integer" do
+    it "outputs ems" do
+      expect(".unitless").to have_rule("font-size: 0.75em")
+    end
+  end
+
+  context "called with unitless integer and base" do
+    it "outputs ems" do
+      expect(".unitless-with-base").to have_rule("font-size: 0.66667em")
+    end
+  end
+
+  context "called with px" do
+    it "outputs ems" do
+      expect(".px").to have_rule("font-size: 1em")
+    end
+  end
+
+  context "called with px" do
+    it "outputs ems" do
+      expect(".px-with-base").to have_rule("font-size: 1.5em")
+    end
+  end
+end

data/spec/bourbon/functions/px_to_rem_spec.rb

@@ -0,0 +1,25 @@
+require "spec_helper"
+
+describe "px-to-rem" do
+  before(:all) do
+    ParserSupport.parse_file("functions/px-to-rem")
+  end
+
+  context "called with unitless integer" do
+    it "outputs rems" do
+      expect(".unitless").to have_rule("font-size: 0.75rem")
+    end
+  end
+
+  context "called with px" do
+    it "outputs rems" do
+      expect(".px").to have_rule("font-size: 1rem")
+    end
+  end
+
+  context "called with px with modified base" do
+    it "outputs rems" do
+      expect(".px-with-modified-base").to have_rule("font-size: 1rem")
+    end
+  end
+end

data/spec/bourbon/functions/shade_spec.rb

@@ -0,0 +1,31 @@
+require "spec_helper"
+
+describe "shade" do
+  before(:all) do
+    ParserSupport.parse_file("functions/shade")
+  end
+
+  context "called on white" do
+    it "shades white" do
+      expect(".shade-white").to have_rule("color: #404040")
+    end
+  end
+
+  context "called on black" do
+    it "still returns black" do
+      expect(".shade-black").to have_rule("color: black")
+    end
+  end
+
+  context "called on red" do
+    it "shades red" do
+      expect(".shade-red").to have_rule("color: #bf0000")
+    end
+  end
+
+  context "called on gray" do
+    it "shades gray" do
+      expect(".shade-gray").to have_rule("color: #171717")
+    end
+  end
+end

data/spec/bourbon/functions/strip_units_spec.rb

@@ -0,0 +1,31 @@
+require "spec_helper"
+
+describe "strip-units" do
+  before(:all) do
+    ParserSupport.parse_file("functions/strip-units")
+  end
+
+  context "called with px" do
+    it "strips units" do
+      expect(".px").to have_rule("width: 10")
+    end
+  end
+
+  context "called with em" do
+    it "strips units" do
+      expect(".em").to have_rule("width: 2")
+    end
+  end
+
+  context "called with rem" do
+    it "strips units" do
+      expect(".rem").to have_rule("width: 1.5")
+    end
+  end
+
+  context "called with percent" do
+    it "strips units" do
+      expect(".percent").to have_rule("width: 20")
+    end
+  end
+end

data/spec/bourbon/functions/tint_spec.rb

@@ -0,0 +1,31 @@
+require "spec_helper"
+
+describe "tint" do
+  before(:all) do
+    ParserSupport.parse_file("functions/tint")
+  end
+
+  context "called on white" do
+    it "still returns white" do
+      expect(".tint-white").to have_rule("color: white")
+    end
+  end
+
+  context "called on black" do
+    it "tints black" do
+      expect(".tint-black").to have_rule("color: gray")
+    end
+  end
+
+  context "called on red" do
+    it "tints red" do
+      expect(".tint-red").to have_rule("color: #ff4040")
+    end
+  end
+
+  context "called on gray" do
+    it "tints gray" do
+      expect(".tint-gray").to have_rule("color: #c6c6c6")
+    end
+  end
+end