third_party/web_platform_tests/dom/nodes/attributes.html

<!DOCTYPE html>
<meta charset=utf-8>
<title>Attributes tests</title>
<link rel=help href="https://dom.spec.whatwg.org/#attr">
<link rel=help href="https://dom.spec.whatwg.org/#dom-element-setattribute">
<link rel=help href="https://dom.spec.whatwg.org/#dom-element-setattributens">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="attributes.js"></script>
<script src="productions.js"></script>
<div id="log"></div>
<span id="test1"></span>
<span class="&amp;&lt;&gt;foo"></span>
<script>
var XML = "http://www.w3.org/XML/1998/namespace"
var XMLNS = "http://www.w3.org/2000/xmlns/"

// AttrExodus
test(function() {
  document.body.setAttribute("abc", "pass")
  var attr = document.body.attributes[0]
  assert_true(attr instanceof Attr)
  assert_false(attr instanceof Node)
  assert_throws(new TypeError(), function() { attr.appendChild(document.createTextNode("fail")) })
  assert_throws(new TypeError(), function() { attr.appendChild(null) })
  assert_equals(attr.value, "pass")
  assert_false("childNodes" in attr, "Should not have childNodes")
}, "AttrExodus")

// setAttribute exhaustive tests
// Step 1
test(function() {
  var el = document.createElement("foo")
  for (var i = 0; i < invalid_names.length; i++) {
    assert_throws("INVALID_CHARACTER_ERR", function() { el.setAttribute(invalid_names[i], "test") })
  }
}, "When qualifiedName does not match the Name production, an " +
   "INVALID_CHARACTER_ERR exception is to be thrown. (setAttribute)")

// Step 2
test(function() {
  var el = document.createElement("div")
  el.setAttribute("ALIGN", "left")
  assert_equals(el.getAttributeNS("", "ALIGN"), null)
  assert_equals(el.getAttributeNS("", "align"), "left")
  assert_equals(el.getAttribute("align"), "left")
}, "setAttribute should lowercase its name argument (upper case attribute)")
test(function() {
  var el = document.createElement("div")
  el.setAttribute("CHEEseCaKe", "tasty")
  assert_equals(el.getAttributeNS("", "CHEEseCaKe"), null)
  assert_equals(el.getAttributeNS("", "cheesecake"), "tasty")
  assert_equals(el.getAttribute("cheesecake"), "tasty")
}, "setAttribute should lowercase its name argument (mixed case attribute)")

// Step 3
test(function() {
  var el = document.createElement("foo")
  var tests = ["xmlns", "xmlns:a", "xmlnsx", "xmlns0"]
  for (var i = 0; i < tests.length; i++) {
    el.setAttribute(tests[i], "success");
  }
}, "setAttribute should not throw even when qualifiedName starts with 'xmlns'")

// Step 4
test(function() {
  var el = document.createElement("foo")
  for (var i = 0; i < valid_names.length; i++) {
    el.setAttribute(valid_names[i], "test")
    assert_equals(el.getAttribute(valid_names[i]), "test")
  }
}, "Basic functionality should be intact.")

// Step 5
test(function() {
  var el = document.createElement("foo")
  el.setAttribute("a", "1")
  el.setAttribute("b", "2")
  el.setAttribute("a", "3")
  el.setAttribute("c", "4")
  attributes_are(el, [["a", "3"],
                      ["b", "2"],
                      ["c", "4"]])
}, "setAttribute should not change the order of previously set attributes.")
test(function() {
  var el = document.createElement("baz")
  el.setAttributeNS("ab", "attr", "fail")
  el.setAttributeNS("kl", "attr", "pass")
  el.setAttribute("attr", "pass")
  attributes_are(el, [["attr", "pass", "ab"],
                      ["attr", "pass", "kl"]])
}, "setAttribute should set the first attribute with the given name")
test(function() {
  // Based on a test by David Flanagan.
  var el = document.createElement("baz")
  el.setAttributeNS("foo", "foo:bar", "1");
  assert_equals(el.getAttribute("foo:bar"), "1")
  attr_is(el.attributes[0], "1", "bar", "foo", "foo", "foo:bar")
  el.setAttribute("foo:bar", "2");
  assert_equals(el.getAttribute("foo:bar"), "2")
  attr_is(el.attributes[0], "2", "bar", "foo", "foo", "foo:bar")
}, "setAttribute should set the attribute with the given qualified name")

