node/tests/node.html

	node.html revision f17e17be9c572987bd54bdfc62a306c1d53859e2
c05435d86f46effbb48f460bd664b0c4170c07f1johanengelen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
c05435d86f46effbb48f460bd664b0c4170c07f1johanengelen<html>
c05435d86f46effbb48f460bd664b0c4170c07f1johanengelen<head>
c05435d86f46effbb48f460bd664b0c4170c07f1johanengelen<title>Node Test Suite</title>
c05435d86f46effbb48f460bd664b0c4170c07f1johanengelen
c05435d86f46effbb48f460bd664b0c4170c07f1johanengelen<link type="text/css" rel="stylesheet" href="/yui2/build/logger/assets/logger.css">
c05435d86f46effbb48f460bd664b0c4170c07f1johanengelen<link type="text/css" rel="stylesheet" href="/yui2/build/yuitest/assets/testlogger.css">
c05435d86f46effbb48f460bd664b0c4170c07f1johanengelen
c05435d86f46effbb48f460bd664b0c4170c07f1johanengelen<script type="text/javascript" src="/build/yui/yui.js"></script>
9efa90a14f617d756ada86d166a3509042565469johanengelen
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow<script type="text/javascript" src="/yui2/build/yahoo/yahoo-min.js"></script>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow<script type="text/javascript" src="/yui2/build/dom/dom-min.js"></script>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow<script type="text/javascript" src="/yui2/build/event/event.js"></script>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow<script type="text/javascript" src="/yui2/build/logger/logger-min.js"></script>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow<script type="text/javascript" src="/yui2/build/yuitest/yuitest.js"></script>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow<style type="text/css">
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadowbody {
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    font:13px/1.22 arial;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    width:1000px;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow}
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow#doc {
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    min-height:200px;
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow}
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow#get-style {
9efa90a14f617d756ada86d166a3509042565469johanengelen    background:#ccc;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    float:left;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    font-size:10px;
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    height:10em;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    padding:15px 0;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    width:200px;
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow}
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow.mask {
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    background:#ccc;
cbd9e9998d6b2b36f0a979bea85d75410f3d3974johanengelen    position:absolute;
cbd9e9998d6b2b36f0a979bea85d75410f3d3974johanengelen    top:0;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    left:0;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    overflow:hidden;
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow}
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow#test-xy {
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    background:green;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    position:absolute;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    height:10px;
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    width:10px;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow}
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow#test-computed {
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    position:relative;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    width:50%;
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    margin:auto;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    padding:10px;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    z-index: 2;
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow}
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow#test-scroll {
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    height: 100px;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    width: 100px;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    overflow:auto;
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow}
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
e652143fdccf6d691397f1fdc8ec122a56603762johanengelen#test-scroll p {
e652143fdccf6d691397f1fdc8ec122a56603762johanengelen    height:1000px;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    width:1000px;
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow}
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadowbutton {
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    display:block;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow}
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow</style>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow</head>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow<body class="yui-skin-sam">
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    <div id="test-append"></div>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    <div id="test-xy"></div>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    <div id="test-remove"></div>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    <div id="test-replace"><p>replace me</p></div>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    <div id="test-scroll">
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    </div>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    <div id="test-frag">
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        <p>Lorem ipsum dolor <em>sit</em>.</p>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    </div>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    <div id="doc" class="doc-wrap">
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        <a href="http://www.yahoo.com/foo" id="link-1">Yahoo!</a>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow        <a href="foo.html" id="link-2" tabIndex="-1">foo</a>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        <form id="test-form" class="test-class" action="#">
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            <label for="test-text-value"><em>label</em></label>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            <input name="test-text-value" value="text value">
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            <input name="test-text-novalue">
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            <textarea name="test-textarea-value" value="textarea value"></textarea>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            <textarea name="test-textarea-novalue"></textarea>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            <textarea name="test-textarea-textvalue">textarea text</textarea>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            <button name="test-button-value" value="button value">button</button>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            <button name="test-button-novalue"></button>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            <button name="test-button-textvalue">button text</button>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        </form><div id="test-class">test class</div>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow        <div id="test-prop" tabindex="4">text<em id="test-contains">test<span></span></em><strong>node</strong></div>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        <div id="set-style"><div class="bar" id="bar">setStyle</div>foo<div>blah</div></div>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        <div id="get-style">getStyle</div>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow        <div id="baz">baz</div>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        text
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        <div id="test-extras">extras</div>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow        <div id="test-children">foo <span>bar</span> <strong>baz</strong> </div>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    </div>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    <div id="inline-style" style="color: green">inline style</div>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    <div id="foo" aria-checked="true"></div>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    <div id="test-computed">test computed style</div>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    <form id="form.foo@bar:baz">
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow        <select id="test-select" name="test-select">
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            <option value="0">foo</option>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            <option value="1">bar</option>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            <option>baz</option>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        </select>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    </form>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    <div id="test-nodes"> <ul> <li>item 1</li>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            <li>item 2</li>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            <li>item 3</li>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            <li>item 4</li>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        </ul>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        <ol>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            <li>item 1</li>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            <li>item 2</li>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            <li>item 3</li>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            <li>item 4</li>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow        </ol>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    </div>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow<iframe src="test-frame"></iframe>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow<div id="test-insert-html">foo</div>
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow<div id="yui-log"></div>
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow<script type="text/javascript">
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadowYUI({base: '/build/', filter: 'raw'}).use('node', 'selector-css3', 'anim', function(Y) {
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    var tool = YAHOO.tool,
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    suite = new tool.TestSuite("yuisuite");
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    var Assert = YAHOO.util.Assert;
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    var ArrayAssert = YAHOO.util.ArrayAssert;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    var logger = new tool.TestLogger('yui-log', { height: '800px', fontSize: '100%' });
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    var byId = function(id) {
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        return document.getElementById(id);
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    };
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow    var $ = Y.Selector.query;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow    suite.add( new tool.TestCase({
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        name: 'Y.Node Instance',
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow        test_get: function() {
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            var node = Y.get('#test-nodes'),
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                nodes = Y.all('#test-nodes *');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            // return null
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.isNull(Y.get(''), 'Y.get("")');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            Assert.isNull(Y.get(null), 'Y.get(null)');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.isNull(Y.get('#fake-id li'), 'Y.get("#fake-id li") === null');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.isNull(Y.get('#fake-id'), 'Y.get("#fake-id") === null');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            Assert.isNull(Y.get('#fake-id li'), 'Y.get("#fake-id li") === null');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            // return zero length collection
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            Assert.isTrue((Y.all('') instanceof Y.NodeList), 'Y.all("") instanceof NodeList');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.isTrue((Y.all('null') instanceof Y.NodeList), 'Y.all("null") instanceof NodeList');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.isTrue((Y.all('#foo *') instanceof Y.NodeList), 'Y.all("#foo *") === null');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            // return 1
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(byId('test-nodes').id, Y.get('#test-nodes').get('id'), 'Y.get("#test-nodes")');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            Assert.areEqual(byId('test-nodes'), Y.Node.getDOMNode(Y.get('#test-nodes')), 'Y.get("#test-nodes")');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(byId('test-nodes'), Y.Node.getDOMNode(Y.get('#test-nodes')), 'Y.get("#test-nodes")');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual('test-nodes', Y.get('#test-nodes').get('id'), 'Y.get("#test-nodes").get("id")');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            Assert.areEqual(node, Y.get('#test-nodes'), 'node === Y.get("#test-nodes")');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(byId('test-nodes').getElementsByTagName('li')[0],
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                    Y.Node.getDOMNode(Y.get('#test-nodes li:first-child')), 'Y.get("#test-nodes")');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(byId('test-nodes').getElementsByTagName('li')[1],
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow                    Y.Node.getDOMNode(Y.get('#test-nodes li:nth-child(2)')), 'Y.get("#test-nodes:nth-child(2)")');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(byId('test-nodes').getElementsByTagName('li')[1],
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow                    Y.Node.getDOMNode(Y.get('#test-nodes li:nth-child(2)')), 'Y.get("#test-nodes:nth-child(2)")');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(document.body, Y.Node.getDOMNode(Y.get('div, .foo, body')), "Y.get('div, .foo, body')");
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            var frameDoc = Y.get('iframe').get('contentWindow.document');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual('iframe foo', frameDoc.query('#demo li').get('innerHTML'),
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow                "frameDoc.query('#demo li').get('innerHTML')");
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(document.getElementById('form.foo@bar:baz'), Y.Node.getDOMNode(Y.get('[id="form.foo@bar:baz"]')), "[id=form.foo@bar:baz]");
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            var firstChild = Y.get('body :first-child');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Y.get('body').insertBefore(Y.Node.create('<div>foo</div>'), firstChild);
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            Assert.isFalse(Y.Node.getDOMNode(firstChild) === Y.Node.getDOMNode(Y.get('body :first-child')), "wrong node: Y.get('body :first-child')");
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Y.get('body').removeChild(Y.get('body :first-child'));
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            Assert.areEqual(Y.Selector.query('body :firstChild', null, true), Y.Node.getDOMNode(Y.get('body : first-child')), "body :first-child === #test-append");
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            // return more than 1
dde66d7d04aa31ebbbb467e1bfa62b0205569b0fverbalshadow            ArrayAssert.itemsAreEqual($('#test-select option'), Y.NodeList.getDOMNodes(Y.all('#test-select option')), 'Y.get("#test-select option")');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(3, Y.all('#test-select option').size(), 'Y.get("#test-select option").size()');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(2, Y.all('form').size(), 'Y.get("form").size()');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual('FORM', Y.all('form').item(1).get('tagName'), 'Y.get("form").item(1)');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(1, Y.all('.bar').size(), 'Y.get(".bar")');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areNotEqual(nodes, Y.all('#test-nodes *'), 'nodes === Y.all("#test-nodes")');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            Assert.areEqual(nodes.size(), Y.all('#test-nodes *').size(), 'nodes.size() === Y.all("#test-nodes").size()');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        },
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow        test_each: function() {
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            var count = 0,
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                nodes = Y.all('#test-nodes *'),
9efa90a14f617d756ada86d166a3509042565469johanengelen                index;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            nodes.each(function(node, i, list) {
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow                count++;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                index = i;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                Assert.areEqual(nodes, list, 'nodes === instance');
931c92216076df5749b9d6bf66ff96c43c82c174johanengelen                Assert.isTrue(node instanceof Y.Node, 'node instanceof Y.Node');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                Assert.areEqual(node, this, 'this === node');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            });
9efa90a14f617d756ada86d166a3509042565469johanengelen
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(count, nodes.size(), 'node.each(count) === nodes.size()');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(nodes.size() - 1, index, 'nodes.size() - 1 === index');
9efa90a14f617d756ada86d166a3509042565469johanengelen        },
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        test_some: function() {
d0094572a7caa791bf3d15ebe4c6a93638798b41verbalshadow            var nodes = Y.all('#test-nodes *'),
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                index, instance, isNode;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.isTrue(nodes.some(function(node, i, list) {
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                return true;
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            }), 'nodes.some(function() { return true; })');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.isFalse(nodes.some(function(node, i, list) {
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            }), 'nodes.some(function() {})');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        },
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow        test_indexOf: function() {
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(0, Y.all('div').indexOf(Y.get('#test-append')),
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                "Y.all('div').indexOf(Y.get('#test-append'))");
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(1, Y.all('div').indexOf(Y.get('#test-xy')),
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                "Y.all('div').indexOf(Y.get('#test-xy'))");
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(-1, Y.all('div').indexOf(Y.get('#test-')),
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                "Y.all('div').indexOf(Y.get('#test-'))");
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(-1, Y.all('div').indexOf(Y.get('#test-form')),
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                "Y.all('div').indexOf(Y.get('#test-form'))");
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow        },
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow        test_getters: function() {
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            var id = 'test-nodes',
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                element = byId(id),
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow                node = Y.get('#' + id),
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                nodes = Y.all('#' + id + ' *');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(null, node.get(''), 'node.get("") === null');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(null, node.get('fake'), 'node.get("fake") === null');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(null, node.get('nodeValue'), 'nodeValue === null');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            Assert.areEqual('DIV', node.get('nodeName'), 'nodeName === "DIV"');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual('UL', nodes.get('nodeName')[0], 'nodeName === "UL"');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual('LI', nodes.get('nodeName')[nodes.size() - 1], 'nodeName === "LI"');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(element.firstChild.nextSibling.nodeName, node.get('firstChild').get('nextSibling').get('nodeName'), 'node.firstChild.nextSibling.nodeName"');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(element.lastChild.nodeName, node.get('lastChild').get('nodeName'), 'lastChild.nodeName"');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            Assert.areEqual(9, node.get('ownerDocument').get('nodeType'), 'node.ownerDocument.nodeType ===  9');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual('test-nodes', nodes.get('parentNode').get('id')[0], 'nodes.get(parentNode)[0].get("id") === test-nodes');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow            Assert.areEqual(element.firstChild.nodeType, node.get('firstChild').get('nodeType'), 'firstChild.get("nodeType")');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(element.offsetWidth, node.get('offsetWidth'), 'offsetWidth === node.offsetWidth');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual(element.offsetParent.tagName, node.get('offsetParent').get('tagName'), 'offsetParent.tagName === offsetParent.tagName');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual('item 1', Y.Lang.trim(nodes.get('children')[0].get('text')[0]), 'nodes.get("children")[0].get("text")[0]');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual('item 1', Y.Lang.trim(nodes.get('children')[0].get('text')[0]), 'nodes.get("children")[0].get("text")[0]');
0311847cf7400d865b1f6e730ec2e3cf210a4104verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            var textContainer = Y.Node.create('<div>foo</div>');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual('foo', textContainer.get('text'), "textContainer.get('text')");
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            textContainer.set('text', 'bar');
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            Assert.areEqual('bar', textContainer.get('text'), "textContainer.set('text', 'bar')");
c05435d86f46effbb48f460bd664b0c4170c07f1johanengelen
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow            ArrayAssert.itemsAreEqual($('#test-select option'),
61a68cdf709696df81afb4293f0db1cf85ad7180verbalshadow                    Y.NodeList.getDOMNodes(Y.get('#test-select').get('options')),
                    'Y.get("#test-select.get("options")');

            Assert.areEqual(2, node.get('children').size(), 'get("children")');

            Assert.areEqual(8, Y.all('#' + id + ' li').size(), 'Y.all("#test-nodes li.size()")');

            // size() is deprecated on Node
            //Assert.areEqual(1, Y.get('#' + id + ' li').size(), 'Y.get("#test-nodes li.size()")');

            Assert.areEqual(byId('test-nodes').childNodes.length, node.get('childNodes').size(), 'node.get("childNodes").size()');

            Assert.areEqual(byId('test-nodes').childNodes.length, node.get('childNodes').get('tagName').length, 'node.get("childNodes")');
            ArrayAssert.itemsAreEqual(byId('test-nodes').childNodes.length, node.get('childNodes').get('length').length, "node.get('childNodes').get('length')");
            Assert.areEqual(element.lastChild.nodeName, node.get('lastChild.nodeName'), 'node.get("lastChild.nodeName")');
            Assert.areEqual(element.lastChild.previousSibling.nodeName, node.get('lastChild').get('previousSibling').get('nodeName'), 'node.lastChild.previousSibling.nodeName');
            Assert.areEqual('test', Y.get('#test-prop').get('firstChild.nextSibling.firstChild.nodeValue'),
                    'node.get("firstChild.nextSibling.firstChild.nodeValue")');


            Assert.areEqual(byId('test-prop').tabIndex, Y.get('#test-prop').get('tabIndex'), 'Y.get("#test-prop").get("tabIndex")');
            Assert.areEqual(byId('doc').tabIndex, Y.get('#doc').get('tabIndex'), 'Y.get("#doc".get("tabIndex"))');
            Assert.areEqual(byId('link-1').tabIndex, Y.get('#link-1').get('tabIndex'), 'Y.get("#link1".get("tabIndex"))');
            Assert.areEqual(byId('link-2').tabIndex, Y.get('#link-2').get('tabIndex'), 'Y.get("#link1".get("tabIndex"))');

            Assert.areEqual(undefined, Y.get('form').get('childNodes')._nodes.item, 'convert live list to static');
            Assert.isTrue(Y.all('input').get('parentNode') instanceof Y.NodeList, "Y.all('input').get('parentNode')");
        },

        test_create: function() {
            var id = 'test-nodes',
                element = byId(id),
                node = Y.get('#' + id);

            Assert.areEqual('fresh', node.create('<div id="fresh">fresh</div>').get('id'), 'node.create from string)');

            node = Y.Node.create('<select><option>foo</option></select>');
            var option = Y.Node.create('<option>bar</option>').set('selected', 'selected');
            node.appendChild(option);
            Assert.isTrue(Y.Node.getDOMNode(option).selected, "Y.Node.create('<option>test</option>').set('selected', 'selected'))");

            var html = '<li><a href=""></a></li>';
            node = Y.Node.create(html);
            Assert.areEqual('A', node.get('firstChild.tagName'), html);

            html = 'baz';
            node = Y.Node.create(html);
            Assert.areEqual('3', node.get('nodeType'), "node.get('nodeType')");
            Assert.areEqual('3', Y.Node.getDOMNode(node).nodeType, "Y.Node.getDOMNode(node).nodeType");

            html = '<div>bar</div>';
            node = Y.Node.create(html);
            Assert.areEqual('3', node.get('firstChild.nodeType'), "node.get('firstChild.nodeType')");
            Assert.areEqual('3', node.get('firstChild').get('nodeType'), "node.get('firstChild').get('nodeType')");
            Assert.areEqual('3', Y.Node.getDOMNode(node.get('firstChild')).nodeType, "Y.Node.getDOMNode(node.get('firstChild')).nodeType");
            node.insertBefore(Y.Node.create('foo'), node.get('firstChild'));
            Assert.areEqual('foobar', node.get('innerHTML'), "node.get('innerHTML')");
            Assert.areEqual('foobar', node.get('text'), "node.get('text')");
        },

        test_setter: function() {
            var id = 'test-prop',
                element = byId(id),
                node = Y.get('#' + id),
                nodes = Y.all('#test-nodes *');

            var childNodes = Y.get('body').get('childNodes');
            childNodes.set('title', 'foo bar');
            Assert.isTrue(byId('test-nodes').title == 'foo bar', 'Y.get("body").get("childNodes").set("title")');

            node.set('foo', 'foo');
            Assert.isUndefined(node.get('foo'), 'node.get("foo")');

            node.set('title', 'my title');
            Assert.areEqual('my title', Y.Node.getDOMNode(node).title, 'node.title)');
            Assert.areEqual('my title', node.get('title'), 'node.set("title")');

            nodes.set('className', 'foo');
            Assert.areEqual('foo', Y.NodeList.getDOMNodes(nodes)[0].className, 'node.className');
            Assert.areEqual('foo', nodes.get('className')[2], 'node.get("className")');
            Assert.areEqual('foo', nodes.item(nodes.size() - 2).get('className'),
                    'nodes.item(nodes.size - 2).get("className")');

            Y.get('#test-select').set('selectedIndex', 2);
            Assert.areEqual(2, Y.get('#test-select')._node.selectedIndex,
                    "Y.get('#test-select').set('selectedIndex', 2)");

            var index = Y.get('#test-select').query('option[value=1]').set('selected', true);

            Assert.areEqual(1, Y.get('#test-select')._node.selectedIndex,
                    "Y.get('#test-select').set('selectedIndex', 1)");

            /* // chains attrs currently broken
            Y.get('body > form').set('test-select.selectedIndex', 2);
            Assert.areEqual(2, byId('test-select').selectedIndex,
                    'Y.get("body > form").set("test-select.selectedIndex", 2)');
            */
        },

        test_dom_methods: function() {
            var id = 'test-prop';
            var element = byId(id);
            var parent = Y.Node.get(element.parentNode);
            var node = Y.Node.get('#test-prop');

            //Assert.isTrue(element === Y.get(node), 'element === Y.get(node)');
            Assert.areEqual(element.getElementsByTagName('em')[0].nodeName, node.getElementsByTagName('em').item(0).get('nodeName'), 'getElementsByTagName');
            var insertNode = document.createElement('div');
            Y.stamp(insertNode);
            insertNode.innerHTML = 'inserted node';
            Y.get('body').appendChild(Y.get('div'));
            Assert.isTrue(Y.get('body').get('lastChild').compareTo(Y.get('#test-append')), 'get("body").appendChild(Y.get("#test-append"))');
            Assert.areEqual(byId('test-append'), Y.Node.getDOMNode(Y.get('body').get('lastChild')), 'get("body").appendChild(Y.get([0]"#test-append"))');
            Assert.areEqual('inserted node', node.appendChild(insertNode).get('innerHTML'), 'appendChild(element input)');
            Assert.areEqual('inserted node', node.removeChild(insertNode).get('innerHTML'), 'removeChild(element input)');

            Assert.areEqual('inserted node', node.appendChild(Y.get(insertNode)).get('innerHTML'), 'appendChild(Node input)');
            Assert.areEqual('inserted node', node.removeChild(Y.get(insertNode)).get('innerHTML'), 'removeChild(Node input)');

            var clone = node.cloneNode();
            Assert.isFalse(node === clone, 'node === node.cloneNode()');
            Assert.areEqual(1, clone.get('nodeType'), 'cloneNode()');

            // TODO: test deep clone with bound descendant
            Assert.isTrue(node.get('childNodes').size() === node.cloneNode(true).get('childNodes').size(), 'node.get("childNodes").size() === node.cloneNode(true).get("childNodes").size()');

            Assert.isTrue(node.hasChildNodes(), 'hasChildNodes()');

            Assert.isTrue(node.compareTo(node), 'compareTo(node)');
            Assert.isTrue(node.compareTo(Y.Node.get(node)), 'compareTo(new Y.Node)');
            Assert.isFalse(node.compareTo(null), 'compareTo(null)');

            Assert.isFalse(node.create('<p>foo</p>').inDoc(), 'node.inDoc()');

            Assert.isTrue(node.contains(byId('test-contains')), 'contains()');
            Assert.isTrue(node.contains(node), 'contains() self');
            Assert.isTrue(node.contains(element), 'contains() self');

            Assert.isFalse(node.contains(document.getElementsByTagName('div')), 'contains() false positive for collection');

            Assert.areEqual('doc', node.ancestor(function(el) {
                return el.get('id') === 'doc';
            }).get('id'), 'ancestor');

            Assert.areEqual(node.ancestor(), node.get('parentNode'), "node.ancestor()");

            Assert.isNull(node.ancestor(function(el) {
                return el.getAttribute('foo') !== '';
            }), 'ancestor');
            Assert.areEqual('test-class', node.previous().get('id'), 'node.previous()');

            Assert.isTrue(Y.get(document.body).inDoc(document));
            Assert.isTrue(node.inDoc(), 'node.inDoc()');
            Assert.isTrue(node.inDoc(document), 'node.inDoc(document)');
            Assert.isTrue(node.inDoc(Y.get(document)), 'node.inDoc(Y.get(document))');

            Assert.areEqual(byId('test-contains'), Y.Node.getDOMNode(node.getById('test-contains')), 'node.getById("test-contains")');
            Assert.isTrue(node.hasAttribute('id'), 'node.hasAttribute("id")');
            Assert.isTrue(node.hasAttribute('title'), 'node.hasAttribute("title")');
            Assert.isFalse(node.hasAttribute('foo'), 'node.hasAttribute("foo")');


            Assert.isFalse(Y.get('body').hasAttribute('title'), 'body.hasAttribute("title")');
            Assert.areEqual('0', Y.get('select[name=test-select] option:nth-child(1)').getAttribute('value'), 'option1.getAttribute("value") (from innerText)');
            Assert.areEqual('1', Y.get('select[name=test-select] option:nth-child(2)').getAttribute('value'), 'option2.getAttribute("value") (from innerText)');
            Assert.areEqual('', Y.get('select[name=test-select] option:nth-child(3)').getAttribute('value'), 'option3.getAttribute("value") (from innerText)');

            Assert.areEqual('http://www.yahoo.com/foo', Y.get('#link-1').getAttribute('href'), "Y.get('#link1').getAttribute('href')");
            Assert.areEqual('foo.html', Y.get('#link-2').getAttribute('href'), "Y.get('#link1').getAttribute('href')");
        },

        test_fragment: function() {
            var frag = Y.get('document').invoke('createDocumentFragment'),
                element = byId('test-append');

            frag.appendChild(element);
            Assert.areEqual(element, Y.Node.getDOMNode(frag.get('firstChild')), 'frag.appendChild()');
            Y.get('body').appendChild(frag);
        },

        test_screen: function() {
            var id = 'test-prop';
            var element = byId(id);
            var parent = Y.Node.get(element.parentNode);
            var node = Y.Node.get(element);

            var newNode = Y.Node.create('<div id="brand-new-foo">foo</div>');
            Assert.areEqual(document.documentElement.scrollLeft, newNode.get('docScrollX'), 'newNode.get("docScrollX")');
            Assert.areEqual(document.documentElement.scrollTop, node.get('docScrollY'), 'node.get("docScrollY")');

            node.setXY([100, 100]);
            ArrayAssert.itemsAreEqual([100, 100], node.getXY(), 'Node.getXY("foo", "bar")');
        },

        test_region: function() {
            Assert.isTrue(Y.DOM.inRegion(byId('baz'), byId('doc')), 'DOM.inRegion(domNode, domNode)');
            Assert.isTrue(Y.Node.get('#get-style').inRegion(byId('doc')), 'node.inRegion(domNode)');
            Assert.isTrue(Y.Node.get('#get-style').inRegion(Y.Node.get('#doc')), 'node.inRegion(Node)');
            ArrayAssert.itemsAreEqual(Y.DOM.region(Y.DOM.byId('doc')), Y.Node.get('#doc').get('region'), 'node.get("region")');
        },

        test_classes: function() {
            var id = 'test-class';
            var element = byId(id);
            var parent = Y.Node.get(element.parentNode);
            var node = Y.Node.get(element);

            Assert.isTrue(node.get('previousSibling').hasClass('test-class'), 'node.get("previousSibling").hasClass("test-class")');

            node.addClass('foo');
            Assert.areEqual('foo', element.className, 'node.addClass("foo")');
            node.removeClass('foo');
            Assert.areEqual('', element.className, 'node.removeClass("foo")');

            node.addClass('foo');
            Y.Node.get('body').get('childNodes').addClass('foo');
            Assert.isTrue(byId('test-class').className == 'foo', 'NodeList.addClass');
            node.replaceClass('foo', 'bar');
            Assert.areEqual('bar', element.className, 'Node.replaceClass("foo", "bar")');

            var nodes = Y.all('#test-nodes li');
            nodes.addClass('foo').addClass('bar');
            nodes.each(function(n) {
                Assert.isTrue(n.hasClass('foo'));
                Assert.isTrue(n.hasClass('bar'));
            });

            nodes.removeClass('bar');
            nodes.each(function(n) {
                Assert.isFalse(n.hasClass('bar'));
            });

        },

        test_setStyle: function() {
            var element = byId('set-style'),
                node = Y.Node.get(element),
                nodes = node.get('childNodes');

            node.setStyle('width', '20em');
            Assert.areEqual('20em', element.style.width, "setStyle('width' '20em')");

            node.setStyle('marginTop', '1em');
            Assert.areEqual('1em', element.style.marginTop, "setStyle('marginTop','1em')");

            node.setStyle('opacity', 0.5);
            Assert.areEqual(0.5, node.getStyle('opacity'), "setStyle('opacity', 0.5)");

            node.setStyle('float', 'left');
            Assert.areEqual('left', node.getStyle('float'), "setStyle('float', 'left')");
            node.setStyle('float', 'left');
            Assert.areEqual('left', node.getStyle('float'), "setStyle('float', 'left')");

            nodes.setStyle('marginTop', '1em');
            Assert.areEqual('1em', nodes.getStyle('marginTop')[2], "setStyle('marginTop', '1em'");
        },

        test_getStyle: function() {
            var node = Y.Node.get('#get-style');

            node.setStyle('opacity', 0.5);
            Assert.areEqual(0.5, node.getStyle('opacity'), "node.getStyle('opacity')");
            Assert.areEqual('left', node.getStyle('float'), "node.getStyle('float')");

            Assert.areEqual('100px', node.getStyle('height'), "getStyle('height')");
            Assert.areEqual('200px', node.getStyle('width'), "getStyle('width)'");
            Assert.areEqual('visible', node.getStyle('visibility'), "visibility");
            node.setStyle('visibility', 'hidden');
            Assert.areEqual('hidden', node.getStyle('visibility'), "visibility");
            node.setStyle('visibility', 'visible');
        },

        test_getComputedStyle: function() {
            var node = Y.get('#test-computed');
            var domNode = byId('test-computed');

            domNode.style.zoom = 1;
            domNode.style.border = 'medium solid #000';

            var bw = (Y.UA.ie) ? 4 : 3;
            var h = node.get('offsetHeight') - 20 - 2 * bw;
            Assert.areEqual(bw + 'px', node.getComputedStyle('borderTopWidth'), "borderTopWidth: medium");
            Assert.areEqual(h, Math.round(parseFloat(node.getComputedStyle('height'))), "height: auto (offset minus padding and border)");
            domNode.style.padding = '1em';
            Assert.areEqual('13px', node.getComputedStyle('paddingTop'), "padding 10em");
            Assert.areEqual('visible', node.getComputedStyle('visibility'), "visibility");
            domNode.parentNode.style.visibility = 'hidden';
            Assert.areEqual('hidden', node.getComputedStyle('visibility'), "visibility");
            domNode.parentNode.style.visibility = 'visible';
            Assert.areEqual(2, node.getComputedStyle('zIndex'), 'node.getComputedStyle("zIndex")');
            Assert.areEqual('500px', node.getComputedStyle('width'), "percent width (from CSS)");
            domNode.style.margin = 'auto';
            Assert.areEqual('0px', node.getComputedStyle('marginTop'), "margin auto");
        },

        test_setStyles: function() {
            var node = byId('set-style');
            var element = Y.Node.get(node);
            element.setStyles({
                'top': '5px',
                'right': '10em'
            });
            Assert.isTrue( (node.style.top == '5px' && node.style.right == '10em'), "setStyles()");
        },

        test_selector: function() {
            var id = 'test-prop',
                element = byId(id),
                node = Y.get('#' + id),
                parent = Y.Node.get(element.parentNode),
                nodes = Y.all('#test-nodes *');

            // Selector methods
            Assert.isNull(Y.Node.get(document.body).query("#fake-id"), 'body.query("#fake-id")');
            Assert.isTrue(Y.Node.get(node).test('#' + id), 'node.test( "#id")');
            Assert.isNull(parent.query("#fake-id"), 'parent.query("#fake-id")');
            Assert.areEqual(id, parent.query('#' + id).get('id'), 'parent.query("#id")');
            Assert.areEqual(id, parent.query('#' + id).get('id'), 'parent.query("#id")');
            Assert.isNull(parent.query('#text-xy'), 'parent.query("test-xy")');

            Assert.areEqual(id, parent.queryAll('#' + id).item(0).get('id'), 'parent.queryAll(node, "#id")');
            Assert.areEqual(id, parent.queryAll('#' + id).item(0).get('id'), 'parent.queryAll(node, "#id")');
        },

        test_window: function() {
            var win = Y.get(window);
            Assert.areEqual(window, Y.Node.getDOMNode(win), 'Y.get(window)');
            Assert.areEqual(document, Y.Node.getDOMNode(win.get('document')), 'win.get(document)');
            //Assert.areEqual(window, Y.Node.getDOMNode(Y.get('document').get('defaultView')), 'win.get(document)');
        },


        test_windowSize: function() {
            Assert.isNotNull(Y.get('body').get('winHeight'), 'body.get("winHeight")');
        },

        test_scroll: function() {
            Y.get('#test-scroll').set('scrollTop', 100);
            Y.get('#test-scroll').set('scrollLeft', 200);
            Assert.areEqual(100, byId('test-scroll').scrollTop, 'test-scroll.set("scrollTop", 100)');
            Assert.areEqual(200, byId('test-scroll').scrollLeft, 'test-scroll.set("scrollLeft", 200)');
            document.body.style.height = '5000px';
            document.body.style.width = '5000px';
            Y.get(window).set('scrollTop', 100);
            Y.get(window).set('scrollLeft', 200);
            Assert.areEqual(100, Y.DOM.docScrollY(window), 'window.set("scrollTop", 100)');
            Assert.areEqual(200, Y.DOM.docScrollX(window), 'window.set("scrollLeft", 200)');

            Y.get(document).set('scrollTop', 200);
            Y.get(document).set('scrollLeft', 100);
            Assert.areEqual(200, Y.DOM.docScrollY(document), 'document.set("scrollTop", 200)');
            Assert.areEqual(100, Y.DOM.docScrollX(document), 'document.set("scrollLeft", 100)');

            document.body.style.height = '';
            document.body.style.width = '';

            window.scrollTo(0, 0);
        },

        test_inject: function() {
            var html = '<strong>bar</strong>';
            Y.get('#test-insert-html').append(html);
            Assert.areEqual(Y.DOM.byId('test-insert-html').innerHTML,
                'foo' + html,
                "Y.get('#test-insert-html').append('<strong>bar</strong>')");

            Y.get('#test-insert-html').prepend('<em>baz</em>');
            Assert.areEqual('<em>baz</em>foo<strong>bar</strong>',
                Y.DOM.byId('test-insert-html').innerHTML,
                "Y.get('#test-insert-html').prepend('<em>baz</em>')");

            var html = '<strong>baz</strong>';
            Y.get('#test-insert-html').setContent(html);
            Assert.areEqual(html,
                Y.DOM.byId('test-insert-html').innerHTML,
                "Y.get('#test-insert-html').setContent('<strong>baz</strong>')");

            // append Node instance
            html = Y.Node.create('<div>foo</div>');
            Y.get('#test-insert-html').append(html);
            Assert.areEqual(Y.get('#test-insert-html')._node.lastChild, html._node, 'node.append(someNode)');

            // append DOM node
            html = document.createElement('div');
            Y.get('#test-insert-html').append(html);
            Assert.areEqual(Y.get('#test-insert-html')._node.lastChild, html, 'node.append(someDOMNode)');

            // prepend Node instance
            html = Y.Node.create('<div>foo</div>');
            Y.get('#test-insert-html').prepend(html);
            Assert.areEqual(Y.get('#test-insert-html')._node.firstChild, html._node, 'node.prepend(someNode)');

            // prepend DOM node
            html = document.createElement('div');
            Y.get('#test-insert-html').prepend(html);
            Assert.areEqual(Y.get('#test-insert-html')._node.firstChild, html, 'node.prepend(someDOMNode)');

            // insert Node instance
            html = Y.Node.create('<div>foo</div>');
            Y.get('#test-insert-html').insert(html, 2);
            Assert.areEqual(Y.get('#test-insert-html')._node.childNodes[2], html._node, 'node.insert(someNode)');

            // insert DOM node
            html = document.createElement('div');
            Y.get('#test-insert-html').insert(html, 2);
            Assert.areEqual(Y.get('#test-insert-html')._node.childNodes[2], html, 'node.insert(someDOMNode, 2)');
        },

        test_getValue: function() {
            // text
            Assert.isTrue(Y.get('input[name=test-text-value]').hasAttribute('value'),
                'input[name=test-text-value].hasAttribute("value")');
            Assert.isFalse(Y.get('input[name=test-text-novalue]').hasAttribute('value'),
                'input[name=test-text-novalue].hasAttribute("value")');

            Assert.areEqual('text value',
                Y.get('input[name=test-text-value]').get('value'),
                "Y.get('input[name=test-text-value]').get('value')");

            Assert.areEqual('', // TODO: normalize to null?
                Y.get('input[name=test-text-novalue]').get('value'),
                "Y.get('input[name=test-text-novalue]').get('value')");

            // textarea
            // textarea doesn't use value attribute
            //Assert.isTrue(Y.get('textarea[name=test-textarea-value]').hasAttribute('value'),
            //    'textarea[name=test-textarea-value].hasAttribute("value")');

            Assert.isFalse(Y.get('textarea[name=test-textarea-novalue]').hasAttribute('value'),
                'textarea[name=test-textarea-value].hasAttribute("value")');

            Assert.areEqual('textarea text',
                Y.get('textarea[name=test-textarea-textvalue]').get('value'),
                'textarea[name=test-textarea-textvalue].get("value")');

            Assert.areEqual('',
                Y.get('textarea[name=test-textarea-novalue]').get('value'),
                'textarea[name=test-textarea-novalue].get("value")');

            Assert.areEqual('',
                Y.get('textarea[name=test-textarea-value]').get('value'),
                'textarea[name=test-textarea-value].get("value")');

            // button
            Assert.isTrue(Y.get('button[name=test-button-value]').hasAttribute('value'),
                'textarea[name=test-button-value].hasAttribute("value")');

            Assert.isFalse(Y.get('button[name=test-button-novalue]').hasAttribute('value'),
                'textarea[name=test-button-value].hasAttribute("value")');

            Assert.areEqual('button value',
                Y.get('button[name=test-button-value]').get('value'),
                'button[name=test-button-value].get("value")');

            Assert.areEqual('',
                Y.get('button[name=test-button-novalue]').get('value'),
                'button[name=test-button-novalue].get("value")');

            Assert.areEqual('',
                Y.get('button[name=test-button-textvalue]').get('value'),
                'button[name=test-button-textvalue].get("value")');
        },

        test_remove: function() {
            var node = Y.get('#test-remove'),
                domNode = Y.DOM.byId('test-remove'),
                parent = domNode.parentNode;

            node.remove();
            Assert.isTrue(parent !== domNode.parentNode, 'node.remove()');
        },

        test_replace: function() {
            var node = Y.get('#test-replace').get('firstChild'),
                newNode = document.createElement('div');

            node.replace(newNode);
            Assert.areEqual(newNode, Y.get('#test-replace').get('firstChild')._node, 'node.replace()');
        },

        test_elements: function() {
            var elements = Y.get('#test-form').get('elements');

            ArrayAssert.itemsAreEqual(Y.DOM.byId('test-form').elements, elements._nodes, "Y.get('#test-form').get('elements')");
        },

        test_toFrag: function() {
            var frag = Y.all('#test-frag p').toFrag();
            Assert.areEqual(11, frag.get('nodeType'), "Y.all('#test-frag p').toFrag();");
        },

        test_aria: function() {
            Y.get('body').set('role', 'menu');
            Assert.isTrue(document.body.getAttribute('role') === 'menu', "Y.get('body').set('role', 'menu')")

            Y.get('body').set('aria-checked', true);
            Assert.areEqual('true', document.body.getAttribute('aria-checked', 2), "Y.get('body').set('aria-checked', true)")
            Assert.areEqual('true', Y.get('body').getAttribute('aria-checked'), "Y.get('body').set('aria-checked', true)")
            Assert.areEqual('true', Y.get('#foo').get('aria-checked'), "Y.get('#foo').get('aria-checked')");

            Y.get('body').set('aria-checked', false);
            Assert.areEqual('false', Y.get('body').get('aria-checked'), "Y.get('body').set('aria-checked', false)");
        },

        test_plugin: function() {
            Y.Node.plug(Y.Plugin.NodeFX);
            Assert.isTrue(!!Y.Node.create('<div></div>').fx, 'Node.plug()');
            Y.Node.unplug(Y.Plugin.NodeFX);
            Assert.isFalse(!!Y.Node.create('<div></div>').fx, 'Node.unplug()');

            Y.all('input').plug(Y.Plugin.NodeFX);

            Y.all('input').each(function(n) {
                Assert.isObject(n.fx, "Y.all('input').plug(Y.Plugin.NodeFX)");
            });

            Y.all('input').unplug(Y.Plugin.NodeFX);
            Y.all('input').each(function(n) {
                Assert.areEqual(undefined, n.fx, "Y.all('input').unplug(Y.Plugin.NodeFX)");
            });
        }
    }));

    suite.add( new tool.TestCase({
        name: 'Document Node',

        test_props: function() {
            var mask = document.createElement('div');
            mask.className = 'mask';
            document.body.appendChild(mask);
            var doc = Y.Node.get('document');
            mask.style.height = doc.get('docHeight') + 'px';
            mask.style.width = doc.get('docWidth') + 'px';
            Y.DOM.setStyle(mask, 'opacity', 0.4);
            Assert.areEqual(document.documentElement.scrollLeft, doc.get('docScrollX'), 'doc.get("docScrollX")');
            Assert.areEqual(document.documentElement.scrollTop, doc.get('docScrollY'), 'doc.get("docScrollY")');

            Assert.areEqual('DIV', Y.Node.get('#test-prop').get('nodeName'), 'query("test-prop")');

            Assert.areEqual('test-xy', doc.query('#test-xy').get('id'), 'doc.query("#test-xy")');
            Assert.isNull(doc.query('fake-id'), 'doc.query("#fake-id")');
            Assert.areEqual(document.documentElement.scrollHeight, mask.offsetHeight, 'get("height")');
            Assert.areEqual(document.documentElement.scrollWidth, mask.offsetWidth, 'get("width")');
            mask.className = '';
        }
    }));

    suite.add( new tool.TestCase({
        name: 'Instance Y.NodeExtras',

        test_methods: function() {
            var node = byId('test-extras');
            var element = Y.Node.get('#test-extras');
        }

    }));
    tool.TestRunner.add(suite);

    // allow window scroll event to happen post-onload
    Y.on('load', function() {
        setTimeout(function() {
            tool.TestRunner.run();
        }, 1);
    }, window);
});
</script>
</body>
</html>