domxpath/text-html-attributes.html

<!doctype html>
<meta charset="utf8">
<title>XPath in text/html: attributes</title>
<link rel="help" href="http://www.w3.org/TR/DOM-Level-3-XPath/xpath.html#Interfaces">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<body>
<div id="log" nonÄsciiAttribute><span></span></div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path id="a" refx  />
<path id="b" nonÄscii xlink:href />
</svg>

<script>
function test_xpath_succeeds(path, expected, resolver) {
  resolver = resolver ? resolver : null;
  var res = document.evaluate(path, document, resolver, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  actual = [];
  for (var i=0;;i++) {
    var node = res.snapshotItem(i);
    if (node === null) {
       break;
    }
    actual.push(node);
  }
  assert_array_equals(actual, expected);
}

function test_xpath_throws(path, error_code, resolver) {
  resolver = resolver ? resolver : null;
  assert_throws_dom(error_code, function() {document.evaluate(path, document, resolver, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null)})
}

function ns_resolver(x) {
  map = {"html":"http://www.w3.org/1999/xhtml",
         "svg":"http://www.w3.org/2000/svg",
         "math":"http://www.w3.org/1998/Math/MathML",
         "xlink":"http://www.w3.org/1999/xlink"};
  var rv = map.hasOwnProperty(x) ? map[x] : null;
  return rv;
}

test(function() {
  test_xpath_succeeds("//div[@id='log']", [document.getElementById("log")]);
}, "Select html element based on attribute");

test(function() {
  test_xpath_succeeds("//div[@Id='log']", [document.getElementById("log")]);
}, "Select html element based on attribute mixed case");

test(function() {
  test_xpath_succeeds("//*[@id]", [document.getElementById("log")].concat(Array.prototype.slice.call(document.getElementsByTagName("path"))));
}, "Select both HTML and SVG elements based on attribute");

test(function() {
  test_xpath_succeeds("//*[@nonÄsciiattribute]", [document.getElementById("log")]);
}, "Select HTML element with non-ascii attribute 1");

test(function() {
  test_xpath_succeeds("//*[@nonäsciiattribute]", []);
}, "Select HTML element with non-ascii attribute 2");

test(function() {
  test_xpath_succeeds("//*[@nonÄsciiAttribute]", [document.getElementById("log")]);
}, "Select HTML element with non-ascii attribute 3");

test(function() {
  test_xpath_succeeds("//svg:path[@Id]", [], ns_resolver);
}, "Select SVG element based on mixed case attribute");

test(function() {
  test_xpath_succeeds("//*[@Id]", [document.getElementById("log")]);
}, "Select both HTML and SVG elements based on mixed case attribute");

test(function() {
  test_xpath_succeeds("//*[@refX]", [document.getElementById("a")]);
}, "Select SVG elements with refX attribute");

test(function() {
  test_xpath_succeeds("//*[@Refx]", []);
}, "Select SVG elements with refX attribute incorrect case");

test(function() {
  test_xpath_succeeds("//*[@refx]", []);
}, "Select SVG elements with refX attribute lowercase");

test(function() {
  test_xpath_succeeds("//*[@nonÄscii]", [document.getElementById("b")]);
}, "Select SVG element with non-ascii attribute 1");

test(function() {
  test_xpath_succeeds("//*[@nonäscii]", []);
}, "Select SVG element with non-ascii attribute 2");

test(function() {
  test_xpath_succeeds("//*[@xmlns]", []);
}, "xmlns attribute");

test(function() {
  test_xpath_succeeds("//*[@xlink:href]", [document.getElementById("b")], ns_resolver);
}, "svg element with XLink attribute");
</script>