// setAttributeNS exhaustive tests
// Step 1
test(function() {
  var el = document.createElement("foo")
  for (var i = 0, il = invalid_names.length; i < il; ++i) {
    assert_throws("INVALID_CHARACTER_ERR",
                  function() { el.setAttributeNS("a", invalid_names[i], "fail") })
  }
}, "When qualifiedName does not match the Name production, an " +
   "INVALID_CHARACTER_ERR exception is to be thrown. (setAttributeNS)")

// Step 2
test(function() {
  var el = document.createElement("foo")
  for (var i = 0, il = invalid_qnames.length; i < il; ++i) {
    assert_throws("NAMESPACE_ERR",
                  function() { el.setAttributeNS("a", invalid_qnames[i], "fail") },
                  "Expected exception for " + invalid_qnames[i] + ".")
  }
}, "When qualifiedName does not match the QName production, an " +
   "NAMESPACE_ERR exception is to be thrown.")

// Step 3
test(function() {
  var el = document.createElement("foo")
  el.setAttributeNS(null, "aa", "bb")
  el.setAttributeNS("", "xx", "bb")
  attributes_are(el, [["aa", "bb"],
                      ["xx", "bb"]])
}, "null and the empty string should result in a null namespace.")

// Step 4
test(function() {
  var el = document.createElement("foo")
  assert_throws("NAMESPACE_ERR",
                function() { el.setAttributeNS("", "aa:bb", "fail") })
  assert_throws("NAMESPACE_ERR",
                function() { el.setAttributeNS(null, "aa:bb", "fail") })
}, "A namespace is required to use a prefix.")

// Step 5
test(function() {
  var el = document.createElement("foo")
  assert_throws("NAMESPACE_ERR",
                function() { el.setAttributeNS("a", "xml:bb", "fail") })
}, "The xml prefix should not be allowed for arbitrary namespaces")
test(function() {
  var el = document.createElement("foo")
  el.setAttributeNS(XML, "a:bb", "pass")
  assert_equals(el.attributes.length, 1)
  attr_is(el.attributes[0], "pass", "bb", XML, "a", "a:bb")
}, "XML-namespaced attributes don't need an xml prefix")

// Step 6
test(function() {
  var el = document.createElement("foo")
  assert_throws("NAMESPACE_ERR",
                function() { el.setAttributeNS("a", "xmlns:bb", "fail") })
}, "The xmlns prefix should not be allowed for arbitrary namespaces")
test(function() {
  var el = document.createElement("foo")
  assert_throws("NAMESPACE_ERR",
                function() { el.setAttributeNS("a", "xmlns", "fail") })
}, "The xmlns qualified name should not be allowed for arbitrary namespaces")
test(function() {
  var el = document.createElement("foo")
  el.setAttributeNS("ns", "a:xmlns", "pass")
  assert_equals(el.attributes.length, 1)
  attr_is(el.attributes[0], "pass", "xmlns", "ns", "a", "a:xmlns")
}, "xmlns should be allowed as local name")

// Step 7
test(function() {
  var el = document.createElement("foo")
  assert_throws("NAMESPACE_ERR",
                function() { el.setAttributeNS(XMLNS, "a:xmlns", "fail") })
  assert_throws("NAMESPACE_ERR",
                function() { el.setAttributeNS(XMLNS, "b:foo", "fail") })
}, "The XMLNS namespace should require xmlns as prefix or qualified name")
test(function() {
  var el = document.createElement("foo")
  el.setAttributeNS(XMLNS, "xmlns:a", "pass")
  assert_equals(el.attributes.length, 1)
  attr_is(el.attributes[0], "pass", "a", XMLNS, "xmlns", "xmlns:a")
}, "xmlns should be allowed as prefix in the XMLNS namespace")
test(function() {
  var el = document.createElement("foo")
  el.setAttributeNS(XMLNS, "xmlns", "pass")
  assert_equals(el.attributes.length, 1)
  attr_is(el.attributes[0], "pass", "xmlns", XMLNS, null, "xmlns")
}, "xmlns should be allowed as qualified name in the XMLNS namespace")

// Step 8-9
test(function() {
  var el = document.createElement("foo")
  el.setAttributeNS("a", "foo:bar", "X")
  assert_equals(el.attributes.length, 1)
  attr_is(el.attributes[0], "X", "bar", "a", "foo", "foo:bar")

  el.setAttributeNS("a", "quux:bar", "Y")
  assert_equals(el.attributes.length, 1)
  attr_is(el.attributes[0], "Y", "bar", "a", "foo", "foo:bar")
  el.removeAttributeNS("a", "bar")
}, "Setting the same attribute with another prefix should not change the prefix")

