<html>
<head>
<script src="../../http/tests/inspector/inspector-test.js"></script>
<script src="../../http/tests/inspector/elements-test.js"></script>
<script>

function appendChild()
{
    var hidden = document.getElementById("hidden");
    var child = document.createElement("div");
    child.setAttribute("id", "appended");
    hidden.appendChild(child);
}

function removeChild()
{
    var child = document.getElementById("appended");
    child.parentNode.removeChild(child);
}

function modifyAttribute()
{
    var hidden = document.getElementById("hidden");
    hidden.setAttribute("foo", "bar");
}

function test()
{
    function listener(type, event)
    {
        InspectorTest.addResult("DOMAgent event fired. Should only happen once for output node: " + type + " " + event.data.nodeName() + "#" + event.data.getAttribute("id"));
    }

    WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.AttrModified, listener.bind(this, "DOMAttrModified"));
    WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.CharacterDataModified, listener.bind(this, "DOMCharacterDataModified"));
    WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.NodeInserted, listener.bind(this, "DOMNodeInserted"));
    WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.NodeRemoved, listener.bind(this, "DOMNodeRemoved"));

    WebInspector.domAgent.requestDocument(step0.bind(this));

    function step0()
    {
        InspectorTest.evaluateInPage("appendChild()", step1);
    }

    function step1()
    {
        InspectorTest.addResult("Appended");
        InspectorTest.evaluateInPage("removeChild()", step2);
    }

    function step2()
    {
        InspectorTest.addResult("Removed");
        InspectorTest.evaluateInPage("modifyAttribute()", step3);
    }

    function step3()
    {
        InspectorTest.addResult("Attribute modified");
        InspectorTest.evaluateInPage("true", step4);
    }

    function step4()
    {
        InspectorTest.addResult("========= Result DOMAgent tree ========");
        InspectorTest.dumpDOMAgentTree();

        InspectorTest.completeTest();
    }
}

</script>
</head>

<body onload="runTest()">
<p>
Tests that elements panel does not receive events upon changes to the undiscovered nodes.
</p>

<div>
<div id="hidden">
</div>
</div>

</body>
</html>