bourbon 4.1.0 → 4.2.0

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/fixtures/_setup.scss

@@ -0,0 +1 @@
+@import "app/assets/stylesheets/bourbon";

data/spec/fixtures/functions/assign-inputs.scss

@@ -0,0 +1,19 @@
+@import "setup";
+
+#{assign-inputs($text-inputs-list)} {
+  color: #ff0000;
+}
+
+#{assign-inputs($text-inputs-list, active)} {
+  color: #00ff00;
+}
+
+#{assign-inputs($text-inputs-list)},
+select {
+  color: #0000ff;
+}
+
+input[type="file"],
+#{assign-inputs($text-inputs-list)} {
+  color: #ff00ff;
+}

data/spec/fixtures/functions/contains.scss

@@ -0,0 +1,28 @@
+@import "setup";
+
+$single: "apple";
+$multiple: "pineapple", "banana", "cumquat";
+
+@mixin color-contains($list, $values) {
+  @if contains($list, $values) {
+    color: #fff;
+  } @else {
+    color: #000;
+  }
+}
+
+.single {
+  @include color-contains($single, "apple");
+}
+
+.single-missing {
+  @include color-contains($single, "pear");
+}
+
+.multiple {
+  @include color-contains($multiple, "banana");
+}
+
+.multiple-missing {
+  @include color-contains($multiple, "strawberry");
+}

data/spec/fixtures/functions/is-length.scss

@@ -0,0 +1,35 @@
+@import "setup";
+
+@mixin color-length($value) {
+  @if is-length($value) {
+    color: #fff;
+  }
+}
+
+.integer {
+  @include color-length(1);
+}
+
+.pixels {
+  @include color-length(10px);
+}
+
+.ems {
+  @include color-length(10em);
+}
+
+.percent {
+  @include color-length(10%);
+}
+
+.calc {
+  @include color-length(calc(2em - 5px));
+}
+
+.string {
+  @include color-length("stringy");
+}
+
+.null {
+  @include color-length(null);
+}

data/spec/fixtures/functions/is-light.scss

@@ -0,0 +1,29 @@
+@import "setup";
+
+@mixin reverse-color($color) {
+  @if is-light($color) {
+    color: #000;
+  } @else {
+    color: #fff;
+  }
+}
+
+.pink {
+  @include reverse-color(#ffcccc);
+}
+
+.sky {
+  @include reverse-color(#aaeeff);
+}
+
+.medium-gray {
+  @include reverse-color(#888);
+}
+
+.charcoal {
+  @include reverse-color(#333);
+}
+
+.translucent {
+  @include reverse-color(rgba(#fff, 0.1));
+}

data/spec/fixtures/functions/is-number.scss

@@ -0,0 +1,31 @@
+@import "setup";
+
+@mixin line-height($number) {
+  @if is-number($number) {
+    line-height: $number;
+  }
+}
+
+.integer {
+  @include line-height(1);
+}
+
+.px {
+  @include line-height(2px);
+}
+
+.em {
+  @include line-height(3em);
+}
+
+.rem {
+  @include line-height(4rem);
+}
+
+.percent {
+  @include line-height(5%);
+}
+
+.string {
+  @include line-height("stringy");
+}

data/spec/fixtures/functions/is-size.scss

@@ -0,0 +1,31 @@
+@import "setup";
+
+@mixin size-margin($size) {
+  @if is-size($size) {
+    margin-top: $size;
+  }
+}
+
+.integer {
+  @include size-margin(1);
+}
+
+.px {
+  @include size-margin(2px);
+}
+
+.em {
+  @include size-margin(3em);
+}
+
+.rem {
+  @include size-margin(4rem);
+}
+
+.percent {
+  @include size-margin(5%);
+}
+
+.string {
+  @include size-margin("stringy");
+}

data/spec/fixtures/functions/modular-scale.scss

@@ -0,0 +1,29 @@
+@import "setup";
+
+.one {
+  &-base-two {
+    font-size: modular-scale(1, $value: 2em);
+  }
+
+  &-base-three {
+    font-size: modular-scale(1, $value: 3em);
+  }
+
+  &-double-value {
+    font-size: modular-scale(1, $value: 1em 2em);
+  }
+
+  &-golden-ratio {
+    font-size: modular-scale(1, $ratio: $golden);
+  }
+}
+
+.two {
+  &-base-one {
+    font-size: modular-scale(2, $value: 1em);
+  }
+
+  &-double-value {
+    font-size: modular-scale(2, $value: 2em);
+  }
+}

data/spec/fixtures/functions/px-to-em.scss

@@ -0,0 +1,17 @@
+@import "setup";
+
+.unitless {
+  font-size: em(12);
+}
+
+.unitless-with-base {
+  font-size: em(10, 15);
+}
+
+.px {
+  font-size: em(16px);
+}
+
+.px-with-base {
+  font-size: em(15px, 10px);
+}

data/spec/spec_helper.rb

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

data/spec/support/matchers/be_contained_in.rb

@@ -0,0 +1,10 @@
+RSpec::Matchers.define :be_contained_in do |expected|
+  match do |actual|
+    @query = ParserSupport.parser.find_by_selector(actual, expected)
+    @query.any?
+  end
+
+  failure_message_for_should do |actual|
+    %{expected selector #{actual} to be container in #{expected}}
+  end
+end

data/spec/support/matchers/have_rule.rb

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

data/spec/support/matchers/have_value.rb

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

data/spec/support/parser_support.rb

@@ -0,0 +1,16 @@
+module ParserSupport
+  def self.parser
+    @parser ||= CssParser::Parser.new
+  end
+
+  def self.parse_file(identifier)
+    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

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