h13ronim-capybara 0.3.0.1

data/spec/views/buttons.erb

@@ -0,0 +1,4 @@
+<h1>Buttons</h1>
+<button>Click me!</button>
+<button id="click_me_123">Click me by id!</button>
+<button value="click_me">Click me by value!</button>

data/spec/views/fieldsets.erb

@@ -0,0 +1,29 @@
+<form action="/form" method="post">
+  <fieldset id="agent_fieldset">
+    <legend>Agent</legend>
+  
+    <p>
+      <label for="form_agent_name">Name</label>
+      <input type="text" name="form[agent_name]" value="James" id="form_agent_name"/>
+    </p>
+  
+    <p>
+      <input type="submit" value="Create"/>
+    </p>
+  </fieldset>
+</form>
+
+<form action="/form" method="post">
+  <fieldset id="villain_fieldset">
+    <legend>Villain</legend>
+  
+    <p>
+      <label for="form_villain_name">Name</label>
+      <input type="text" name="form[villain_name]" value="Ernst" id="form_villain_name"/>
+    </p>
+  
+    <p>
+      <input type="submit" value="Create"/>
+    </p>
+  </fieldset>
+</form>

data/spec/views/form.erb

@@ -0,0 +1,232 @@
+<h1>Form</h1>
+
+<form action="/form" method="post">
+
+  <p>
+    <label for="form_title">Title</label>
+    <select name="form[title]" id="form_title">
+      <option>Mrs</option>
+      <option>Mr</option>
+      <option>Miss</option>
+    </select>
+  </p>
+
+  <p>
+    <label for="form_first_name">
+      First Name
+      <input type="text" name="form[first_name]" value="John" id="form_first_name"/>
+    </label>
+  </p>
+
+  <p>
+    <label for="form_last_name">Last Name</label>
+    <input type="text" name="form[last_name]" value="Smith" id="form_last_name"/>
+  </p>
+  
+  <p>
+    <label for="form_name_explanation">Explanation of Name</label>
+    <textarea name="form[name_explanation]" id="form_name_explanation"></textarea>
+  </p>
+
+  <p>
+    <label for="form_name">Name</label>
+    <input type="text" name="form[name]" value="John Smith" id="form_name"/>
+  </p>
+
+  <p>
+    <label for="form_schmooo">Schmooo</label>
+    <input type="schmooo" name="form[schmooo]" value="This is Schmooo!" id="form_schmooo"/>
+  </p>
+  
+  <p>
+    <label>Street<br/>
+      <input type="text" name="form[street]" value="Sesame street 66"/>
+    </label>
+  </p>
+
+  <p>
+    <label for="form_phone">Phone</label>
+    <input type="text" name="form[phone]" value="+1 555 7021" id="form_phone"/>
+  </p>
+
+  <p>
+    <label for="form_password">Password</label>
+    <input type="password" name="form[password]" value="seeekrit" id="form_password"/>
+  </p>
+
+  <p>
+    <label for="form_terms_of_use">Terms of Use</label>
+    <input type="hidden" name="form[terms_of_use]" value="0" id="form_terms_of_use_default">
+    <input type="checkbox" name="form[terms_of_use]" value="1" id="form_terms_of_use">
+  </p>
+
+  <p>
+    <label for="form_image">Image</label>
+    <input type="file" name="form[image]" id="form_image"/>
+  </p>
+  
+  <p>
+    <input type="hidden" name="form[token]" value="12345" id="form_token"/>
+  </p>
+
+  <p>
+    <label for="form_locale">Locale</label>
+    <select name="form[locale]" id="form_locale">
+      <option value="sv">Swedish</option>
+      <option selected="selected" value="en">English</option>
+      <option value="fi">Finish</option>
+      <option value="no">Norwegian</option>
+    </select>
+  </p>
+
+  <p>
+    <label for="form_region">Region</label>
+    <select name="form[region]" id="form_region">
+      <option>Sweden</option>
+      <option selected="selected">Norway</option>
+      <option>Finland</option>
+    </select>
+  </p>
+
+  <p>
+    <label for="form_city">City</label>
+    <select name="form[city]" id="form_city">
+      <option>London</option>
+      <option>Stockholm</option>
+      <option>Paris</option>
+    </select>
+  </p>
+
+  <p>
+    <label for="form_tendency">Tendency</label>
+    <select name="form[tendency]" id="form_tendency"></select>
+  </p>
+
+  <p>
+    <label for="form_description">Description</label></br>
+    <textarea name="form[description]" id="form_description">Descriptive text goes here</textarea>
+  <p>
+
+  <p>
+    <input type="radio" name="form[gender]" value="male" id="gender_male"/>
+    <label for="gender_male">Male</label>
+    <input type="radio" name="form[gender]" value="female" id="gender_female" checked="checked"/>
+    <label for="gender_female">Female</label>
+    <input type="radio" name="form[gender]" value="both" id="gender_both"/>
+    <label for="gender_both">Both</label>
+  </p>
+
+  <p>
+    <input type="checkbox" value="dog" name="form[pets][]" id="form_pets_dog" checked="checked"/>
+    <label for="form_pets_dog">Dog</label>
+    <input type="checkbox" value="cat" name="form[pets][]" id="form_pets_cat"/>
+    <label for="form_pets_cat">Cat</label>
+    <input type="checkbox" value="hamster" name="form[pets][]" id="form_pets_hamster" checked="checked"/>
+    <label for="form_pets_hamster">Hamster</label>
+  </p>
+
+  <p>
+    <label for="form_languages">Languages</label>
+    <select name="form[languages][]" id="form_languages" multiple="multiple">
+      <option>Ruby</option>
+      <option>SQL</option>
+      <option>HTML</option>
+      <option>Javascript</option>
+    </select>
+  </p>
+
+  <p>
+    <label for="form_underwear">Underwear</label>
+    <select name="form[underwear][]" id="form_underwear" multiple="multiple">
+      <option selected="selected">Boxer Briefs</option>
+      <option>Boxers</option>
+      <option selected="selected">Briefs</option>
+      <option selected="selected">Commando</option>
+    </select>
+  </p>
+
+  <div style="display:none;">
+    <label for="form_first_name_hidden">
+      Super Secret
+      <input type="text" name="form[super_secret]" value="test123" id="form_super_secret"/>
+    </label>
+  </div>
+
+  <p>
+    <input type="button" name="form[fresh]" id="fresh_btn" value="i am fresh"/>
+    <input type="submit" name="form[awesome]" id="awe123" value="awesome"/>
+    <input type="submit" name="form[crappy]" id="crap321" value="crappy"/>
+    <input type="image" name="form[okay]" id="okay556" value="okay" alt="oh hai thar"/>
+    <button type="submit" id="click_me_123" value="click_me">Click me!</button>
+    <button type="submit" name="form[no_value]">No Value!</button>
+  </p>
+</form>
+
+<form action="/form/get?foo=bar" method="get">
+  <p>
+    <label for="form_middle_name">Middle Name</label>
+    <input type="text" name="form[middle_name]" value="Darren" id="form_middle_name"/>
+  </p>
+
+  <p>
+    <input type="submit" name="form[mediocre]" id="mediocre" value="med"/>
+  <p>
+</form>
+
+<form action="/upload" method="post" enctype="multipart/form-data">
+  <p>
+    <label for="form_file_name">File Name</label>
+    <input type="file" name="form[file_name]" id="form_file_name"/>
+  </p>
+
+  <p>
+    <label for="form_document">Document</label>
+    <input type="file" name="form[document]" id="form_document"/>
+  </p>
+ 
+  <p>
+    <input type="submit" value="Upload"/>
+  <p>
+</form>
+
+<form action="/redirect" method="post">
+  <p>
+    <input type="submit" value="Go FAR"/>
+  </p>
+</form>
+
+<form action="/form" method="post">
+  <p>
+    <label for="html5_email">Html5 Email</label>
+    <input type="email" name="form[html5_email]" value="person@email.com" id="html5_email"/>
+  </p>
+  <p>
+    <label for="html5_url">Html5 Url</label>
+    <input type="url" name="form[html5_url]" value="http://www.example.com" id="html5_url"/>
+  </p>
+  <p>
+    <label for="html5_search">Html5 Search</label>
+    <input type="search" name="form[html5_search]" value="what are you looking for" id="html5_search"/>
+  </p>
+  <p>
+    <label for="html5_tel">Html5 Tel</label>
+    <input type="tel" name="form[html5_tel]" value="911" id="html5_tel"/>
+  </p>
+  <p>
+    <label for="html5_color">Html5 Color</label>
+    <input type="color" name="form[html5_color]" value="#FFF" id="html5_color"/>
+  </p>
+  
+  <p>
+    <input type="submit" name="form[html5_submit]" value="html5_submit"/>
+  </p>
+</form>
+
+<form action="/form" method="post">
+  <p>
+    <button type="submit" name="form[button]" value="button_first">Just an input that came first</button>
+    <button type="submit" name="form[button]" value="button_second">Just an input</button>
+    <input type="submit" name="form[button]" value="Just a button that came first"/>
+    <input type="submit" name="form[button]" value="Just a button"/>
+  </p>
+</form>

