doggystyle 0.1.0

data/spec/doggystyle/library/border_radius_spec.rb

@@ -0,0 +1,25 @@
+require "spec_helper"
+
+describe "border-radius" do
+  before(:all) do
+    ParserSupport.parse_file("library/border-radius")
+  end
+
+  context "called with one argument" do
+    it "applies to correct sides" do
+      top = "border-top-left-radius: 1em; " +
+            "border-top-right-radius: 1em;"
+      left = "border-bottom-left-radius: 2em; " +
+              "border-top-left-radius: 2em;"
+      right = "border-bottom-right-radius: 3em; " +
+              "border-top-right-radius: 3em;"
+      bottom = "border-bottom-left-radius: 4em; " +
+                "border-bottom-right-radius: 4em;"
+
+      expect(".border-top-radius").to have_ruleset(top)
+      expect(".border-left-radius").to have_ruleset(left)
+      expect(".border-right-radius").to have_ruleset(right)
+      expect(".border-bottom-radius").to have_ruleset(bottom)
+    end
+  end
+end

data/spec/doggystyle/library/border_style_spec.rb

@@ -0,0 +1,51 @@
+require "spec_helper"
+
+describe "border-style" do
+  before(:all) do
+    ParserSupport.parse_file("library/border-style")
+  end
+
+  context "called with one style" do
+    it "applies same style to all sides" do
+      rule = "border-style: solid"
+
+      expect(".border-style-all").to have_rule(rule)
+    end
+  end
+
+  context "called with two styles" do
+    it "applies to alternating sides" do
+      rule = "border-style: dotted dashed"
+
+      expect(".border-style-alternate").to have_rule(rule)
+    end
+  end
+
+  context "called with three styles" do
+    it "applies second style to left and right" do
+      rule = "border-style: dashed double solid"
+
+      expect(".border-style-implied-left").to have_rule(rule)
+    end
+  end
+
+  context "called with four styles" do
+    it "applies different styles to all sides" do
+      rule = "border-style: dotted groove ridge none"
+
+      expect(".border-style-explicit").to have_rule(rule)
+    end
+  end
+
+  context "called with null values" do
+    it "writes rules for other three" do
+      ruleset = "border-top-style: inset; " +
+                "border-right-style: none; " +
+                "border-left-style: double;"
+      bad_rule = "border-bottom-style: null;"
+
+      expect(".border-style-false-third").to have_ruleset(ruleset)
+      expect(".border-style-false-third").to_not have_rule(bad_rule)
+    end
+  end
+end

data/spec/doggystyle/library/border_width_spec.rb

@@ -0,0 +1,51 @@
+require "spec_helper"
+
+describe "border-width" do
+  before(:all) do
+    ParserSupport.parse_file("library/border-width")
+  end
+
+  context "called with one color" do
+    it "applies same width to all sides" do
+      rule = "border-width: 1px"
+
+      expect(".border-width-all").to have_rule(rule)
+    end
+  end
+
+  context "called with two widths" do
+    it "applies to alternating sides" do
+      rule = "border-width: 2px 3px"
+
+      expect(".border-width-alternate").to have_rule(rule)
+    end
+  end
+
+  context "called with three widths" do
+    it "applies second width to left and right" do
+      rule = "border-width: 4px 5px 6px"
+
+      expect(".border-width-implied-left").to have_rule(rule)
+    end
+  end
+
+  context "called with four widths" do
+    it "applies different widths to all sides" do
+      rule = "border-width: 7px 8px 9px 10px"
+
+      expect(".border-width-explicit").to have_rule(rule)
+    end
+  end
+
+  context "called with null values" do
+    it "writes rules for other three" do
+      ruleset = "border-top-width: 11px; " +
+                "border-right-width: 12px; " +
+                "border-left-width: 13px;"
+      bad_rule = "border-bottom-width: null;"
+
+      expect(".border-width-false-third").to have_ruleset(ruleset)
+      expect(".border-width-false-third").to_not have_rule(bad_rule)
+    end
+  end
+end

data/spec/doggystyle/library/buttons_spec.rb

@@ -0,0 +1,53 @@
+require "spec_helper"
+
+describe "buttons" do
+  before(:all) do
+    ParserSupport.parse_file("library/buttons")
+
+    @buttons_list = %w(
+      button
+      [type='button']
+      [type='reset']
+      [type='submit']
+    )
+  end
+
+  context "expands plain buttons" do
+    it "finds selectors" do
+      list = @buttons_list.join(", ")
+      ruleset = "content: #{list};"
+
+      expect(".all-buttons").to have_ruleset(ruleset)
+    end
+  end
+
+  context "expands active buttons" do
+    it "finds selectors" do
+      list = @buttons_list.map { |input| "#{input}:active" }
+      list = list.join(", ")
+      ruleset = "content: #{list};"
+
+      expect(".all-buttons-active").to have_ruleset(ruleset)
+    end
+  end
+
+  context "expands focus buttons" do
+    it "finds selectors" do
+      list = @buttons_list.map { |input| "#{input}:focus" }
+      list = list.join(", ")
+      ruleset = "content: #{list};"
+
+      expect(".all-buttons-focus").to have_ruleset(ruleset)
+    end
+  end
+
+  context "expands hover buttons" do
+    it "finds selectors" do
+      list = @buttons_list.map { |input| "#{input}:hover" }
+      list = list.join(", ")
+      ruleset = "content: #{list};"
+
+      expect(".all-buttons-hover").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/doggystyle/library/clearfix_spec.rb

