doggystyle 0.1.0

data/spec/doggystyle/library/modular_scale_spec.rb

@@ -0,0 +1,43 @@
+require "spec_helper"
+
+describe "modular-scale" do
+  before(:all) do
+    ParserSupport.parse_file("library/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.5em")
+    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.75em")
+    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.024em")
+    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.5625em")
+    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.125em")
+    end
+  end
+end

data/spec/doggystyle/library/padding_spec.rb

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

data/spec/doggystyle/library/position_spec.rb

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

data/spec/doggystyle/library/prefixer_spec.rb

@@ -0,0 +1,34 @@
+require "spec_helper"
+
+describe "prefixer" do
+  before(:all) do
+    ParserSupport.parse_file("library/prefixer")
+  end
+
+  context "called with no prefixes" do
+    it "outputs the spec" do
+      rule = "appearance: none;"
+
+      expect(".prefix").to have_ruleset(rule)
+    end
+  end
+
+  context "called with one prefix" do
+    it "applies the prefix to the property" do
+      rule = "-webkit-appearance: none; " +
+             "appearance: none;"
+
+      expect(".prefix--webkit").to have_ruleset(rule)
+    end
+  end
+
+  context "called with multiple prefixes" do
+    it "applies the prefixes to the property" do
+      rule = "-moz-appearance: none; " +
+             "-ms-appearance: none; " +
+             "appearance: none;"
+
+      expect(".prefix--moz-ms").to have_ruleset(rule)
+    end
+  end
+end

data/spec/doggystyle/library/shade_spec.rb

@@ -0,0 +1,31 @@
+require "spec_helper"
+
+describe "shade" do
+  before(:all) do
+    ParserSupport.parse_file("library/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/doggystyle/library/size_spec.rb

@@ -0,0 +1,31 @@
+require "spec_helper"
+
+describe "size" do
+  before(:all) do
+    ParserSupport.parse_file("library/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/doggystyle/library/strip_unit_spec.rb

@@ -0,0 +1,31 @@
+require "spec_helper"
+
+describe "strip-unit" do
+  before(:all) do
+    ParserSupport.parse_file("library/strip-unit")
+  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/doggystyle/library/text_inputs_spec.rb

@@ -0,0 +1,75 @@
+require "spec_helper"
+
+describe "text-inputs" do
+  before(:all) do
+    ParserSupport.parse_file("library/text-inputs")
+
+    @inputs_list = %w(
+      [type='color']
+      [type='date']
+      [type='datetime']
+      [type='datetime-local']
+      [type='email']
+      [type='month']
+      [type='number']
+      [type='password']
+      [type='search']
+      [type='tel']
+      [type='text']
+      [type='time']
+      [type='url']
+      [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
+
+  context "expands invalid text inputs" do
+    it "finds selectors" do
+      list = @inputs_list.map { |input| "#{input}:invalid" }
+      list = list.join(", ")
+      ruleset = "content: #{list};"
+
+      expect(".all-text-inputs-invalid").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/doggystyle/library/tint_spec.rb

@@ -0,0 +1,31 @@
+require "spec_helper"
+
+describe "tint" do
+  before(:all) do
+    ParserSupport.parse_file("library/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

data/spec/doggystyle/library/triangle_spec.rb

@@ -0,0 +1,31 @@
+require "spec_helper"
+
+describe "triangle" do
+  before(:all) do
+    ParserSupport.parse_file("library/triangle")
+  end
+
+  context "called with defaults" do
+    it "outputs the properties" do
+      ruleset = "border-style: solid; " +
+                "height: 0; " +
+                "width: 0; " +
+                "border-color: transparent transparent currentColor; " +
+                "border-width: 0 0.5rem 0.5rem;"
+
+      expect(".triangle").to have_ruleset(ruleset)
+    end
+  end
+
+  context "called with arguments" do
+    it "outputs the properties" do
+      ruleset = "border-style: solid; " +
+                "height: 0; " +
+                "width: 0; " +
+                "border-color: #b25c9c transparent transparent; " +
+                "border-width: 20px 15px 0;"
+
+      expect(".triangle--with-arguments").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/doggystyle/library/word_wrap_spec.rb

@@ -0,0 +1,29 @@
+require "spec_helper"
+
+describe "word-wrap" do
+  before(:all) do
+    ParserSupport.parse_file("library/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