summaryrefslogtreecommitdiffstats
path: root/WebCore/manual-tests/inspector/dom-mutation.html
diff options
context:
space:
mode:
Diffstat (limited to 'WebCore/manual-tests/inspector/dom-mutation.html')
-rw-r--r--WebCore/manual-tests/inspector/dom-mutation.html31
1 files changed, 31 insertions, 0 deletions
diff --git a/WebCore/manual-tests/inspector/dom-mutation.html b/WebCore/manual-tests/inspector/dom-mutation.html
new file mode 100644
index 0000000..33e8333
--- /dev/null
+++ b/WebCore/manual-tests/inspector/dom-mutation.html
@@ -0,0 +1,31 @@
+<script>
+function test1() {
+ document.getElementById("test").src = "resources/mutate-frame.html";
+}
+
+function test2() {
+ document.getElementById("test").src = "resources/mutate-frame-2.html";
+}
+
+var count = 1;
+function run() {
+ var container = document.getElementById("test2");
+ var div = document.createElement("div");
+ div.textContent = "Testing " + (count++);
+ container.appendChild(div);
+ if (count > 10)
+ container.removeChild(container.firstChild);
+}
+
+setInterval(run, 1000);
+</script>
+<p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=6590">Bug 6590: Web Inspector shows stale DOM tree if the DOM changes after the inspector has loaded</a>.</p>
+<p>To test, open the Inspector and watch the DOM change to match the page. Clicking the buttons will navigate the subframe, and the all the subframe child nodes should change.</p>
+<div style="clear: both">
+<button onclick="test1()">Test Frame 1</button>
+<button onclick="test2()">Test Frame 2</button>
+</div>
+<div style="float: left">
+<iframe id="test" src="resources/mutate-frame.html" width="200" height="300"></iframe>
+</div>
+<div style="float: left; margin-left: 10px;" id="test2"></div>