Wrong parent > child selector result in jquery-1.3.2-vsdoc2.js

andrea.balducci — Mon, 13 Apr 2009 06:12:00 GMT

While i was developing a simple demo for a friend of mine i found a bug on the jQuery annotated script for VS intellisense. I found that the parent > child selector give bad results. I issued the bug on jQuery bug tracker and today i want to move first steps with QUnit to create a non regression test for my demo.

First of all i created a simple html page with two span, one inside a div and one outside.

<html>
    <head>
        <title> test </title>
    </head>
    <body>
        <div id="container">
            <span>Inside div</span>
        </div>
        <span>Outside div</span>
    </body>
</html>

Then added all the stuff for testing

<html>
    <head>
        <title> test </title>
        <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
        <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/qunit/testsuite.css" type="text/css" media="screen" />
        <script type="text/javascript" src="http://jqueryjs.googlecode.com/svn/trunk/qunit/testrunner.js"></script>
        <script type="text/javascript">
        $(function(){

            test("inside span", function() {
                expect(2);
                var list = $('#container > span');
                equals( list.length, 1, "span count inside the div = 1" );
                equals( list[0].innerHTML, 'Inside div', "innerHTML of inside span" );
            });
            
            test("outside span", function() {
                expect(2);
                var list = $('span').not('#container > span');
                equals( list.length, 1, "span count outside the div = 1" );
                equals( list[0].innerHTML, 'Outside div', "innerHTML of outside span" );
            });
            
            test("all span", function() {
                var list = $('span');
                equals( list.length, 2, "all span count = 2" );
            });
        });
        </script>
    </head>
    <body>
        <div id="container">
            <span>Inside div</span>
        </div>
        <span>Outside div</span>
        <div id ="test_results">
            <h1>QUnit example</h1>
            <h2 id="banner"></h2>
            <h2 id="userAgent"></h2>

            <ol id="tests"></ol>
            <div id="main"></div>
        </div>
    </body>
</html>

Let’s run the test opening the page in the browser

Now let’s switch to –vsdoc2.js annotated file and re-run the tests…

The ‘#container > span’ selector returns all the span in the page!

Code

Ticket

moleskine di un programmatore : QUnit

Wrong parent > child selector result in jquery-1.3.2-vsdoc2.js