// Miscellaneous tests
test(function() {
  var el = document.createElement("iframe")
  el.setAttribute("src", "file:///home")
  assert_equals(el.getAttribute("src"), "file:///home")
}, "setAttribute should not throw even if a load is not allowed")
test(function() {
  var docFragment = document.createDocumentFragment()
  var newOne = document.createElement("newElement")
  newOne.setAttribute("newdomestic", "Yes")
  docFragment.appendChild(newOne)
  var domesticNode = docFragment.firstChild
  var attr = domesticNode.attributes.item(0)
  attr_is(attr, "Yes", "newdomestic", null, null, "newdomestic")
}, "Attributes should work in document fragments.")
test(function() {
  var el = document.createElement("foo")
  el.setAttribute("x", "y")
  var attr = el.attributes[0]
  attr.value = "Y&lt;"
  attr_is(attr, "Y&lt;", "x", null, null, "x")
  assert_equals(el.getAttribute("x"), "Y&lt;")
}, "Attribute values should not be parsed.")
test(function() {
  var el = document.getElementsByTagName("span")[0]
  attr_is(el.attributes[0], "test1", "id", null, null, "id")
}, "Specified attributes should be accessible.")
test(function() {
  var el = document.getElementsByTagName("span")[1]
  attr_is(el.attributes[0], "&<>foo", "class", null, null, "class")
}, "Entities in attributes should have been expanded while parsing.")