@@ -0,0 +1,18 @@
+require "spec_helper"
+
+describe "clearfix" do
+  before(:all) do
+    ParserSupport.parse_file("library/clearfix")
+  end
+
+  context "called on element" do
+    it "adds clearfix" do
+      input = ".clearfix::after"
+      ruleset = "clear: both; " +
+                'content: ""; ' +
+                "display: block;"
+
+      expect(input).to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/doggystyle/library/contrast_switch_spec.rb

@@ -0,0 +1,23 @@
+require "spec_helper"
+
+describe "contrast-switch" do
+  before(:all) do
+    ParserSupport.parse_file("library/contrast-switch")
+  end
+
+  context "called with a light base color" do
+    it "outputs the dark color" do
+      rule = "color: #000;"
+
+      expect(".contrast-switch-light-base").to have_ruleset(rule)
+    end
+  end
+
+  context "called with a dark base color" do
+    it "outputs the light color" do
+      rule = "color: #eee;"
+
+      expect(".contrast-switch-dark-base").to have_ruleset(rule)
+    end
+  end
+end

data/spec/doggystyle/library/ellipsis_spec.rb

@@ -0,0 +1,20 @@
+require "spec_helper"
+
+describe "ellipsis" do
+  before(:all) do
+    ParserSupport.parse_file("library/ellipsis")
+  end
+
+  context "called on element" do
+    it "adds ellipsis" do
+      ruleset = "display: inline-block; " +
+                "max-width: 100%; " +
+                "overflow: hidden; " +
+                "text-overflow: ellipsis; " +
+                "white-space: nowrap; " +
+                "word-wrap: normal;"
+
+      expect(".ellipsis").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/doggystyle/library/font_face_spec_1.rb

@@ -0,0 +1,16 @@
+require "spec_helper"
+
+describe "font-face" do
+  before(:all) do
+    ParserSupport.parse_file("css3/font-face-1")
+  end
+
+  context "called with defaults" do
+    it "outputs defaults" do
+      ruleset = 'font-family: "source-sans-pro"; ' +
+                'src: url("/fonts/source-sans-pro/source-sans-pro-regular.woff2") format("woff2"), url("/fonts/source-sans-pro/source-sans-pro-regular.woff") format("woff"), url("/fonts/source-sans-pro/source-sans-pro-regular.ttf") format("truetype");'
+
+      expect("@font-face").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/doggystyle/library/font_face_spec_2.rb

@@ -0,0 +1,21 @@
+require "spec_helper"
+
+describe "font-face" do
+  before(:all) do
+    ParserSupport.parse_file("css3/font-face-5")
+  end
+
+  context "called with additional CSS rules" do
+    it "outputs defaults with additional content" do
+      ruleset = 'font-family: "calibre"; ' +
+                'src: url("fonts/calibre.woff2") format("woff2"), ' +
+                'url("fonts/calibre.woff") format("woff"), ' +
+                'url("fonts/calibre.ttf") format("truetype"); ' +
+                "font-style: normal;" +
+                "font-weight: 600;" +
+                "unicode-range: U+26;"
+
+      expect("@font-face").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/doggystyle/library/font_face_spec_3.rb

@@ -0,0 +1,16 @@
+require "spec_helper"
+
+describe "font-face" do
+  before(:all) do
+    ParserSupport.parse_file("css3/font-face-3")
+  end
+
+  context "called with defaults" do
+    it "outputs defaults" do
+      ruleset = 'font-family: "pitch";' +
+                'src: font-url("/fonts/pitch.woff2") format("woff2");'
+
+      expect("@font-face").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/doggystyle/library/font_face_spec_4.rb

@@ -0,0 +1,17 @@
+require "spec_helper"
+
+describe "font-face" do
+  before(:all) do
+    ParserSupport.parse_file("css3/font-face-4")
+  end
+
+  context "called with defaults" do
+    it "outputs defaults" do
+      ruleset = 'font-family: "circular"; ' +
+                'src: url("/circular.woff2") format("woff2"), ' +
+                'url("/circular.svg#circular") format("svg");'
+
+      expect("@font-face").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/doggystyle/library/font_stacks_spec.rb

