133 lines
4.3 KiB
HTML
133 lines
4.3 KiB
HTML
<!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>
|