" +
"Hello! <&>
")
cleanup()
assert.end()
})
test("can createDocumentFragment", function (assert) {
var frag = document.createDocumentFragment()
assert.equal(frag.nodeType, 11)
var h1 = document.createElement("h1")
var h2 = document.createElement("h2")
assert.equal(h1.nodeType, 1)
assert.equal(h1.nodeType, 1)
frag.appendChild(h1)
assert.equal(fragString(frag), "")
frag.appendChild(h2)
assert.equal(fragString(frag), "")
frag.removeChild(h1)
assert.equal(fragString(frag), "")
frag.replaceChild(h1, h2)
assert.equal(fragString(frag), "")
cleanup()
assert.end()
})
test("can getElementById", function (assert) {
function append_div(id, parent) {
var div = document.createElement("div")
div.id = id
parent.appendChild(div)
return div
}
var div1 = append_div(1, document.body)
var div2 = append_div(2, document.body)
var div3 = append_div(3, document.body)
var div11 = append_div(11, div1)
var div12 = append_div(12, div1)
var div21 = append_div(21, div2)
var div22 = append_div(22, div2)
var div221 = append_div(221, div22)
var div222 = append_div(222, div22)
assert.equal(document.getElementById(1), div1)
assert.equal(document.getElementById("2"), div2)
assert.equal(document.getElementById(3), div3)
assert.equal(document.getElementById(11), div11)
assert.equal(document.getElementById(12), div12)
assert.equal(document.getElementById(21), div21)
assert.equal(document.getElementById(22), div22)
assert.equal(document.getElementById(221), div221)
assert.equal(document.getElementById(222), div222)
cleanup()
assert.end()
})
test("can getElementsByClassName for a single class", function(assert) {
function append_div(className, parent) {
var div = document.createElement("div")
div.className = className
parent.appendChild(div)
return div
}
function assertSingleMatch(className, expectedElement) {
var result = document.getElementsByClassName(className)
assert.equal(result.length, 1)
assert.equal(result[0], expectedElement)
}
var divA = append_div("A", document.body)
var divB = append_div("B", document.body)
var divC = append_div("C", document.body)
var divA1 = append_div("A1", divA)
var divA2 = append_div("A2", divA)
var divB1 = append_div("B1", divB)
var divB2 = append_div("B2", divB)
var divB2a = append_div("B2a", divB2)
var divB2b = append_div("B2b", divB2)
assertSingleMatch("A", divA)
assertSingleMatch("B", divB)
assertSingleMatch("C", divC)
assertSingleMatch("A1", divA1)
assertSingleMatch("A2", divA2)
assertSingleMatch("B1", divB1)
assertSingleMatch("B2", divB2)
assertSingleMatch("B2a", divB2a)
assertSingleMatch("B2b", divB2b)
cleanup()
assert.end()
})
test("can getElementsByClassName for many elements", function (assert) {
function h(className) {
var div = document.createElement("div")
div.className = className
return div
}
document.body.appendChild(h("multi-class-bar"))
document.body.appendChild(h("multi-class-bar"))
var elems = document.getElementsByClassName("multi-class-bar")
assert.equal(elems.length, 2)
cleanup()
assert.end()
})
test("can getElementsByClassName for many classes", function(assert) {
function append_div(classNames, parent) {
var div = document.createElement("div")
div.className = classNames
parent.appendChild(div)
return div
}
function assertMatch(classNames, expectedElements) {
var result = document.getElementsByClassName(classNames)
assert.equal(result.length, expectedElements.length)
for (var i = 0; i < expectedElements.length; i++) {
assert.notEqual(expectedElements.indexOf(result[i]), -1)
}
}
var divXYZ = append_div("X Y Z", document.body)
var divYZ = append_div("Y Z", document.body)
var divZX = append_div("Z X", document.body)
var divX1X2 = append_div("X1 X2", divXYZ)
var divX1X2Y1 = append_div("X1 X2 Y1", divXYZ)
assertMatch("X", [divXYZ, divZX])
assertMatch("Y Z", [divXYZ, divYZ])
assertMatch("X Y Z", [divXYZ])
assertMatch("X1 X2", [divX1X2, divX1X2Y1])
cleanup()
assert.end()
})
test("can create/manipulate textnodes", function (assert) {
var textnode = document.createTextNode("hello")
assert.equal(textnode.nodeType, 3)
assert.equal(textnode.data, "hello")
assert.equal(typeof textnode.replaceData, "function")
textnode.replaceData(0, 7, "nightly")
assert.equal(textnode.nodeType, 3)
assert.equal(textnode.data, "nightly")
assert.equal(typeof textnode.replaceData, "function")
textnode.replaceData(1, 1, "ou")
assert.equal(textnode.nodeType, 3)
assert.equal(textnode.data, "noughtly")
assert.end()
})
test("owner document is set", function (assert) {
var textnode = document.createTextNode("hello")
var domnode = document.createElement("div")
var fragment = document.createDocumentFragment()
assert.equal(textnode.ownerDocument, document)
assert.equal(domnode.ownerDocument, document)
assert.equal(fragment.ownerDocument, document)
assert.end()
})
test("Create namespaced nodes", function (assert) {
var svgURI = "http://www.w3.org/2000/svg"
var htmlURI = "http://www.w3.org/1999/xhtml"
var noNS = document.createElement("div")
var svgNS = document.createElementNS(svgURI, "svg")
var emptyNS = document.createElementNS("", "div")
var nullNS = document.createElementNS(null, "div")
var undefNS = document.createElementNS(undefined, "div")
var caseNS = document.createElementNS("Oops", "AbC")
var htmlNS = document.createElement("div")
assert.equal(noNS.tagName, "DIV")
assert.equal(noNS.namespaceURI, htmlURI)
assert.equal(elemString(noNS), "")
assert.equal(svgNS.tagName, "svg")
assert.equal(svgNS.namespaceURI, svgURI)
assert.equal(elemString(svgNS), "")
assert.equal(emptyNS.tagName, "div")
assert.equal(emptyNS.namespaceURI, null)
assert.equal(elemString(emptyNS), "")
assert.equal(nullNS.tagName, "div")
assert.equal(nullNS.namespaceURI, null)
assert.equal(elemString(nullNS), "")
assert.equal(undefNS.tagName, "div")
assert.equal(undefNS.namespaceURI, "undefined")
assert.equal(elemString(undefNS), "")
assert.equal(caseNS.tagName, "AbC")
assert.equal(caseNS.namespaceURI, "Oops")
assert.equal(elemString(caseNS), "Test <&>
")
cleanup()
assert.end()
})
test("does not serialize innerHTML as an attribute", function(assert) {
var div = document.createElement("div")
div.innerHTML = "Test Test ![]()
")
cleanup()
assert.end()
})
test("can getElementsByTagName", function(assert) {
var parent = document.createElement("div")
var child1 = document.createElement("span")
var child2 = document.createElement("span")
child1.id = "foo"
child2.id = "bar"
child1.appendChild(child2)
parent.appendChild(child1)
var elems = parent.getElementsByTagName("SPAN")
assert.equal(elems.length, 2)
assert.equal(elems[0].id, "foo")
assert.equal(elems[1].id, "bar")
cleanup()
assert.end()
})
test("can getElementsByTagName with *", function(assert) {
var e1 = document.createElement("div")
var e2 = document.createElement("p")
var e3 = document.createElement("span")
e1.appendChild(e2)
e2.appendChild(e3)
// non-elements should be ignored
e3.appendChild(document.createTextNode('foo'))
e3.appendChild(document.createComment('bar'))
var elems = e1.getElementsByTagName("*")
assert.equal(elems.length, 2)
assert.equal(elems[0].tagName, "P")
assert.equal(elems[1].tagName, "SPAN")
cleanup()
assert.end()
})
test("getElement* methods can be passed to map()", function(assert) {
var container = document.createElement("div")
var e1 = document.createElement("div")
var e2 = document.createElement("span")
container.appendChild(e1)
container.appendChild(e2)
assert.deepEqual(
["div", "span"].map(container.getElementsByTagName.bind(container)),
[[e1], [e2]]
)
e1.className = "foo"
e2.className = "bar"
assert.deepEqual(
["foo", "bar"].map(container.getElementsByClassName.bind(container)),
[[e1], [e2]]
)
cleanup()
assert.end()
})
test("can serialize comment nodes", function(assert) {
var div = document.createElement("div")
div.appendChild(document.createComment("test"))
assert.equal(div.toString(), "")
cleanup()
assert.end()
})
test("can serialize style property", function(assert) {
var div = document.createElement("div")
div.style.fontSize = "16px"
assert.equal(div.toString(), "")
cleanup();
assert.end()
})
test("can serialize style as a string", function(assert) {
var div = document.createElement("div")
div.setAttribute('style', 'display: none')
assert.equal(div.toString(), "")
cleanup()
assert.end()
})
test("can serialize text nodes", function(assert) {
var div = document.createElement("div")
div.appendChild(document.createTextNode('<test> "&
')
cleanup()
assert.end()
})
test("escapes serialized attribute values", function(assert) {
var div = document.createElement("div")
div.setAttribute("data-foo", '"&') assert.equal(div.toString(), '
') cleanup() assert.end() }) test("can check if an element contains another", function(assert) { var parent = document.createElement("div") var sibling = document.createElement("div") var child1 = document.createElement("div") var child2 = document.createElement("div") child1.appendChild(child2) parent.appendChild(child1) assert.equal(parent.contains(parent), true) assert.equal(parent.contains(sibling), false) assert.equal(parent.contains(child1), true) assert.equal(parent.contains(child2), true) cleanup() assert.end() }) test("can handle non string attribute values", function(assert) { var div = document.createElement("div") div.setAttribute("data-number", 100) div.setAttribute("data-boolean", true) div.setAttribute("data-null", null) assert.equal(div.toString(), '') cleanup() assert.end() }) test("can serialize textarea correctly", function(assert) { var input = document.createElement("textarea") input.setAttribute("name", "comment") input.innerHTML = "user input here" assert.equal(input.toString(), '') cleanup() assert.end() }) }