data/spec/views/postback.erb

@@ -0,0 +1,13 @@
+<h1>Postback</h1>
+
+<form method="get">
+  <p>
+    <input type="submit" value="With no action">
+  </p>
+</form>
+
+<form action="" method="get">
+  <p>
+    <input type="submit" value="With blank action">
+  </p>
+</form>

data/spec/views/tables.erb

@@ -0,0 +1,122 @@
+<form action="/form" method="post">
+  <table id="agent_table">
+    <caption>Agent</caption>
+  
+    <tr>
+      <td>
+        <label for="form_agent_name">Name</label>
+      </td>
+      <td>
+        <input type="text" name="form[agent_name]" value="James" id="form_agent_name"/>
+      </td>
+    </tr>
+  
+    <tr>
+      <td colspan="2">
+        <input type="submit" value="Create"/>
+      </td>
+    </tr>
+  </table>
+</form>
+
+<form action="/form" method="post">
+  <table id="girl_table">
+    <caption>Girl</caption>
+  
+    <tr>
+      <td>
+        <label for="form_girl_name">Name</label>
+      </td>
+      <td>
+        <input type="text" name="form[girl_name]" value="Vesper" id="form_girl_name"/>
+      </td>
+    </tr>
+  
+    <tr>
+      <td colspan="2">
+        <input type="submit" value="Create"/>
+      </td>
+    </tr>
+  </table>
+</form>
+
+<form action="/form" method="post">
+  <table id="villain_table">
+    <caption>Villain</caption>
+  
+    <tr>
+      <td>
+        <label for="form_villain_name">Name</label>
+      </td>
+      <td>
+        <input type="text" name="form[villain_name]" value="Ernst" id="form_villain_name"/>
+      </td>
+    </tr>
+  
+    <tr>
+      <td colspan="2">
+        <input type="submit" value="Create"/>
+      </td>
+    </tr>
+  </table>
+</form>
+
+<table>
+  <caption>Ransom</caption>
+
+  <thead>
+    <tr>
+      <th>Year</th>
+      <th>Governmental</th>
+      <th>Private</th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <tr>
+      <th scope="row">2007</th>
+      <td>$300</td>
+      <td>$100</td>
+    </tr>
+    <tr>
+      <th scope="row">2008</th>
+      <td>$123</td>
+      <td>$897</td>
+    </tr>
+    <tr>
+      <th scope="row">2009</th>
+      <td>$543</td>
+      <td>$99</td>
+    </tr>
+  </tbody>
+</table>
+
+<table>
+  <caption>Deaths</caption>
+
+  <thead>
+    <tr>
+      <th>Year</th>
+      <th>Sharks with lasers</th>
+      <th>Flaming volcano</th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <tr>
+      <th scope="row">2007</th>
+      <td>66</td>
+      <td>7</td>
+    </tr>
+    <tr>
+      <th scope="row">2008</th>
+      <td>123</td>
+      <td>12</td>
+    </tr>
+    <tr>
+      <th scope="row">2009</th>
+      <td>913</td>
+      <td>13</td>
+    </tr>
+  </tbody>
+</table>

