bourbon 4.2.1 → 4.2.2

data/spec/bourbon/addons/text_inputs_spec.rb

@@ -0,0 +1,63 @@
+require "spec_helper"
+
+describe "text-inputs" do
+  before(:all) do
+    ParserSupport.parse_file("addons/text-inputs")
+
+    @inputs_list = [
+      "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\"]",
+      "textarea"
+    ]
+  end
+
+  context "expands plain text inputs" do
+    it "finds selectors" do
+      @inputs_list.each do |input|
+        expect(input).to have_rule("color: #ff0000")
+      end
+    end
+  end
+
+  context "expands active text inputs" do
+    it "finds selectors" do
+      list = @inputs_list.dup
+      list.map! { |input| input + ":active" }
+      list.each do |input|
+        expect(input).to have_rule("color: #00ff00")
+      end
+    end
+  end
+
+  context "expands focus text inputs" do
+    it "finds selectors" do
+      list = @inputs_list.dup
+      list.map! { |input| input + ":focus" }
+      list.each do |input|
+        expect(input).to have_rule("color: #0000ff")
+      end
+    end
+  end
+
+  context "expands hover text inputs" do
+    it "finds selectors" do
+      list = @inputs_list.dup
+      list.map! { |input| input + ":hover" }
+      list.each do |input|
+        expect(input).to have_rule("color: #ff00ff")
+      end
+    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/helpers/directional_values_spec.rb

@@ -0,0 +1,39 @@
+require "spec_helper"
+
+describe "directional-values" do
+  before(:all) do
+    ParserSupport.parse_file("helpers/directional-values")
+  end
+
+  context "collapse-directionals" do
+    it "returns four distinct lengths unaltered" do
+      expect(".four").to have_rule("padding: 10px 20px 30px 40px")
+    end
+
+    it "returns collapsed horizontal lengths" do
+      expect(".three").to have_rule("padding: 5px 10px 5px 20px")
+    end
+
+    it "returns collapsed vertical and horizontal lengths" do
+      expect(".two").to have_rule("padding: 50px 100px")
+    end
+
+    it "returns collapsed lengths when all match" do
+      expect(".one").to have_rule("padding: 10px")
+    end
+  end
+
+  context "directional-property" do
+    it "returns property and values with four distinct lengths" do
+      expect(".border-all").to have_rule("border-width: 2px 5px 8px 12px")
+    end
+
+    it "returns property and value with one length" do
+      expect(".border-top").to have_rule("border-top: 10px")
+    end
+
+    it "returns property and value with vertical and horizontal values" do
+      expect(".border-color").to have_rule("border-color: #ffffff #000000")
+    end
+  end
+end

data/spec/bourbon/helpers/font_source_declaration_spec.rb

@@ -0,0 +1,29 @@
+require "spec_helper"
+
+describe "font-source-declaration" do
+  before(:all) do
+    ParserSupport.parse_file("helpers/font-source-declaration")
+  end
+
+  context "called with pipeline" do
+    it "returns pipeline path" do
+      rule = 'src: font-url("b.eot?#iefix") format("embedded-opentype"), ' +
+             'font-url("b.woff2") format("woff2"), ' +
+             'font-url("b.woff") format("woff"), ' +
+             'font-url("b.ttf") format("truetype"), ' +
+             'font-url("b.svg#a") format("svg")'
+      expect(".has-pipeline").to have_rule(rule)
+    end
+  end
+
+  context "called with no pipeline" do
+    it "does not return pipeline path" do
+      rule = 'src: url("b.eot?#iefix") format("embedded-opentype"), ' +
+             'url("b.woff2") format("woff2"), ' +
+             'url("b.woff") format("woff"), ' +
+             'url("b.ttf") format("truetype"), ' +
+             'url("b.svg#a") format("svg")'
+      expect(".no-pipeline").to have_rule(rule)
+    end
+  end
+end

data/spec/bourbon/helpers/str_to_num_spec.rb

