1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
<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)
{
node = event.data.node || event.data;
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>
|
