RubyGems - capybara-webkit - Versions diffs - 0.1.0 - Mend

capybara-webkit 0.1.0

Files changed (53) hide show

data/.gitignore +13 -0
data/.rspec +2 -0
data/Gemfile +6 -0
data/Gemfile.lock +55 -0
data/LICENSE +19 -0
data/README.md +37 -0
data/Rakefile +76 -0
data/capybara-webkit.gemspec +15 -0
data/extconf.rb +2 -0
data/lib/capybara-webkit.rb +7 -0
data/lib/capybara/driver/webkit.rb +84 -0
data/lib/capybara/driver/webkit/browser.rb +86 -0
data/lib/capybara/driver/webkit/node.rb +87 -0
data/spec/driver_spec.rb +465 -0
data/spec/integration/driver_spec.rb +21 -0
data/spec/integration/session_spec.rb +12 -0
data/spec/spec_helper.rb +22 -0
data/spec/support/socket_debugger.rb +42 -0
data/src/Command.cpp +15 -0
data/src/Command.h +28 -0
data/src/Connection.cpp +130 -0
data/src/Connection.h +36 -0
data/src/Evaluate.cpp +84 -0
data/src/Evaluate.h +22 -0
data/src/Execute.cpp +17 -0
data/src/Execute.h +12 -0
data/src/Find.cpp +20 -0
data/src/Find.h +13 -0
data/src/JavascriptInvocation.cpp +14 -0
data/src/JavascriptInvocation.h +19 -0
data/src/Node.cpp +14 -0
data/src/Node.h +13 -0
data/src/Reset.cpp +16 -0
data/src/Reset.h +12 -0
data/src/Server.cpp +21 -0
data/src/Server.h +20 -0
data/src/Source.cpp +14 -0
data/src/Source.h +12 -0
data/src/Url.cpp +14 -0
data/src/Url.h +12 -0
data/src/Visit.cpp +20 -0
data/src/Visit.h +16 -0
data/src/WebPage.cpp +81 -0
data/src/WebPage.h +29 -0
data/src/capybara.js +98 -0
data/src/find_command.h +13 -0
data/src/main.cpp +20 -0
data/src/webkit_server.pro +9 -0
data/src/webkit_server.qrc +5 -0
data/templates/Command.cpp +10 -0
data/templates/Command.h +12 -0
data/webkit_server.pro +4 -0
metadata +140 -0

data/spec/driver_spec.rb ADDED Viewed

