Contents

require "spec_helper"

describe "Element#css" do
  html <<-HTML
    <div id="foo" style="background-color:rgb(15,99,30); color:;"></div>
    <div id="bar"></div>
    <div id="hash"></div>
  HTML

  describe "with a given name" do
    it "returns the value of the CSS property for the given name" do
      Document.id('foo').css('backgroundColor').should be_kind_of(String)
    end

    it "should return an empty string when no style property is defined for name" do
      Document.id('foo').css('color').should be_kind_of(String)
    end
  end

  describe "with a name and value" do
    it "should set the CSS property to the given value" do
      Document.id('bar').css('backgroundColor', 'blue')
    end

    it "returns self" do
      bar = Document.id('bar')
      bar.css("background", "green").should equal(bar)
    end
  end

  describe "with a set of names and values" do
    it "should set the properties" do
      hash = Document.id("hash")
      hash.css(:width => "100px", :height => "200px")
      hash.css("width").should be_kind_of(String) 
      hash.css("height").should be_kind_of(String) 
    end

    it "should return self" do
      hash = Document.id("hash")
      hash.css(:border => "1px solid #000").should equal(hash)
    end
  end
end

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
opal-jquery-0.0.6	spec/element/css_spec.rb
opal-jquery-0.0.5	spec/element/css_spec.rb
opal-jquery-0.0.4	spec/element/css_spec.rb
opal-jquery-0.0.3	spec/element/css_spec.rb
opal-jquery-0.0.2	spec/element/css_spec.rb