require 'spec_helper'

describe CssStyleDeclaration do 
  let(:css_text) do 
    "color: #444;
     font-size: 12px;
     font-family: Arial, Verdana;
     border-left: 1px solid red;
     border-right-width: 1px;
     background-color: #535353;"
  end

  let(:rule) do 
    CssStyleRule.new(:css_text => "div.section { #{css_text} }")
  end

  let(:declaration) do 
    CssStyleDeclaration.new(:css_text => css_text, :parent_rule => rule)
  end


  describe "#length" do 
    it "returns number of declarations" do 
      expect(declaration.length).to eq 6
    end
  end

  describe "#[]" do 
    it "finds name of a declaration for given index" do 
      expect(declaration[1]).to eq "font-size: 12px"
    end
  end

  describe "#css_text" do 
    it "builds the css text from the declarations" do 
      expected = "color: #444; font-size: 12px; font-family: Arial, Verdana; " + 
                 "border-left: 1px solid red; border-right-width: 1px; " + 
                 "background-color: #535353;"

      expect(declaration.css_text).to eq expected
    end
  end
  
  describe "#to_s" do 
    it "builds the css text from the declarations" do 
      expected = "color: #444; font-size: 12px; font-family: Arial, Verdana; " + 
                 "border-left: 1px solid red; border-right-width: 1px; " + 
                 "background-color: #535353;"

      expect(declaration.css_text).to eq expected
    end
  end

  describe "rules" do 
    it "returns a hash of rules" do 
      expected = {"color"              => "#444", 
                  "font-size"          => "12px", 
                  "font-family"        => "Arial, Verdana", 
                  "border-left"        => "1px solid red", 
                  "border-right-width" => "1px", 
                  "background-color"   => "#535353"}
      expect(declaration.declarations).to eq expected
    end
  end

  describe "#parent_rule" do 
    it "returns the parent css style rule" do 
      expect(declaration.parent_rule).to eq rule
    end
  end

  describe "a declaration" do 
    it "finds a declaration value by name" do 
      expect(declaration.fontSize).to eq "12px"
      expect(declaration.fontFamily).to eq "Arial, Verdana"
    end
    
    it "returns empty string for undefined declaration" do 
      expect(declaration.overflow).to eq ""
    end
  end

  describe "a declaration with base64 encoded rule" do 
    let(:css_text) do 
      "background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIi);color:#1d6299;"
    end

    it "returns the css style declaration for rules with base64 data" do 
      rule = CssStyleRule.new(:css_text => "div.section { #{css_text} }")
      decl = CssStyleDeclaration.new(:css_text => css_text, :parent_rule => rule)
      
      expected = {"background" => "url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIi)",
                  "color"      => "#1d6299"}
      expect(decl.declarations).to eq expected
    end
  end
  
  describe "a declaration with an invalid rule" do 
    let(:css_text) do 
      "padding0;color:#1d6299;"
    end

    it "skips the invalid rule" do 
      rule = CssStyleRule.new(:css_text => "div.section { #{css_text} }")
      decl = CssStyleDeclaration.new(:css_text => css_text, :parent_rule => rule)
      
      expected = {"color" => "#1d6299"}
      expect(decl.declarations).to eq expected
    end
  end
end