dom/tests/selector_new.html

	selector_new.html revision 626cc983ab74378141e53d26eb3d6d916c1f940d
184N/A<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
184N/A<html>
184N/A<head>
184N/A<title>Selector Test Suite</title>
184N/A
184N/A<script type="text/javascript" src="/build/yui/yui.js"></script>
184N/A<script>
184N/AYUI({ base: '/build/', filter: 'raw' }).use('console-filters', 'test', function(Y) {
184N/A    var testSuite = new Y.Test.Suite("Selector Test Suite"),
184N/A        doc = document,
184N/A        $ = Y.Selector.query;
184N/A
184N/A    Y.DOM.byTag = function (tag, root, test) {
184N/A        var els = (root || document).getElementsByTagName(tag),
184N/A            nodes = [],
184N/A            i, len;
184N/A
184N/A        for (i = 0, len = els.length; i < len; ++i) {
184N/A            if (!test || test(els[i])) {
184N/A                nodes.push(els[i]);
184N/A            }
184N/A        }
184N/A
184N/A        return nodes;
184N/A    };
184N/A
184N/A    //Y.config.useBrowserConsole = false;
184N/A
184N/A    testSuite.runTest = function(expected, selector, root, firstOnly) {
184N/A        expected = expected || [];
184N/A
184N/A        var actual = $(selector, root, firstOnly),
184N/A            actualLength = (actual && actual.length) ? actual.length : 0;
184N/A            msg = 'expected: ' + expected.length + ', actual: ' + actualLength;
184N/A
184N/A        if (firstOnly) {
184N/A            expected = expected[0] ? expected[0] : null;
184N/A            Y.Assert.areEqual(expected, actual, msg);
184N/A        } else {
184N/A            Y.ArrayAssert.itemsAreEqual(expected, actual, msg);
184N/A        }
184N/A    };
184N/A
184N/A    testSuite.css1DocAllCases = {name: 'CSS1 Document QueryAll'};
184N/A    testSuite.css1BodyAllCases = {name: 'CSS1 Body QueryAll'};
184N/A    testSuite.css1ElementAllCases = {name: 'CSS1 Element QueryAll'};
184N/A    testSuite.css1DocCases = {name: 'CSS1 Document Query'};
184N/A    testSuite.css1BodyCases = {name: 'CSS1 Body Query'};
184N/A    testSuite.css1ElementCases = {name: 'CSS1 Element Query'};
184N/A
184N/A    testSuite.css1Cases = {
184N/A        nullInput: function(root, firstOnly) {
184N/A            var q = '';
184N/A            testSuite.runTest([], q, root, firstOnly);
184N/A
184N/A            q = null;
184N/A            testSuite.runTest([], q, root, firstOnly);
184N/A
184N/A            q = null;
184N/A            testSuite.runTest([], q, null, firstOnly);
184N/A        },
184N/A
184N/A        tag: {
184N/A            'h1': doc.getElementsByTagName('h1'),
184N/A            'h2': doc.getElementsByTagName('h2'),
184N/A            'fake': []
184N/A        },
184N/A
184N/A        className: {
184N/A            '.h2': doc.getElementsByTagName('h2'),
184N/A            '.heading': function() {
184N/A                return Y.DOM.byTag('*', doc.body, function(node) {
184N/A                    return Y.DOM.hasClass(node, 'heading');
184N/A                });
184N/A            },
184N/A
            '.fake-class': []
        },

        id: {
            '#only-h1': doc.getElementsByTagName('h1'),
            '#fake-id': []
        },

        combo: {
            'h1.heading': function() {
                return Y.DOM.byTag('h1', doc.body, function(node) {
                    return Y.DOM.hasClass(node, 'heading');
                });

            },

            'h1#only-h1': doc.getElementsByTagName('h1'),
            '#only-h1.heading': doc.getElementsByTagName('h1'),
            'h1#only-h1.heading': doc.getElementsByTagName('h1'),
            '.heading#only-h1': doc.getElementsByTagName('h1'),
            '.heading.first-child': doc.getElementsByTagName('h1'),
            'div.heading': [],
            'h1.heading.first-child': doc.getElementsByTagName('h1'),
            'faketag.heading-of-body.first-child': [],
            'h1.heading#fake-id': [],
            'h1.fake-class#only-h1': [],
            'faketag.fake-class#only-h1': []
        },

        group: {
            'h2, h2': doc.getElementsByTagName('h2'),

            'h1, h2': function() {
                return Y.DOM.byTag('*', doc.body, function(node) {
                    return (node.tagName === 'H1' || node.tagName === 'H2');
                });
            },

            'h1, .heading': function() {
                return Y.DOM.byTag('*', doc.body, function(node) {
                    return (node.tagName === 'H1' || Y.DOM.hasClass(node, 'heading'));
                });
            },

            'h2, h1': function() {
                return Y.DOM.byTag('*', doc.body, function(node) {
                    return (node.tagName === 'H2' || node.tagName === 'H1');
                });
            },

            'h2.heading, h1.heading': function() {
                return Y.DOM.byTag('*', doc.body, function(node) {
                    return (node.tagName === 'H2' || node.tagName === 'H1');
                });
            },

            'h1, ': doc.getElementsByTagName('h1')
        },

        complex: {
            'h1 em': Y.DOM.byId('only-h1').getElementsByTagName('em'),
            'div div h1': doc.getElementsByTagName('h1'),
            '#first-child-of-body div h1': doc.getElementsByTagName('h1'),
            'div h1': doc.getElementsByTagName('h1'),
            '.first-child h1': doc.getElementsByTagName('h1'),
            'body .first-child h1': doc.getElementsByTagName('h1'),
            'html .first-child h1': doc.getElementsByTagName('h1'),
            'foo .first-child h1': [],
            'html #only-body #only-h1 em': Y.DOM.byId('only-h1').getElementsByTagName('em'),
            '#only-body h1': doc.getElementsByTagName('h1')
        }
    };

    //create the console
    testSuite.reader = new Y.Console({
        height: '90%',
        node: '#test-logger',
        newestOnTop : false,
        plugins: [Y.Plugin.ConsoleFilters]
    }).render();

    Y.each(testSuite.css1Cases, function(test, testCase) {
        testCase = 'test' + testCase.charAt(0).toUpperCase() + testCase.substr(1);
        if (typeof test === 'function') {
            testSuite.css1DocCases[testCase] = function() {
                test(doc);
            };

            testSuite.css1BodyCases[testCase] = function() {
                test(doc.body);
            };

            testSuite.css1ElementCases[testCase] = function() {
                test(Y.DOM.byId('test-root'));
            };

            testSuite.css1DocAllCases[testCase] = function() {
                test(doc, true);
            };

            testSuite.css1BodyAllCases[testCase] = function() {
                test(doc.body, true);
            };

            testSuite.css1ElementAllCases[testCase] = function() {
                test(Y.DOM.byId('test-root'), true);
            };
        } else {
            Y.each(test, function(fn, query) {
                var expected = (fn.item || fn.slice) ? fn : fn(query);
                testCase = 'test: ' + query;

                testSuite.css1DocCases[testCase] = function() {
                    testSuite.runTest(expected, query, doc, true);
                };

                testSuite.css1BodyCases[testCase] = function() {
                    testSuite.runTest(expected, query, doc.body, true);
                };

                testSuite.css1ElementCases[testCase] = function() {
                    testSuite.runTest(expected, query, Y.DOM.byId('test-root'), true);
                };

                testSuite.css1DocAllCases[testCase] = function() {
                    testSuite.runTest(expected, query, doc);
                };

                testSuite.css1BodyAllCases[testCase] = function() {
                    testSuite.runTest(expected, query, doc.body);
                };

                testSuite.css1ElementAllCases[testCase] = function() {
                    testSuite.runTest(expected, query, Y.DOM.byId('test-root'));
                };
            });
        }
    });

    testSuite.add(new Y.Test.Case(testSuite.css1DocAllCases));
    testSuite.add(new Y.Test.Case(testSuite.css1BodyAllCases));
    testSuite.add(new Y.Test.Case(testSuite.css1ElementAllCases));

    testSuite.add(new Y.Test.Case(testSuite.css1DocCases));
    testSuite.add(new Y.Test.Case(testSuite.css1BodyCases));
    testSuite.add(new Y.Test.Case(testSuite.css1ElementCases));

    Y.Test.Runner.add(testSuite);
    Y.Test.Runner.run();
});
</script>
</head>
<body class="yui-skin-sam" id="only-body">

<div id="first-child-of-body">
    <div class="first-child" id="test-root">
        <h1 class="heading h1 first-child" id="only-h1"><em>Selector Test Suite</em></h1>
        <h2 class="heading h2">Testing 1</h2>
        <h2 class="heading h2">Testing 2</h2>
        <h2 class="heading h2">Testing 3</h2>
    </div>
</div>

<style type="text/css">
.yui-console-entry-src {
    display: none;
}

.yui-skin-sam .yui-console-entry-pass .yui-console-entry-cat {
    background: #070;
    color: #fff;
}
.yui-skin-sam .yui-console-entry-fail .yui-console-entry-cat {
    background: #700;
    color: #fff;
}

.yui-skin-sam .yui-console-entry {
    padding: 0 !important;
}

.yui-skin-sam .yui-console-entry .yui-console-entry-content {
    margin:0 !important;
}
</style>
<div id="test-logger" class="last-child child-of-body"></div>
</body>
</html>