blob: 623f2bf762c9fdb9f39ce00a4f219cca8617d6b4 [file] [log] [blame]
<html>
<head>
<script type="text/javascript" src="../http/tests/inspector-protocol/resources/protocol-test.js"></script>
<script type="text/javascript">
function test()
{
var firstDiv;
var eventsCount = 0;
getDocument();
InspectorTest.eventHandler["DOM.setChildNodes"] = function setChildNodes(messageObject)
{
eventsCount++;
if (eventsCount === 1)
gotImmediateChildren(messageObject);
else if (eventsCount === 2)
gotAdditionalChildren(messageObject);
else if (eventsCount === 3)
gotAllChildren(messageObject);
else
InspectorTest.log(JSON.stringify(messageObject, null, " "));
};
function getDocument()
{
// We must first get the document so that later on we may get sensible nodeIds.
step({
name: "Get the Document",
command: "DOM.getDocument",
parameters: {},
callback: getImmediateChildren
});
};
function getImmediateChildren(result)
{
var bodyId = result.root.children[0].children[1].nodeId;
step({
name: "Get immediate children of the body",
command: "DOM.requestChildNodes",
parameters: {"nodeId": bodyId}
});
};
function gotImmediateChildren(messageObject)
{
firstDiv = messageObject.params.nodes[0];
assert("First child is a div", firstDiv.localName, "div");
assert("First child is div#depth-1", firstDiv.attributes[1], "depth-1");
assert("First child has one child", firstDiv.childNodeCount, 1);
assert("First child has no .children property", firstDiv.children, undefined);
step({
name: "Get children of div#depth-1 three levels deep",
command: "DOM.requestChildNodes",
parameters: {"nodeId": firstDiv.nodeId, "depth": 3}
});
};
function gotAdditionalChildren(messageObject)
{
var depth = 1;
var firstChild = messageObject.params.nodes[0];
var node = firstChild;
while (node && node.children) {
depth++;
node = node.children[0];
}
assert("div#depth-1 has nodes 3 levels deep", depth, 3);
step({
name: "Get all children of body",
command: "DOM.requestChildNodes",
parameters: {"nodeId": firstDiv.nodeId, "depth": -1}
});
};
function gotAllChildren(messageObject)
{
var depth = 0;
var firstChild = messageObject.params.nodes[0];
var node = firstChild;
while (node && node.children) {
depth++;
node = node.children[0];
}
// We have requested nodes 3-level deep so far, so
// we should have gotten an additional 6 levels of depth.
assert("div#depth-1 has nodes 9 levels deep", depth, 6);
step({
name: "Pass an invalid depth",
command: "DOM.requestChildNodes",
parameters: {"nodeId": firstDiv.nodeId, "depth": 0},
callback: finishTest
});
};
function finishTest()
{
assert("Expected number of setChildNodes events", eventsCount, 3);
InspectorTest.completeTest();
};
function step(test)
{
InspectorTest.log("\n=== " + test.name + " ===\n");
InspectorTest.sendCommand(test.command, test.parameters, function(messageObject) {
if (messageObject.hasOwnProperty("error"))
InspectorTest.log("Backend error: " + messageObject.error.message + " (" + messageObject.error.code + ")\n");
if (test.callback)
test.callback(messageObject.result);
});
};
function assert(message, actual, expected)
{
if (actual === expected)
InspectorTest.log("PASS: " + message);
else {
InspectorTest.log("FAIL: " + message + ", expected \"" + expected + "\" but got \"" + actual + "\"");
InspectorTest.completeTest();
}
};
};
window.addEventListener("DOMContentLoaded", function () {
runTest();
}, false);
</script>
</head>
<body>
<div id="depth-1">
<div id="depth-2">
<div id="depth-3">
<div id="depth-4">
<div id="depth-5">
<div id="depth-6">
<div id="depth-7">
<div id="depth-8">
<div id="depth-9">
<div id="depth-10">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>