Contents

require "spec_helper"

describe "Element animation methods" do
  html <<-HTML
    <div id="animate-foo"></div>
  HTML

  describe "#animate" do
    ### HACKY
    # jQUery's animate method doesn't *always* finish on time
    # so the values are being compared using greater than

    it "should animate a set of properties and values" do
      foo = Element.find "#animate-foo"
      foo.animate :width => "200px"

      set_timeout 400 do
        (foo.css("width").to_f > 199).should eq(true)
      end
    end

    async "should allow you to set a speed in the params" do
      foo = Element.find "#animate-foo"
      foo.animate :width => "200px", :speed => 100

      set_timeout 105 do
        run_async {
          (foo.css("width").to_f > 199).should eq(true)
        }
      end
    end

    async "should accept a block as a callback" do
      foo = Element.find "#animate-foo"
      foo.animate :width => "200px", :speed => 100 do
        foo.add_class "finished"
      end

      set_timeout 405 do
        run_async {
          foo.class_name.should eq("finished")
        }
      end
    end
  end
end

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
opal-jquery-0.2.0	spec/element/animations_spec.rb
opal-jquery-0.1.2	spec/element/animations_spec.rb
opal-jquery-0.1.1	spec/element/animations_spec.rb