data/spec/views/with_html.erb

@@ -0,0 +1,38 @@
+<h1>This is a test</h1>
+
+<p id="first">
+  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+  tempor incididunt ut <a href="/with_simple_html" title="awesome title" class="simple">labore</a>
+  et dolore magna aliqua. Ut enim ad minim veniam,
+  quis nostrud exercitation <a href="/foo" id="foo">ullamco</a> laboris nisi
+  ut aliquip ex ea commodo consequat.
+  <a href="/with_simple_html"><img src="http://www.foobar.sun/dummy_image.jpg" width="20" height="20" alt="awesome image" /></a>
+</p>
+
+<p id="second">
+  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
+  dolore eu fugiat <a href="/redirect" id="red">Redirect</a> pariatur. Excepteur sint occaecat cupidatat non proident,
+  sunt in culpa qui officia deserunt mollit anim id est laborum.
+</p>
+
+<p>
+  <input type="text" id="test_field" value="monkey"/>
+  <a href="/redirect_back">BackToMyself</a>
+  <a title="twas a fine link" href="/redirect">A link came first</a>
+  <a title="a fine link" href="/with_simple_html">A link</a>
+  <a>No Href</a>
+  <a href="">Blank Href</a>
+  <a href="#">Blank Anchor</a>
+  <a href="#anchor">Anchor</a>
+  <a href="/with_simple_html#anchor">Anchor on different page</a>
+  <a href="/with_html#anchor">Anchor on same page</a>
+  <input type="text" value="" id="test_field">
+  <input type="text" checked="checked" id="checked_field">
+  <a href="/redirect"><img src="http://www.foobar.sun/dummy_image.jpg" width="20" height="20" alt="very fine image" /></a>
+  <a href="/with_simple_html"><img src="http://www.foobar.sun/dummy_image.jpg" width="20" height="20" alt="fine image" /></a>
+</p>
+
+<div id="hidden" style="display: none;">
+  <div id="hidden_via_ancestor">Inside element with hidden ancestor</div>
+  <a href="/with_simple_html" title="awesome title" class="simple">hidden link</a>
+</div>

data/spec/views/with_js.erb

@@ -0,0 +1,39 @@
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
+    <title>with_js</title>
+    <script src="/jquery.js" type="text/javascript" charset="utf-8"></script>
+    <script src="/jquery-ui.js" type="text/javascript" charset="utf-8"></script>
+    <script src="/test.js" type="text/javascript" charset="utf-8"></script>
+  </head>
+  
+  <body id="with_js">
+    <h1>FooBar</h1>
+    
+    <p id="change">This is text</p>
+    <div id="drag">
+      <p>This is a draggable element.</p>
+    </div>
+    <div id="drop">
+      <p>It should be dropped here.</p>
+    </div>
+    
+    <p><a href="#" id="clickable">Click me</a></p>
+    
+    <p>
+      <select id="waiter">
+        <option>Foo</option>
+        <option>My Waiting Option</option>
+      </select>
+    </p>
+    
+    <p>
+      <input type="text" name="with_focus_event" value="" id="with_focus_event"/>
+    </p>
+
+    <p>
+      <input type="checkbox" id="checkbox_with_event"/>
+    </p>
+  </body>
+</html>
+