@@ -0,0 +1,40 @@
+require "spec_helper"
+
+describe "font-stacks" do
+  before(:all) do
+    ParserSupport.parse_file("library/font-stacks")
+  end
+
+  context "stacks used in variable" do
+    it "output stacks" do
+      helvetica = '"Helvetica Neue", "Helvetica", "Arial", sans-serif'
+      lucida_grande = '"Lucida Grande", "Lucida Sans Unicode", ' +
+                      '"Geneva", "Verdana", sans-serif'
+      verdana = '"Verdana", "Geneva", sans-serif'
+      garamond = '"Garamond", "Baskerville", "Baskerville Old Face", ' +
+                 '"Hoefler Text", "Times New Roman", serif'
+      georgia = '"Georgia", "Times", "Times New Roman", serif'
+      hoefler_text = '"Hoefler Text", "Baskerville Old Face", ' +
+                     '"Garamond", "Times New Roman", serif'
+      consolas = '"Consolas", "monaco", monospace'
+      courier_new = '"Courier New", "Courier", "Lucida Sans Typewriter", ' +
+                    '"Lucida Typewriter", monospace'
+      monaco = '"monaco", "Consolas", "Lucida Console", monospace'
+
+      system = '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", ' +
+               '"Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", ' +
+               '"Helvetica Neue", sans-serif'
+
+      expect(".helvetica").to have_value(helvetica)
+      expect(".lucida-grande").to have_value(lucida_grande)
+      expect(".verdana").to have_value(verdana)
+      expect(".garamond").to have_value(garamond)
+      expect(".georgia").to have_value(georgia)
+      expect(".hoefler-text").to have_value(hoefler_text)
+      expect(".consolas").to have_value(consolas)
+      expect(".courier-new").to have_value(courier_new)
+      expect(".monaco").to have_value(monaco)
+      expect(".system").to have_value(system)
+    end
+  end
+end

data/spec/doggystyle/library/hide_text_spec.rb

@@ -0,0 +1,17 @@
+require "spec_helper"
+
+describe "hide-text" do
+  before(:all) do
+    ParserSupport.parse_file("library/hide-text")
+  end
+
+  context "called on element" do
+    it "adds hide-text" do
+      ruleset = "overflow: hidden; " +
+                "text-indent: 101%; " +
+                "white-space: nowrap;"
+
+      expect(".hide-text").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/doggystyle/library/hide_visually_spec.rb

@@ -0,0 +1,35 @@
+require "spec_helper"
+
+describe "hide-visually" do
+  before(:all) do
+    ParserSupport.parse_file("library/hide-visually")
+  end
+
+  context "called on element" do
+    it "adds properties to hide the element" do
+      ruleset = "border: 0; " +
+                "clip: rect(1px, 1px, 1px, 1px); " +
+                "clip-path: circle(1% at 1% 1%); " +
+                "height: 1px; " +
+                "overflow: hidden; " +
+                "padding: 0; " +
+                "position: absolute; " +
+                "width: 1px;"
+
+      expect(".hide-visually").to have_ruleset(ruleset)
+    end
+  end
+
+  context "called with unhide argument" do
+    it "adds properties to reverse the hiding of the element" do
+      ruleset = "clip: auto; " +
+                "clip-path: none; " +
+                "height: auto; " +
+                "overflow: visible; " +
+                "position: static; " +
+                "width: auto;"
+
+      expect(".hide-visually--unhide").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/doggystyle/library/margin_spec.rb

@@ -0,0 +1,51 @@
+require "spec_helper"
+
+describe "margin" do
+  before(:all) do
+    ParserSupport.parse_file("library/margin")
+  end
+
+  context "called with one size" do
+    it "applies same width to all sides" do
+      rule = "margin: 1px"
+
+      expect(".margin-all").to have_rule(rule)
+    end
+  end
+
+  context "called with two sizes" do
+    it "applies to alternating sides" do
+      rule = "margin: 2px 3px"
+
+      expect(".margin-alternate").to have_rule(rule)
+    end
+  end
+
+  context "called with three sizes" do
+    it "applies second width to left and right" do
+      rule = "margin: 4px 5px 6px"
+
+      expect(".margin-implied-left").to have_rule(rule)
+    end
+  end
+
+  context "called with four sizes" do
+    it "applies different widths to all sides" do
+      rule = "margin: 7px 8px 9px 10px"
+
+      expect(".margin-explicit").to have_rule(rule)
+    end
+  end
+
+  context "called with null values" do
+    it "writes rules for other three" do
+      ruleset = "margin-top: 11px; " +
+                "margin-right: 12px; " +
+                "margin-left: 13px;"
+      bad_rule = "margin-bottom: null;"
+
+      expect(".margin-false-third").to have_ruleset(ruleset)
+      expect(".margin-false-third").to_not have_rule(bad_rule)
+    end
+  end
+end