test(function() {
  var el = document.createElement("div")
  assert_equals(el.hasAttribute("bar"), false)
  assert_equals(el.hasAttributeNS(null, "bar"), false)
  assert_equals(el.hasAttributeNS("", "bar"), false)
  assert_equals(el.getAttribute("bar"), null)
  assert_equals(el.getAttributeNS(null, "bar"), null)
  assert_equals(el.getAttributeNS("", "bar"), null)
}, "Unset attributes return null")
test(function() {
  var el = document.createElement("div")
  el.setAttributeNS("ab", "attr", "t1")
  el.setAttributeNS("kl", "attr", "t2")
  assert_equals(el.hasAttribute("attr"), true)
  assert_equals(el.hasAttributeNS("ab", "attr"), true)
  assert_equals(el.hasAttributeNS("kl", "attr"), true)
  assert_equals(el.getAttribute("attr"), "t1")
  assert_equals(el.getAttributeNS("ab", "attr"), "t1")
  assert_equals(el.getAttributeNS("kl", "attr"), "t2")
  assert_equals(el.getAttributeNS(null, "attr"), null)
  assert_equals(el.getAttributeNS("", "attr"), null)
}, "First set attribute is returned by getAttribute")
test(function() {
  var el = document.createElement("div")
  el.setAttribute("style", "color:#fff;")
  assert_equals(el.hasAttribute("style"), true)
  assert_equals(el.hasAttributeNS(null, "style"), true)
  assert_equals(el.hasAttributeNS("", "style"), true)
  assert_equals(el.getAttribute("style"), "color:#fff;")
  assert_equals(el.getAttributeNS(null, "style"), "color:#fff;")
  assert_equals(el.getAttributeNS("", "style"), "color:#fff;")
}, "Style attributes are not normalized")
test(function() {
  var el = document.createElement("div")
  el.setAttributeNS("", "ALIGN", "left")
  assert_equals(el.hasAttribute("ALIGN"), false)
  assert_equals(el.hasAttribute("align"), false)
  assert_equals(el.hasAttributeNS(null, "ALIGN"), true)
  assert_equals(el.hasAttributeNS(null, "align"), false)
  assert_equals(el.hasAttributeNS("", "ALIGN"), true)
  assert_equals(el.hasAttributeNS("", "align"), false)
  assert_equals(el.getAttribute("ALIGN"), null)
  assert_equals(el.getAttribute("align"), null)
  assert_equals(el.getAttributeNS(null, "ALIGN"), "left")
  assert_equals(el.getAttributeNS("", "ALIGN"), "left")
  assert_equals(el.getAttributeNS(null, "align"), null)
  assert_equals(el.getAttributeNS("", "align"), null)
  el.removeAttributeNS("", "ALIGN")
}, "Only lowercase attributes are returned on HTML elements (upper case attribute)")
test(function() {
  var el = document.createElement("div")
  el.setAttributeNS("", "CHEEseCaKe", "tasty")
  assert_equals(el.hasAttribute("CHEESECAKE"), false)
  assert_equals(el.hasAttribute("CHEEseCaKe"), false)
  assert_equals(el.hasAttribute("cheesecake"), false)
  assert_equals(el.hasAttributeNS("", "CHEESECAKE"), false)
  assert_equals(el.hasAttributeNS("", "CHEEseCaKe"), true)
  assert_equals(el.hasAttributeNS("", "cheesecake"), false)
  assert_equals(el.hasAttributeNS(null, "CHEESECAKE"), false)
  assert_equals(el.hasAttributeNS(null, "CHEEseCaKe"), true)
  assert_equals(el.hasAttributeNS(null, "cheesecake"), false)
  assert_equals(el.getAttribute("CHEESECAKE"), null)
  assert_equals(el.getAttribute("CHEEseCaKe"), null)
  assert_equals(el.getAttribute("cheesecake"), null)
  assert_equals(el.getAttributeNS(null, "CHEESECAKE"), null)
  assert_equals(el.getAttributeNS("", "CHEESECAKE"), null)
  assert_equals(el.getAttributeNS(null, "CHEEseCaKe"), "tasty")
  assert_equals(el.getAttributeNS("", "CHEEseCaKe"), "tasty")
  assert_equals(el.getAttributeNS(null, "cheesecake"), null)
  assert_equals(el.getAttributeNS("", "cheesecake"), null)
  el.removeAttributeNS("", "CHEEseCaKe")
}, "Only lowercase attributes are returned on HTML elements (mixed case attribute)")
test(function() {
  var el = document.createElement("div")
  document.body.appendChild(el)
  el.setAttributeNS("", "align", "left")
  el.setAttributeNS("xx", "align", "right")
  el.setAttributeNS("", "foo", "left")
  el.setAttributeNS("xx", "foo", "right")
  assert_equals(el.hasAttribute("align"), true)
  assert_equals(el.hasAttribute("foo"), true)
  assert_equals(el.hasAttributeNS("xx", "align"), true)
  assert_equals(el.hasAttributeNS(null, "foo"), true)
  assert_equals(el.getAttribute("align"), "left")
  assert_equals(el.getAttribute("foo"), "left")
  assert_equals(el.getAttributeNS("xx", "align"), "right")
  assert_equals(el.getAttributeNS(null, "foo"), "left")
  assert_equals(el.getAttributeNS("", "foo"), "left")
  el.removeAttributeNS("", "align")
  el.removeAttributeNS("xx", "align")
  el.removeAttributeNS("", "foo")
  el.removeAttributeNS("xx", "foo")
  document.body.removeChild(el)
}, "First set attribute is returned with mapped attribute set first")
test(function() {
  var el = document.createElement("div")
  el.setAttributeNS("xx", "align", "right")
  el.setAttributeNS("", "align", "left")
  el.setAttributeNS("xx", "foo", "right")
  el.setAttributeNS("", "foo", "left")
  assert_equals(el.hasAttribute("align"), true)
  assert_equals(el.hasAttribute("foo"), true)
  assert_equals(el.hasAttributeNS("xx", "align"), true)
  assert_equals(el.hasAttributeNS(null, "foo"), true)
  assert_equals(el.getAttribute("align"), "right")
  assert_equals(el.getAttribute("foo"), "right")
  assert_equals(el.getAttributeNS("xx", "align"), "right")
  assert_equals(el.getAttributeNS(null, "foo"), "left")
  assert_equals(el.getAttributeNS("", "foo"), "left")
  el.removeAttributeNS("", "align")
  el.removeAttributeNS("xx", "align")
  el.removeAttributeNS("", "foo")
  el.removeAttributeNS("xx", "foo")
}, "First set attribute is returned with mapped attribute set later")