@@ -0,0 +1,465 @@
+require 'spec_helper'
+require 'capybara/driver/webkit'
+describe Capybara::Driver::Webkit do
+  subject { Capybara::Driver::Webkit.new(@app, :browser => $webkit_browser) }
+  before { subject.visit("/hello/world?success=true") }
+  after { subject.reset! }
+  context "hello app" do
+    before(:all) do
+      @app = lambda do |env|
+        body = <<-HTML
+          <html>
+            <head>
+              <style type="text/css">
+                #display_none { display: none }
+              </style>
+            </head>
+            <body>
+              <div id="display_none">
+                <div id="invisible">Can't see me</div>
+              </div>
+              <script type="text/javascript">
+                document.write("<p id='greeting'>he" + "llo</p>");
+              </script>
+            </body>
+          </html>
+        HTML
+        [200,
+          { 'Content-Type' => 'text/html', 'Content-Length' => body.length.to_s },
+          [body]]
+      end
+    end
+    it "finds content after loading a URL" do
+      subject.find("//*[contains(., 'hello')]").should_not be_empty
+    end
+    it "has an empty page after reseting" do
+      subject.reset!
+      subject.find("//*[contains(., 'hello')]").should be_empty
+    end
+    it "raises an error for an invalid xpath query" do
+      expect { subject.find("totally invalid salad") }.
+        to raise_error(Capybara::Driver::Webkit::WebkitError, /xpath/i)
+    end
+    it "returns an attribute's value" do
+      subject.find("//p").first["id"].should == "greeting"
+    end
+    it "parses xpath with quotes" do
+      subject.find('//*[contains(., "hello")]').should_not be_empty
+    end
+    it "returns a node's text" do
+      subject.find("//p").first.text.should == "hello"
+    end
+    it "returns the current URL" do
+      port = subject.instance_variable_get("@rack_server").port
+      subject.current_url.should == "http://127.0.0.1:#{port}/hello/world?success=true"
+    end
+    it "returns the source code for the page" do
+      subject.source.should =~ %r{<html>.*greeting.*}m
+    end
+    it "aliases body as source" do
+      subject.body.should == subject.source
+    end
+    it "evaluates Javascript and returns a string" do
+      result = subject.evaluate_script(%<document.getElementById('greeting').innerText>)
+      result.should == "hello"
+    end
+    it "evaluates Javascript and returns an array" do
+      result = subject.evaluate_script(%<["hello", "world"]>)
+      result.should == %w(hello world)
+    end
+    it "evaluates Javascript and returns an int" do
+      result = subject.evaluate_script(%<123>)
+      result.should == 123
+    end
+    it "evaluates Javascript and returns a float" do
+      result = subject.evaluate_script(%<1.5>)
+      result.should == 1.5
+    end
+    it "evaluates Javascript and returns null" do
+      result = subject.evaluate_script(%<(function () {})()>)
+      result.should == nil
+    end
+    it "evaluates Javascript and returns an object" do
+      result = subject.evaluate_script(%<({ 'one' : 1 })>)
+      result.should == { 'one' => 1 }
+    end
+    it "evaluates Javascript and returns true" do
+      result = subject.evaluate_script(%<true>)
+      result.should === true
+    end
+    it "evaluates Javascript and returns false" do
+      result = subject.evaluate_script(%<false>)
+      result.should === false
+    end
+    it "evaluates Javascript and returns an escaped string" do
+      result = subject.evaluate_script(%<'"'>)
+      result.should === "\""
+    end
+    it "evaluates Javascript with multiple lines" do
+      result = subject.evaluate_script("[1,\n2]")
+      result.should == [1, 2]
+    end
+    it "executes Javascript" do
+      subject.execute_script(%<document.getElementById('greeting').innerHTML = 'yo'>)
+      subject.find("//p[contains(., 'yo')]").should_not be_empty
+    end
+    it "raises an error for failing Javascript" do
+      expect { subject.execute_script(%<invalid salad>) }.
+        to raise_error(Capybara::Driver::Webkit::WebkitError)
+    end
+    it "returns a node's tag name" do
+      subject.find("//p").first.tag_name.should == "p"
+    end
+    it "finds visible elements" do
+      subject.find("//p").first.should be_visible
+      subject.find("//*[@id='invisible']").first.should_not be_visible
+    end
+  end
+  context "form app" do
+    before(:all) do
+      @app = lambda do |env|
+        body = <<-HTML
+          <html><body>
+            <form action="/" method="GET">
+              <input type="text" name="foo" value="bar"/>
+              <input type="checkbox" name="checkedbox" value="1" checked="checked"/>
+              <input type="checkbox" name="uncheckedbox" value="2"/>
+              <select name="animal">
+                <option id="select-option-monkey">Monkey</option>
+                <option id="select-option-capybara" selected="selected">Capybara</option>
+              </select>
+              <select name="toppings" multiple="multiple">
+                <optgroup label="Mediocre Toppings">
+                  <option selected="selected" id="topping-apple">Apple</option>
+                  <option selected="selected" id="topping-banana">Banana</option>
+                </optgroup>
+                <optgroup label="Best Toppings">
+                  <option selected="selected" id="topping-cherry">Cherry</option>
+                </optgroup>
+              </select>
+              <textarea id="only-textarea">what a wonderful area for text</textarea>
+              <input type="radio" id="only-radio" value="1"/>
+            </form>
+          </body></html>
+        HTML
+        [200,
+          { 'Content-Type' => 'text/html', 'Content-Length' => body.length.to_s },
+          [body]]
+      end
+    end
+    it "returns a textarea's value" do
+      subject.find("//textarea").first.value.should == "what a wonderful area for text"
+    end
+    it "returns a text input's value" do
+      subject.find("//input").first.value.should == "bar"
+    end
+    it "returns a select's value" do
+      subject.find("//select").first.value.should == "Capybara"
+    end
+    it "sets an input's value" do
+      input = subject.find("//input").first
+      input.set("newvalue")
+      input.value.should == "newvalue"
+    end
+    it "sets a select's value" do
+      select = subject.find("//select").first
+      select.set("Monkey")
+      select.value.should == "Monkey"
+    end
+    it "sets a textarea's value" do
+      textarea = subject.find("//textarea").first
+      textarea.set("newvalue")
+      textarea.value.should == "newvalue"
+    end
+    let(:monkey_option)   { subject.find("//option[@id='select-option-monkey']").first }
+    let(:capybara_option) { subject.find("//option[@id='select-option-capybara']").first }
+    let(:animal_select)   { subject.find("//select[@name='animal']").first }
+    let(:apple_option)    { subject.find("//option[@id='topping-apple']").first }
+    let(:banana_option)   { subject.find("//option[@id='topping-banana']").first }
+    let(:cherry_option)   { subject.find("//option[@id='topping-cherry']").first }
+    let(:toppings_select) { subject.find("//select[@name='toppings']").first }
+    it "selects an option" do
+      animal_select.value.should == "Capybara"
+      monkey_option.select_option
+      animal_select.value.should == "Monkey"
+    end
+    it "unselects an option in a multi-select" do
+      toppings_select.value.should include("Apple", "Banana", "Cherry")
+      apple_option.unselect_option
+      toppings_select.value.should_not include("Apple")
+    end
+    it "reselects an option in a multi-select" do
+      apple_option.unselect_option
+      banana_option.unselect_option
+      cherry_option.unselect_option
+      toppings_select.value.should == []
+      apple_option.select_option
+      banana_option.select_option
+      cherry_option.select_option
+      toppings_select.value.should include("Apple", "Banana", "Cherry")
+    end
+    let(:checked_box) { subject.find("//input[@name='checkedbox']").first }
+    let(:unchecked_box) { subject.find("//input[@name='uncheckedbox']").first }
+    it "knows a checked box is checked" do
+      checked_box['checked'].should be_true
+    end
+    it "knows an unchecked box is unchecked" do
+      unchecked_box['checked'].should_not be_true
+    end
+    it "checks an unchecked box" do
+      unchecked_box.set(true)
+      unchecked_box['checked'].should be_true
+    end
+    it "unchecks a checked box" do
+      checked_box.set(false)
+      checked_box['checked'].should_not be_true
+    end
+    it "leaves a checked box checked" do
+      checked_box.set(true)
+      checked_box['checked'].should be_true
+    end
+    it "leaves an unchecked box unchecked" do
+      unchecked_box.set(false)
+      unchecked_box['checked'].should_not be_true
+    end
+  end
+  context "form events app" do
+    before(:all) do
+      @app = lambda do |env|
+        body = <<-HTML
+          <html><body>
+            <form action="/" method="GET">
+              <input class="watch" type="text"/>
+              <input class="watch" type="password"/>
+              <textarea class="watch"></textarea>
+              <input class="watch" type="checkbox"/>
+              <input class="watch" type="radio"/>
+            </form>
+            <ul id="events"></ul>
+            <script type="text/javascript">
+              var events = document.getElementById("events");
+              var recordEvent = function (event) {
+                var element = document.createElement("li");
+                element.innerHTML = event.type;
+                events.appendChild(element);
+              };
+              var elements = document.getElementsByClassName("watch");
+              for (var i = 0; i < elements.length; i++) {
+                var element = elements[i];
+                element.addEventListener("focus", recordEvent);
+                element.addEventListener("keydown", recordEvent);
+                element.addEventListener("keyup", recordEvent);
+                element.addEventListener("change", recordEvent);
+                element.addEventListener("blur", recordEvent);
+                element.addEventListener("click", recordEvent);
+              }
+            </script>
+          </body></html>
+        HTML
+        [200,
+          { 'Content-Type' => 'text/html', 'Content-Length' => body.length.to_s },
+          [body]]
+      end
+    end
+    it "triggers text input events" do
+      subject.find("//input[@type='text']").first.set("newvalue")
+      subject.find("//li").map(&:text).should == %w(focus keydown keyup change blur)
+    end
+    it "triggers textarea input events" do
+      subject.find("//textarea").first.set("newvalue")
+      subject.find("//li").map(&:text).should == %w(focus keydown keyup change blur)
+    end
+    it "triggers password input events" do
+      subject.find("//input[@type='password']").first.set("newvalue")
+      subject.find("//li").map(&:text).should == %w(focus keydown keyup change blur)
+    end
+    it "triggers radio input events" do
+      subject.find("//input[@type='radio']").first.set(true)
+      subject.find("//li").map(&:text).should == %w(click)
+    end
+    it "triggers checkbox events" do
+      subject.find("//input[@type='checkbox']").first.set(true)
+      subject.find("//li").map(&:text).should == %w(click)
+    end
+  end
+  context "mouse app" do
+    before(:all) do
+      @app =lambda do |env|
+        body = <<-HTML
+          <html><body>
+            <div id="change">Change me</div>
+            <div id="mouseup">Push me</div>
+            <div id="mousedown">Release me</div>
+            <script type="text/javascript">
+              document.getElementById("change").
+                addEventListener("change", function () {
+                  this.className = "triggered";
+                });
+              document.getElementById("mouseup").
+                addEventListener("mouseup", function () {
+                  this.className = "triggered";
+                });
+              document.getElementById("mousedown").
+                addEventListener("mousedown", function () {
+                  this.className = "triggered";
+                });
+            </script>
+            <a href="/next">Next</a>
+          </body></html>
+        HTML
+        [200,
+          { 'Content-Type' => 'text/html', 'Content-Length' => body.length.to_s },
+          [body]]
+      end
+    end
+    it "clicks an element" do
+      subject.find("//a").first.click
+      subject.current_url =~ %r{/next$}
+    end
+    it "fires a mouse event" do
+      subject.find("//*[@id='mouseup']").first.trigger("mouseup")
+      subject.find("//*[@class='triggered']").should_not be_empty
+    end
+    it "fires a non-mouse event" do
+      subject.find("//*[@id='change']").first.trigger("change")
+      subject.find("//*[@class='triggered']").should_not be_empty
+    end
+    it "fires drag events" do
+      draggable = subject.find("//*[@id='mousedown']").first
+      container = subject.find("//*[@id='mouseup']").first
+      draggable.drag_to(container)
+      subject.find("//*[@class='triggered']").size.should == 2
+    end
+  end
+  context "nesting app" do
+    before(:all) do
+      @app = lambda do |env|
+        body = <<-HTML
+          <html><body>
+            <div id="parent">
+              <div class="find">Expected</div>
+            </div>
+            <div class="find">Unexpected</div>
+          </body></html>
+        HTML
+        [200,
+          { 'Content-Type' => 'text/html', 'Content-Length' => body.length.to_s },
+          [body]]
+      end
+    end
+    it "evaluates nested xpath expressions" do
+      parent = subject.find("//*[@id='parent']").first
+      parent.find("./*[@class='find']").map(&:text).should == %w(Expected)
+    end
+  end
+  context "slow app" do
+    before(:all) do
+      @app = lambda do |env|
+        body = <<-HTML
+          <html><body>
+            <form action="/next"><input type="submit"/></form>
+            <p>#{env['PATH_INFO']}</p>
+          </body></html>
+        HTML
+        sleep(0.5)
+        [200,
+          { 'Content-Type' => 'text/html', 'Content-Length' => body.length.to_s },
+          [body]]
+      end
+    end
+    it "waits for a request to load" do
+      subject.find("//input").first.click
+      subject.find("//p").first.text.should == "/next"
+    end
+  end
+  context "popup app" do
+    before(:all) do
+      @app = lambda do |env|
+        body = <<-HTML
+          <html><body>
+            <script type="text/javascript">
+              alert("alert");
+              confirm("confirm");
+              prompt("prompt");
+            </script>
+            <p>success</p>
+          </body></html>
+        HTML
+        sleep(0.5)
+        [200,
+          { 'Content-Type' => 'text/html', 'Content-Length' => body.length.to_s },
+          [body]]
+      end
+    end
+    it "doesn't crash from alerts" do
+      subject.find("//p").first.text.should == "success"
+    end
+  end
+end