<html>
<head>
<style>
    body {
        color: black;
        padding: 0px 0px 0px 0px;
    }
    
    .hidden {
        visibility: hidden;
    }
</style>
<script>
function print(message, color) 
{
    var paragraph = document.createElement("div");
    paragraph.appendChild(document.createTextNode(message));
    paragraph.style.fontFamily = "monospace";
    if (color)
        paragraph.style.color = color;
    document.getElementById("console").appendChild(paragraph);
}

function shouldBe(a, b)
{
    var evalA = eval(a);
    if (evalA == b)
        print("PASS: " + a + " should be " + b + " and is.", "green");
    else
        print("FAIL: " + a + " should be " + b + " but instead is " + evalA + ".", "red");
}

function gc()
{
    if (window.GCController)
        return GCController.collect();

    for (var i = 0; i < 10000; i++) { // > force garbage collection (FF requires about 9K allocations before a collect)
        var s = new String("");
    }
}

var event;
function parentEventListener(e)
{
    print("DOM EVENT AFTER GARBAGE COLLECTION");
    gc();
    event = e;
    shouldBe("event.myCustomProperty", 1);
    event = null; // clear JS reference
}

function childEventListener(e)
{
    print("DOM EVENT BEFORE GARBAGE COLLECTION");
    e.myCustomProperty = 1;
    event = e;
    shouldBe("event.myCustomProperty", 1);
    event = null; // clear JS reference
}

function testEvents()
{
    var parent = document.createElement("p");
    var child = document.createElement("p");
    parent.appendChild(child);
    document.body.appendChild(parent);

    if (parent.addEventListener) {
        child.addEventListener("click", childEventListener, false);
        parent.addEventListener("click", parentEventListener, false);
    } else {
        child.attachEvent("onclick", childEventListener);
        parent.attachEvent("onclick", parentEventListener);
    }

    if (document.createEvent) {
        var event = document.createEvent("MouseEvents");
        event.initEvent("click", true, true);
        child.dispatchEvent(event);
    } else {
        child.fireEvent("onclick");
    }
}

function test() 
{
    if (window.layoutTestController)
        layoutTestController.dumpAsText();
        
    generateProperties();

    print("DOM OBJECTS BEFORE GARBAGE COLLECTION:");
    testProperties(expectedResultsBeforeGC);

    gc();
    
    print("DOM OBJECTS AFTER GARBAGE COLLECTION:");
    testProperties(expectedResultsAfterGC);

    testEvents();
}

var objectsToTest = [
    "document.implementation", // DOMImplementation
    "document",
    "document.body",
    "document.body.attributes", // NamedNodeMap
    "document.getElementsByTagName('body')", // NodeList
    "document.getElementsByTagName('canvas')[0].getContext('2d')", // CanvasRenderingContext2D
    "document.getElementsByTagName('canvas')[0].getContext('2d').createLinearGradient(0, 0, 0, 0)", // CanvasGradient
    "document.getElementsByTagName('canvas')[0].getContext('2d').createPattern(new Image(), 'no-repeat')", // CanvasPattern
    "document.getElementsByTagName('select')[0].options",
    "document.all",
    "document.body.childNodes",

    "document.images",
    "document.embeds",
    "document.applets",
    "document.links",
    "document.forms",
    "document.anchors",
    "document.scripts",

    "document.getElementsByTagName('form')[0].elements",
    "document.getElementsByTagName('table')[0].rows",
    "document.getElementsByTagName('table')[0].rows[0].cells",
    "document.getElementsByTagName('table')[0].tBodies",
    "document.getElementsByTagName('table')[0].tBodies[0].rows",
    "document.body.children",
    "document.getElementsByTagName('map')[0].areas",
    
    "document.body.style",
    "document.body.style.getPropertyCSSValue('color')",
    "document.styleSheets",
    "document.styleSheets[0]",
    "document.styleSheets[0].cssRules",
    "document.styleSheets[0].cssRules[0]",

    "new XPathEvaluator()", // XPathEvaluator
    "new XPathEvaluator().evaluate('/', document, null, 0, null)", // XPathResult
    "document.createNSResolver(document)", // XPathNSResolver
    "document.createExpression('/', document.createNSResolver(document))" // XPathExpression

    // should not cache: NodeIterator, NodeFilter, TreeWalker, XMLHttpRequest
    // add to test: DOMRect, MediaList, Counter, Range
    
];

var expectedResultsBeforeGC = [
    1,
    1,
    1,
    1,
    undefined,
    1,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    1,
    1,
    1,
    1,
    undefined,
    1,
    undefined,
    undefined,
    undefined,
    undefined,
];

var expectedResultsAfterGC = [
    undefined,
    1,
    1,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
    undefined,
];

function generateProperties()
{
    for (var i = 0; i < objectsToTest.length; i++) { // >
        try {
            eval(objectsToTest[i] + ".myCustomProperty = 1;");
        } catch(e) {
            print("NOT SUPPORTED: " + objectsToTest[i] + "[ " + e.message + " ]");
        }
    }
}

function testProperties(expectedResults)
{
    for (var i = 0; i < objectsToTest.length; i++) { // >
        try {
            shouldBe(objectsToTest[i] + ".myCustomProperty", expectedResults[i]);
        } catch(e) {
        }
    }
}
</script>
</head>

<body style="color: black" onload="test();">
<p>This page tests whether custom properties on DOM objects persist after garbage collection.</p>
<p>If the test passes, you'll see a series of 'PASS' messages below.</p>
<p>Because neither WinIE nor FF has reasonable or predictable behavior in this scenario, this 
   test just documents our behavior to ensure that we don't change it accidentally. It is not 
   a prescription for how things should behave.</p>
<hr>

<div id='console'></div>

<div class='hidden'>
    <canvas></canvas>
    <select></select>
    <object name="object"></object>
    <form></form>
    <table><tbody><tr></tr></tbody></table>
    <map></map>
</div>

</body>
</html>