<h1>This is a test</h1>

<h2 class="no text"></h2>
<h2 class="no text"></h2>
<h2 class="head" id="h2one">Header Class Test One</h2>
<h2 class="head" id="h2two">Header Class Test Two</h2>
<h2 class="head">Header Class Test Three</h2>
<h2 class="head">Header Class Test Four</h2>
<h2 class="head">Header Class Test Five</h2>

<span class="number">42</span>

<p class="para" 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 width="20" height="20" alt="awesome image" /></a>
</p>

<p class="para" 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
  text   with &nbsp;
  whitespace
  id est laborum.
</p>

<p>
  <input type="text" id="test_field" value="monkey"/>
  <input type="text" readonly="readonly" value="should not change" />
  <textarea id="normal">
banana</textarea>
  <textarea id="additional_newline">

banana</textarea>
  <textarea readonly="readonly">textarea should not change</textarea>
  <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 title="a fine link with data method" data-method="delete" href="/delete">A link with data-method</a>
  <a title="a fine link with capitalized data method" data-method="DELETE" href="/delete">A link with capitalized data-method</a>
  <a>No Href</a>
  <a href="">Blank Href</a>
  <a href="#">Blank Anchor</a>
  <a href="#anchor">Normal Anchor</a>
  <a href="/with_simple_html#anchor">Anchor on different page</a>
  <a href="/with_html#anchor">Anchor on same page</a>
  <a href="with_html">Relative</a>
  <a href="//<%= request.host_with_port %>/foo">Protocol</a>
  <input type="text" checked="checked" id="checked_field">
  <a href="/redirect"><img width="20" height="20" alt="very fine image" /></a>
  <a href="/with_simple_html"><img width="20" height="20" alt="fine image" /></a>
  <a href="/with_simple_html" disabled="disabled">Disabled link</a>

  <a href="?query_string=true">Naked Query String</a>
  <% if params[:query_string] %>
    <em>Query String sent</em>
  <% end %>
</p>

<div id="hidden" style="display: none;">
  <div id="hidden_via_ancestor">Inside element with hidden ancestor</div>
  <a href="/with_simple_html" title="hidden link" class="simple">hidden link</a>
</div>

<div id="hidden_attr" hidden="hidden">
  <a id="hidden_attr_via_ancestor">hidden attribute ancestor link</a>
</div>


<div id="hidden-text">
  Some of this text is <em style="display:none">hidden!</em>
</div>

<div style="display: none;">
  <a id="first_invisble" class="hidden">first hidden link</a>
</div>

<div style="display: none;">
  <a id="invisible" class="visibility hidden">hidden link</a>
</div>

<div>
  <a id="visible" class="visibility">visible link</a>
</div>

<div>
  Number 42
</div>

<ul>
  <li class="beatle guitarist" id="john">John</li>
  <li class="beatle bassist drummer" id="paul">Paul</li>
  <li class="beatle guitarist" id="george">George</li>
  <li class="beatle drummer" id="ringo">Ringo</li>
</ul>

<div>
  <div class="singular">singular</div>
  <div class="multiple">multiple one</div>
  <div class="multiple">multiple two</div>
  <div class="almost_singular but_not_quite">almost singular but not quite</div>
  <div class="almost_singular">almost singular</div>
</div>

<input type="text" disabled="disabled" name="disabled_text" value="This is disabled"/>

<div>
  <a id="link_placeholder">No href</a>
</div>
