blob: 78521b796d9e8e9c0411ee098c94ddc8b2f512aa [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script src="../../http/tests/inspector/resources/inspector-test.js"></script>
<script>
function test()
{
let documentNode;
function nodeForSelector(selector, callback) {
WI.domTreeManager.querySelector(documentNode.id, selector, (nodeId) => {
callback(WI.domTreeManager.nodeForId(nodeId));
});
}
let suite = InspectorTest.createAsyncSuite("WI.xpath");
suite.addTestCase({
name: "WI.xpath.TopLevelNode",
description: "Top level nodes like html, body, and head are unique.",
test(resolve, reject) {
nodeForSelector("html", (node) => {
InspectorTest.expectEqual(WI.xpath(node), "/html", "HTML element should have simple XPath '/html'.");
});
nodeForSelector("html > body", (node) => {
InspectorTest.expectEqual(WI.xpath(node), "/html/body", "BODY element should have simple XPath '/html/body'.");
});
nodeForSelector("html > head", (node) => {
InspectorTest.expectEqual(WI.xpath(node), "/html/head", "HEAD element should have simple XPath '/html/head'.");
resolve();
});
}
});
suite.addTestCase({
name: "WI.xpath.ElementWithID",
description: "Element with ID is unique (#id). Path does not need to go past it.",
test(resolve, reject) {
nodeForSelector("#id-test", (node) => {
InspectorTest.expectEqual(WI.xpath(node), "//*[@id=\"id-test\"]", "Element with id should have a single path component '//*[@id=\"id-test\"]'.");
});
nodeForSelector("#id-test > div", (node) => {
InspectorTest.expectEqual(WI.xpath(node), "//*[@id=\"id-test\"]/div", "Element inside element with id should have path from id.");
resolve();
});
}
});
suite.addTestCase({
name: "WI.xpath.UniqueTagName",
description: "Elements with unique tag name do not need nth-child.",
test(resolve, reject) {
nodeForSelector("#unique-tag-test > span", (node) => {
InspectorTest.expectEqual(WI.xpath(node), "//*[@id=\"unique-tag-test\"]/span", "Elements with unique tag name should not need XPath index.");
resolve();
});
}
});
suite.addTestCase({
name: "WI.xpath.NonUniqueTagName",
description: "Elements with non-unique tag name need index.",
test(resolve, reject) {
nodeForSelector("#non-unique-tag-test > span ~ span", (node) => {
InspectorTest.expectEqual(WI.xpath(node), "//*[@id=\"non-unique-tag-test\"]/span[2]", "Elements with non-unique tag name should need XPath index.");
resolve();
});
}
});
suite.addTestCase({
name: "WI.xpath.DeepPath",
description: "Tests for element with complex path.",
test(resolve, reject) {
nodeForSelector("small", (node) => {
InspectorTest.log(WI.xpath(node));
InspectorTest.expectEqual(WI.xpath(node), "/html/body/div/div[7]/ul/li/div[3]/ul/li[2]/a/small", "Should be able to get XPath for deep elements.");
resolve();
});
}
});
suite.addTestCase({
name: "WI.xpath.TextAndCommentNode",
description: "Tests for non-Element nodes.",
test(resolve, reject) {
nodeForSelector("#non-element-test > p > br", (node) => {
let paragraphChildren = node.parentNode.children;
let lastTextChild = paragraphChildren[paragraphChildren.length - 1];
let lastCommentChild = paragraphChildren[paragraphChildren.length - 2];
InspectorTest.expectEqual(WI.xpath(lastTextChild), "//*[@id=\"non-element-test\"]/p/text()[3]", "Should be able to get XPath for TEXT_NODE.");
InspectorTest.expectEqual(WI.xpath(lastCommentChild), "//*[@id=\"non-element-test\"]/p/comment()", "Should be able to get XPath for COMMENT_NODE.");
resolve();
});
}
});
// FIXME: Write tests for nodes inside a Shadow DOM Tree.
// FIXME: Write test for CDATA.
WI.domTreeManager.requestDocument((node) => {
documentNode = node;
suite.runTestCasesAndFinish();
});
}
</script>
</head>
<body onload="runTest()">
<p>Test for WI.xpath.</p>
<!-- If display:none pseudo elements are not created. -->
<div style="visibility:hidden">
<div id="id-test">
<div></div>
</div>
<div id="unique-tag-test">
<div></div>
<span></span>
<div></div>
</div>
<div id="non-unique-tag-test">
<div></div>
<span></span>
<span></span>
<div></div>
</div>
<div id="unique-class-test">
<div class="alpha"></div>
<div class="alpha beta"></div>
<div class="alpha"></div>
</div>
<div id="non-unique-class-test">
<div class="alpha"></div>
<div class="alpha"></div>
<div class="alpha"></div>
</div>
<div id="unique-tag-and-class-test">
<div class="alpha"></div>
</div>
<div class="deep-path-test">
<ul>
<li>
<h1></h1>
<div></div>
<div></div>
<div>
<ul class="list">
<li></li>
<li class="active"><a href="#"><small></small></a></li>
<li></li>
</ul>
</div>
</li>
</ul>
</div>
<div id="non-element-test">
<p>
Some leading text
<br>
Some trailing text
<!-- Comment -->
Some final text
</p>
</div>
</div>
</body>
</html>