@@ -0,0 +1,25 @@
+require "spec_helper"
+
+describe "str-to-num" do
+  before(:all) do
+    ParserSupport.parse_file("helpers/str-to-num")
+  end
+
+  context "called with integer string" do
+    it "is converted to integer" do
+      expect(".string-to-integer").to have_rule("height: 10")
+    end
+  end
+
+  context "called with px string" do
+    it "is converted to px" do
+      expect(".string-to-px").to have_rule("height: 15px")
+    end
+  end
+
+  context "called with negative px string" do
+    it "is converted to negative px" do
+      expect(".string-to-negative-px").to have_rule("height: -25px")
+    end
+  end
+end

data/spec/fixtures/addons/border-color.scss

@@ -0,0 +1,26 @@
+@import "setup";
+
+$red: #ff0000;
+$blue: #00ff00;
+$green: #0000ff;
+$purple: #ffff00;
+
+.border-color-all {
+  @include border-color($red);
+}
+
+.border-color-alternate {
+  @include border-color($blue $green);
+}
+
+.border-color-implied-left {
+  @include border-color($red $blue $green);
+}
+
+.border-color-explicit {
+  @include border-color($green $blue $red $purple);
+}
+
+.border-color-false-third {
+  @include border-color($blue $purple null $green);
+}

data/spec/fixtures/addons/border-radius.scss

@@ -0,0 +1,17 @@
+@import "setup";
+
+.border-top-radius {
+  @include border-top-radius(1em);
+}
+
+.border-left-radius {
+  @include border-left-radius(2em);
+}
+
+.border-right-radius {
+  @include border-right-radius(3em);
+}
+
+.border-bottom-radius {
+  @include border-bottom-radius(4em);
+}

data/spec/fixtures/addons/border-style.scss

@@ -0,0 +1,21 @@
+@import "setup";
+
+.border-style-all {
+  @include border-style(solid);
+}
+
+.border-style-alternate {
+  @include border-style(dotted dashed);
+}
+
+.border-style-implied-left {
+  @include border-style(dashed double solid);
+}
+
+.border-style-explicit {
+  @include border-style(dotted groove ridge none);
+}
+
+.border-style-false-third {
+  @include border-style(inset none null double);
+}

data/spec/fixtures/addons/border-width.scss

@@ -0,0 +1,21 @@
+@import "setup";
+
+.border-width-all {
+  @include border-width(1px);
+}
+
+.border-width-alternate {
+  @include border-width(2px 3px);
+}
+
+.border-width-implied-left {
+  @include border-width(4px 5px 6px);
+}
+
+.border-width-explicit {
+  @include border-width(7px 8px 9px 10px);
+}
+
+.border-width-false-third {
+  @include border-width(11px 12px null 13px);
+}

data/spec/fixtures/addons/buttons.scss

@@ -0,0 +1,17 @@
+@import "setup";
+
+#{$all-button-inputs} {
+  color: #ff0000;
+}
+
+#{$all-button-inputs-active} {
+  color: #00ff00;
+}
+
+#{$all-button-inputs-focus} {
+  color: #0000ff;
+}
+
+#{$all-button-inputs-hover} {
+  color: #ff00ff;
+}

data/spec/fixtures/addons/clearfix.scss

@@ -0,0 +1,5 @@
+@import "setup";
+
+.clearfix {
+  @include clearfix;
+}

data/spec/fixtures/addons/ellipsis.scss

@@ -0,0 +1,5 @@
+@import "setup";
+
+.ellipsis {
+  @include ellipsis;
+}

data/spec/fixtures/addons/font-stacks.scss

@@ -0,0 +1,21 @@
+@import "setup";
+
+.georgia {
+  font-family: $georgia;
+}
+
+.helvetica {
+  font-family: $helvetica;
+}
+
+.lucida-grande {
+  font-family: $lucida-grande;
+}
+
+.monospace {
+  font-family: $monospace;
+}
+
+.verdana {
+  font-family: $verdana;
+}

data/spec/fixtures/addons/hide-text.scss

@@ -0,0 +1,5 @@
+@import "setup";
+
+.hide-text {
+  @include hide-text;
+}