test(function() {
  var el = document.createElementNS("http://www.example.com", "foo")
  el.setAttribute("A", "test")
  assert_equals(el.hasAttribute("A"), true, "hasAttribute()")
  assert_equals(el.hasAttributeNS("", "A"), true, "el.hasAttributeNS(\"\")")
  assert_equals(el.hasAttributeNS(null, "A"), true, "el.hasAttributeNS(null)")
  assert_equals(el.hasAttributeNS(undefined, "A"), true, "el.hasAttributeNS(undefined)")
  assert_equals(el.hasAttributeNS("foo", "A"), false, "el.hasAttributeNS(\"foo\")")

  assert_equals(el.getAttribute("A"), "test", "getAttribute()")
  assert_equals(el.getAttributeNS("", "A"), "test", "el.getAttributeNS(\"\")")
  assert_equals(el.getAttributeNS(null, "A"), "test", "el.getAttributeNS(null)")
  assert_equals(el.getAttributeNS(undefined, "A"), "test", "el.getAttributeNS(undefined)")
  assert_equals(el.getAttributeNS("foo", "A"), null, "el.getAttributeNS(\"foo\")")
}, "Non-HTML element with upper-case attribute")

test(function() {
  var el = document.createElement("div")
  el.setAttribute("pre:fix", "value 1")
  el.setAttribute("fix", "value 2")

  var prefixed = el.attributes[0]
  assert_equals(prefixed.localName, "pre:fix", "prefixed local name")
  assert_equals(prefixed.namespaceURI, null, "prefixed namespace")

  var unprefixed = el.attributes[1]
  assert_equals(unprefixed.localName, "fix", "unprefixed local name")
  assert_equals(unprefixed.namespaceURI, null, "unprefixed namespace")

  el.removeAttributeNS(null, "pre:fix")
  assert_equals(el.attributes[0], unprefixed)
}, "Attribute with prefix in local name")

test(function() {
  var el = document.createElement("div")
  el.setAttribute("foo", "bar")
  var attr = el.attributes[0]
  assert_equals(attr.ownerElement, el)
  el.removeAttribute("foo")
  assert_equals(attr.ownerElement, null)
}, "Attribute loses its owner when removed")

test(function() {
  var el = document.createElement("div")
  el.setAttribute("foo", "bar")
  var attr = el.attributes[0]
  var attrNode = el.getAttributeNode("foo");
  var attrNodeNS = el.getAttributeNodeNS("", "foo");
  assert_equals(attr, attrNode);
  assert_equals(attr, attrNodeNS);
  el.setAttributeNS("x", "foo2", "bar2");
  var attr2 = el.attributes[1];
  var attrNodeNS2 = el.getAttributeNodeNS("x", "foo2");
  assert_equals(attr2, attrNodeNS2);
}, "Basic functionality of getAttributeNode/getAttributeNodeNS")

test(function() {
  var el = document.createElement("div")
  el.setAttribute("foo", "bar")
  var attrNode = el.getAttributeNode("foo");
  var attrNodeNS = el.getAttributeNodeNS("", "foo");
  assert_equals(attrNode, attrNodeNS);
  el.removeAttribute("foo");
  var el2 = document.createElement("div");
  el2.setAttributeNode(attrNode);
  assert_equals(attrNode, el2.getAttributeNode("foo"));
  assert_equals(attrNode, el2.attributes[0]);
  assert_equals(attrNode.ownerElement, el2);
  assert_equals(attrNode.value, "bar");

   var el3 = document.createElement("div");
   el2.removeAttribute("foo");
   el3.setAttribute("foo", "baz");
   el3.setAttributeNode(attrNode);
   assert_equals(el3.getAttribute("foo"), "bar");
}, "Basic functionality of setAttributeNode")

test(function() {
  var el = document.createElement("div")
  el.setAttributeNS("x", "foo", "bar")
  var attrNode = el.getAttributeNodeNS("x", "foo");
  el.removeAttribute("foo");
  var el2 = document.createElement("div");
  el2.setAttributeNS("x", "foo", "baz");
  el2.setAttributeNodeNS(attrNode);
  assert_equals(el2.getAttributeNS("x", "foo"), "bar");
}, "Basic functionality of setAttributeNodeNS")

test(function() {
  var el = document.createElement("div")
  el.setAttribute("foo", "bar")
  var attrNode = el.getAttributeNode("foo");
  el.removeAttributeNode(attrNode);
  var el2 = document.createElement("div");
  el2.setAttributeNode(attrNode);
  assert_equals(el2.attributes[0], attrNode);
  assert_equals(el.attributes.length, 0);
}, "Basic functionality of removeAttributeNode")

test(function() {
  var el = document.createElement("div")
  el.setAttribute("foo", "bar")
  var attrNode = el.getAttributeNode("foo");
  var el2 = document.createElement("div");
  assert_throws("INUSE_ATTRIBUTE_ERR", function(){el2.setAttributeNode(attrNode)});
}, "setAttributeNode on bound attribute should throw InUseAttributeError")
</script>