<!DOCTYPE HTML> <html lang=“en-us”>
<head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>Qwery tests</title> <style type="text/css"> #fixtures { position: absolute; top: -9999px; } </style> <link rel="stylesheet" href="../node_modules/sink-test/src/sink.css" type="text/css"> <script src="../node_modules/sink-test/src/sink.js"></script> <script src="../src/qwery.js"></script> <script src="../pseudos/qwery-pseudos.js"></script> <script type="text/javascript"> var Q = qwery </script> </head> <body> <h1>Qwery Tests</h1> <div id="fixtures"> <ol id="list"> <li>hello</li> <li>world</li> <ol> <li>world</li> <li id="attr-child-boosh" attr="boosh">hello</li> </ol> <li>humans</li> </ol> <div id="spaced-tokens"> <p><em><a href="#"></a></em></p> <p></p> </div> <div id="pseudos"> <div class="odd pseudos pseudo-1"></div> <div class="even pseudos pseudo-2"></div> <div class="odd"></div> <div class="even"></div> <a class="odd"></a> <div class="even"></div> <div class="odd"></div> </div> <div foo="bar"></div> <div class="a"></div> <div class="class-with-dashes"></div> <div id="boosh"> <!-- comment --> <!-- comment --> <div class="a b"> <div class="d e" test="fg" id="booshTest"></div> <!-- comment --> <em nopass="copyrighters" rel="copyright booshrs" test="f g"></em> <span class="h i a"></span> </div> <!-- comment --> </div> <div id="lonelyBoosh"></div> <div id="attr-test1" -data-attr></div> <div id="attr-test2" -data-attr></div> <div id="attr-test3" class="found you" -data-attr title="whatup duders"></div> <div id="attributes"> <div test="one" unique-test="baz" id="attr-test-1"></div> <div test="two-foo" id="attr-test-2"></div> <div test=" three " id="attr-test-3"></div> <a href="#aname" id="attr-test-4">aname</a> </div> <div class="idless"> <div class="tokens" title="one" id="token-one"></div> <div class="tokens" title="one two" id="token-two"></div> <div class="tokens" title="one two three #%" id="token-three"> <a href="foo" id="token-four"> <div id="token-five"></div> </a> </div> </div> <div id="order-matters" class="order-matters"> <p class="order-matters"></p> <a class="order-matters"> <em class="order-matters"></em><b class="order-matters"></b> </a> </div> <div id="direct-descend" class="oogabooga"> <div></div> <div class="direct-descend"> <span></span> <div class="direct-descend"> <div class="lvl2" id="toodeep"><span></span></div> </div> <div class="direct-descend"><span></span></div> <div class="lvl2" id="l2"> <span></span> <div class="direct-descend"><span></span></div> </div> <div class="lvl2" id="l3"></div> </div> <div class="ignoreme"></div> <div class="direct-descend"> <div class="direct-descend"></div> <div class="lvl2" id="l4"></div> </div> <div></div> </div> <div id="sibling-selector"></div> <div class="sibling-selector" id="sib1"> <div class="sibling-selector"></div> <div class="sibling-selector"></div> </div> <div class="sibling-selector" id="sib2"> <div class="sibling-selector"> <div class="sibling-selector"></div> </div> </div> <div class="parent"> <h1 class="sibling oldest"></h1> <h2 class="sibling older"></h2> <h3 class="sibling middle"></h3> <h4 class="sibling younger"></h4> <h5 class="sibling youngest"></h5> </div> <form> <button></button> <input type="text"> <input type="hidden"> </form> </div> <ol id="tests"></ol> <iframe id="frame" style="width: 0; height: 0; margin-left: -1000px;"></iframe> <script src="tests.js"></script> </body>
</html>