aboutsummaryrefslogtreecommitdiff
path: root/node_modules/min-document/test
diff options
context:
space:
mode:
authorFlorian Dold <florian.dold@gmail.com>2017-08-14 05:01:11 +0200
committerFlorian Dold <florian.dold@gmail.com>2017-08-14 05:02:09 +0200
commit363723fc84f7b8477592e0105aeb331ec9a017af (patch)
tree29f92724f34131bac64d6a318dd7e30612e631c7 /node_modules/min-document/test
parent5634e77ad96bfe1818f6b6ee70b7379652e5487f (diff)
node_modules
Diffstat (limited to 'node_modules/min-document/test')
-rw-r--r--node_modules/min-document/test/cleanup.js13
-rw-r--r--node_modules/min-document/test/index.js14
-rw-r--r--node_modules/min-document/test/static/index.html11
-rw-r--r--node_modules/min-document/test/static/test-adapter.js49
-rw-r--r--node_modules/min-document/test/test-document.js564
-rw-r--r--node_modules/min-document/test/test-dom-comment.js20
-rw-r--r--node_modules/min-document/test/test-dom-element.js219
7 files changed, 890 insertions, 0 deletions
diff --git a/node_modules/min-document/test/cleanup.js b/node_modules/min-document/test/cleanup.js
new file mode 100644
index 000000000..d3ae66ab1
--- /dev/null
+++ b/node_modules/min-document/test/cleanup.js
@@ -0,0 +1,13 @@
+module.exports = Cleanup
+
+function Cleanup (document) {
+
+ return cleanup
+
+ function cleanup () {
+ var childNodes = document.body.childNodes
+ for (var i = 0; i < childNodes.length; i++) {
+ document.body.removeChild(childNodes[i])
+ }
+ }
+}
diff --git a/node_modules/min-document/test/index.js b/node_modules/min-document/test/index.js
new file mode 100644
index 000000000..14b736a14
--- /dev/null
+++ b/node_modules/min-document/test/index.js
@@ -0,0 +1,14 @@
+var testDocument = require("./test-document")
+var testDomElement = require("./test-dom-element")
+var testDomComment = require("./test-dom-comment")
+var document = require("../index")
+
+testDocument(document)
+testDomElement(document)
+testDomComment(document)
+
+if (typeof window !== "undefined" && window.document) {
+ testDocument(window.document)
+ testDomElement(window.document)
+ testDomComment(window.document)
+}
diff --git a/node_modules/min-document/test/static/index.html b/node_modules/min-document/test/static/index.html
new file mode 100644
index 000000000..60f6ef8b3
--- /dev/null
+++ b/node_modules/min-document/test/static/index.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html>
+<head>
+ <title>TAPE Example</title>
+ <script src="/testem.js"></script>
+ <script src="test-adapter.js"></script>
+ <script src="bundle.js"></script>
+</head>
+<body>
+</body>
+</html>
diff --git a/node_modules/min-document/test/static/test-adapter.js b/node_modules/min-document/test/static/test-adapter.js
new file mode 100644
index 000000000..c5127925b
--- /dev/null
+++ b/node_modules/min-document/test/static/test-adapter.js
@@ -0,0 +1,49 @@
+(function () {
+ var Testem = window.Testem
+ var regex = /^((?:not )?ok) (\d+) (.+)$/
+
+ Testem.useCustomAdapter(tapAdapter)
+
+ function tapAdapter(socket){
+ var results = {
+ failed: 0
+ , passed: 0
+ , total: 0
+ , tests: []
+ }
+
+ socket.emit('tests-start')
+
+ Testem.handleConsoleMessage = function(msg){
+ var m = msg.match(regex)
+ if (m) {
+ var passed = m[1] === 'ok'
+ var test = {
+ passed: passed ? 1 : 0,
+ failed: passed ? 0 : 1,
+ total: 1,
+ id: m[2],
+ name: m[3],
+ items: []
+ }
+
+ if (passed) {
+ results.passed++
+ } else {
+ results.failed++
+ }
+
+ results.total++
+
+ socket.emit('test-result', test)
+ results.tests.push(test)
+ } else if (msg === '# ok' || msg.match(/^# tests \d+/)){
+ socket.emit('all-test-results', results)
+ }
+
+ // return false if you want to prevent the console message from
+ // going to the console
+ // return false
+ }
+ }
+}())
diff --git a/node_modules/min-document/test/test-document.js b/node_modules/min-document/test/test-document.js
new file mode 100644
index 000000000..282d9df7b
--- /dev/null
+++ b/node_modules/min-document/test/test-document.js
@@ -0,0 +1,564 @@
+var test = require("tape")
+
+module.exports = testDocument
+
+function testDocument(document) {
+ var cleanup = require('./cleanup')(document)
+ var Event = require('../event');
+
+ test("document is a Document", function (assert) {
+ assert.equal(typeof document.createTextNode, "function")
+ assert.equal(typeof document.createElement, "function")
+ assert.equal(typeof document.createDocumentFragment, "function")
+
+ assert.end()
+ })
+
+ test("document has a head property", function(assert) {
+ assert.equal(document.head.tagName, "HEAD")
+ assert.end()
+ })
+
+ test("document has nodeType 9", function (assert) {
+ assert.equal(document.nodeType, 9)
+ assert.end()
+ })
+
+ test("can do stuff", function (assert) {
+ var div = document.createElement("div")
+ div.className = "foo bar"
+
+ var span = document.createElement("span")
+ div.appendChild(span)
+ span.textContent = "Hello! <&>"
+
+ var html = String(div.outerHTML || div)
+
+ assert.equal(html, "<div class=\"foo bar\">" +
+ "<span>Hello! &lt;&amp;&gt;</span></div>")
+
+ 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), "<h1></h1>")
+
+ frag.appendChild(h2)
+ assert.equal(fragString(frag), "<h1></h1><h2></h2>")
+
+ frag.removeChild(h1)
+ assert.equal(fragString(frag), "<h2></h2>")
+
+ frag.replaceChild(h1, h2)
+ assert.equal(fragString(frag), "<h1></h1>")
+
+ 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), "<div></div>")
+
+ assert.equal(svgNS.tagName, "svg")
+ assert.equal(svgNS.namespaceURI, svgURI)
+ assert.equal(elemString(svgNS), "<svg></svg>")
+
+ assert.equal(emptyNS.tagName, "div")
+ assert.equal(emptyNS.namespaceURI, null)
+ assert.equal(elemString(emptyNS), "<div></div>")
+
+ assert.equal(nullNS.tagName, "div")
+ assert.equal(nullNS.namespaceURI, null)
+ assert.equal(elemString(nullNS), "<div></div>")
+
+ assert.equal(undefNS.tagName, "div")
+ assert.equal(undefNS.namespaceURI, "undefined")
+ assert.equal(elemString(undefNS), "<div></div>")
+
+ assert.equal(caseNS.tagName, "AbC")
+ assert.equal(caseNS.namespaceURI, "Oops")
+ assert.equal(elemString(caseNS), "<AbC></AbC>")
+
+ assert.equal(htmlNS.tagName, "DIV")
+ assert.equal(htmlNS.namespaceURI, htmlURI)
+ assert.equal(elemString(htmlNS), "<div></div>")
+
+ assert.end()
+ })
+
+ test("Can insert before", function (assert) {
+ var rootNode = document.createElement("div")
+ var child = document.createElement("div")
+ var newElement = document.createElement("div")
+ rootNode.appendChild(child)
+ var el = rootNode.insertBefore(newElement, child)
+ assert.equal(el, newElement)
+ assert.equal(rootNode.childNodes.length, 2)
+ assert.equal(rootNode.childNodes[0], newElement)
+ assert.equal(rootNode.childNodes[1], child)
+ cleanup()
+ assert.end()
+ })
+
+ test("Insert before null appends to end", function (assert) {
+ var rootNode = document.createElement("div")
+ var child = document.createElement("div")
+ var newElement = document.createElement("div")
+ rootNode.appendChild(child)
+ var el = rootNode.insertBefore(newElement, null)
+ assert.equal(el, newElement)
+ assert.equal(rootNode.childNodes.length, 2)
+ assert.equal(rootNode.childNodes[0], child)
+ assert.equal(rootNode.childNodes[1], newElement)
+ cleanup()
+ assert.end()
+ })
+
+ test("Node insertions remove node from parent", function (assert) {
+ var parent = document.createElement("div")
+ var c1 = document.createElement("div")
+ var c2 = document.createElement("div")
+ var c3 = document.createElement("div")
+ parent.appendChild(c1)
+ parent.appendChild(c2)
+ parent.appendChild(c3)
+
+ var rootNode = document.createElement("div")
+
+ var node1 = rootNode.appendChild(c1)
+ assert.equal(node1, c1)
+ assert.equal(parent.childNodes.length, 2)
+ assert.equal(c1.parentNode, rootNode)
+
+ var node2 = rootNode.insertBefore(c2, c1)
+ assert.equal(node2, c2)
+ assert.equal(parent.childNodes.length, 1)
+ assert.equal(c2.parentNode, rootNode)
+
+ var node3 = rootNode.replaceChild(c3, c2)
+ assert.equal(node3, c2)
+ assert.equal(parent.childNodes.length, 0)
+ assert.equal(c3.parentNode, rootNode)
+ assert.equal(c2.parentNode, null)
+
+ cleanup()
+ assert.end()
+ })
+
+ test("input has type=text by default", function (assert) {
+ var elem = document.createElement("input")
+ assert.equal(elem.getAttribute("type"), "text");
+ assert.equal(elemString(elem), "<input type=\"text\" />")
+ assert.end()
+ })
+
+ test("input type=text can be overridden", function (assert) {
+ var elem = document.createElement("input")
+ elem.setAttribute("type", "hidden")
+ assert.equal(elem.getAttribute("type"), "hidden");
+ assert.equal(elemString(elem), "<input type=\"hidden\" />")
+ assert.end()
+ })
+
+ test("can set and get attributes", function (assert) {
+ var elem = document.createElement("div")
+ assert.equal(elem.getAttribute("foo"), null)
+ assert.equal(elemString(elem), "<div></div>")
+ assert.notOk(elem.hasAttribute('foo'))
+
+ elem.setAttribute("foo", "bar")
+ assert.equal(elem.getAttribute("foo"), "bar")
+ assert.equal(elemString(elem), "<div foo=\"bar\"></div>")
+ assert.ok(elem.hasAttribute('foo'))
+
+ elem.removeAttribute("foo")
+ assert.equal(elem.getAttribute("foo"), null)
+ assert.equal(elemString(elem), "<div></div>")
+ assert.notOk(elem.hasAttribute('foo'))
+
+ assert.end()
+ })
+
+ test("can set and set style properties", function(assert) {
+ var elem = document.createElement("div")
+ assert.equal(elemString(elem), "<div></div>")
+
+ elem.style.color = "red";
+ assert.equal(elem.style.color, "red")
+ assert.equal(elemString(elem), "<div style=\"color:red;\"></div>")
+
+ elem.style.background = "blue";
+ assert.equal(elem.style.color, "red")
+ assert.equal(elem.style.background, "blue")
+ assert.equal(elemString(elem),
+ "<div style=\"color:red;background:blue;\"></div>")
+
+ assert.end()
+ })
+
+ test("can set and get namespaced attributes", function(assert) {
+ var elem = document.createElement("div")
+
+ var ns = "http://ns.com/my"
+ assert.equal(elem.getAttributeNS(ns, "myattr"), blankAttributeNS())
+ elem.setAttributeNS(ns, "myns:myattr", "the value")
+ assert.equal(elem.getAttributeNS(ns, "myattr"), "the value")
+ assert.equal(elemString(elem), '<div myns:myattr="the value"></div>')
+ elem.removeAttributeNS(ns, "myattr")
+ assert.equal(elem.getAttributeNS(ns, "myattr"), blankAttributeNS())
+
+ // Should work much like get/setAttribute when namespace is null.
+ assert.equal(elem.getAttributeNS(null, "foo"), blankAttributeNS())
+ assert.equal(elem.getAttribute("foo"), null)
+ elem.setAttributeNS(null, "foo", "bar")
+ assert.equal(elem.getAttributeNS(null, "foo"), "bar")
+ assert.equal(elem.getAttribute("foo"), "bar")
+ elem.removeAttributeNS(null, "foo")
+ assert.equal(elem.getAttributeNS(null, "foo"), blankAttributeNS())
+ assert.equal(elem.getAttribute("foo"), null)
+ 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)
+ document.body.appendChild(parent)
+
+ var elems = document.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) {
+ document.body.appendChild(document.createElement("div"))
+
+ var elems = document.getElementsByTagName("*")
+
+ assert.equal(elems.length, 4)
+ assert.equal(elems[0].tagName, "HTML")
+ assert.equal(elems[1].tagName, "HEAD")
+ assert.equal(elems[2].tagName, "BODY")
+ assert.equal(elems[3].tagName, "DIV")
+
+ cleanup()
+ assert.end()
+ })
+
+ test("getElement* methods search outside the body", function(assert) {
+ var html = document.documentElement;
+ assert.equal(document.getElementsByTagName("html")[0], html)
+
+ html.id = "foo"
+ assert.equal(document.getElementById("foo"), html)
+
+ html.className = "bar"
+ assert.equal(document.getElementsByClassName("bar")[0], html)
+
+ // cleanup
+ html.id = ""
+ html.className = ""
+
+ cleanup()
+ assert.end()
+ })
+
+ test("getElement* methods can be passed to map()", function(assert) {
+ var e1 = document.createElement("div")
+ var e2 = document.createElement("span")
+
+ document.body.appendChild(e1)
+ document.body.appendChild(e2)
+
+ assert.deepEqual(
+ ["div", "span"].map(document.getElementsByTagName.bind(document)),
+ [[e1], [e2]]
+ )
+
+ e1.id = "1"
+ e2.id = "2"
+
+ assert.deepEqual(
+ ["1", "2"].map(document.getElementById.bind(document)),
+ [e1, e2]
+ )
+
+ e1.className = "foo"
+ e2.className = "bar"
+
+ assert.deepEqual(
+ ["foo", "bar"].map(document.getElementsByClassName.bind(document)),
+ [[e1], [e2]]
+ )
+
+ cleanup()
+ assert.end()
+ })
+
+ test("can check if it contains an element", function(assert) {
+ var el = document.createElement("div")
+ document.body.appendChild(el)
+
+ assert.equals(document.contains(document.body), true)
+ assert.equals(document.contains(el), true)
+
+ cleanup()
+ assert.end()
+ })
+
+ test("can do events", function (assert) {
+ var x = 1
+ function incx() { x++ }
+
+ var ev = new Event();
+ ev.initEvent("click");
+ document.addEventListener("click", incx)
+ document.dispatchEvent(ev)
+
+ assert.equal(x, 2)
+
+ document.removeEventListener("click", incx)
+ document.dispatchEvent(ev)
+
+ assert.equal(x, 2)
+ assert.end()
+ })
+
+ function blankAttributeNS() {
+ // Most browsers conform to the latest version of the DOM spec,
+ // which requires `getAttributeNS` to return `null` when the attribute
+ // doesn't exist, but some browsers (including phantomjs) implement the
+ // old version of the spec and return an empty string instead, see:
+ // https://developer.mozilla.org/en-US/docs/Web/API/element.getAttributeNS#Return_value
+ var div = document.createElement("div")
+ var blank = div.getAttributeNS(null, "foo")
+ if (!(blank === null || blank === "")) {
+ throw "Expected blank attribute to be either null or empty string"
+ }
+ return blank;
+ }
+
+ function elemString(element) {
+ var html = String(element) || "[]"
+
+ if (html.charAt(0) === "[") {
+ html = element.outerHTML
+ if (!html && !element.parentNode) {
+ var div = document.createElement("div")
+ div.appendChild(element)
+ html = div.innerHTML
+ div.removeChild(element)
+ }
+ }
+
+ return html
+ }
+
+ function fragString(fragment) {
+ var html = String(fragment)
+
+
+ if (html === "[object DocumentFragment]") {
+ var innerHTML = []
+ for (var i = 0; i < fragment.childNodes.length; i++) {
+ var node = fragment.childNodes[i]
+ innerHTML.push(String(node.outerHTML || node))
+ }
+ html = innerHTML.join("")
+ }
+
+ return html
+ }
+}
+
+
diff --git a/node_modules/min-document/test/test-dom-comment.js b/node_modules/min-document/test/test-dom-comment.js
new file mode 100644
index 000000000..7ecf175eb
--- /dev/null
+++ b/node_modules/min-document/test/test-dom-comment.js
@@ -0,0 +1,20 @@
+var test = require("tape")
+
+module.exports = testDomComment
+
+function testDomComment(document) {
+ var cleanup = require('./cleanup')(document)
+
+ test("can createComment", function(assert) {
+ var comment = document.createComment("test")
+ assert.equal(comment.data, "test")
+ assert.equal(comment.length, 4)
+ assert.equal(comment.nodeName, "#comment")
+ assert.equal(comment.nodeType, 8)
+ assert.equal(comment.nodeValue, "test")
+ assert.equal(comment.ownerDocument, document)
+ assert.equal(comment.toString(), "[object Comment]")
+ cleanup()
+ assert.end()
+ })
+}
diff --git a/node_modules/min-document/test/test-dom-element.js b/node_modules/min-document/test/test-dom-element.js
new file mode 100644
index 000000000..b7f2baab6
--- /dev/null
+++ b/node_modules/min-document/test/test-dom-element.js
@@ -0,0 +1,219 @@
+var test = require("tape")
+
+module.exports = testDomElement
+
+function testDomElement(document) {
+
+ var cleanup = require('./cleanup')(document)
+
+ test("can getElementsByClassName", function(assert) {
+ function append_div(classNames, parent) {
+ var div = document.createElement("div")
+ div.className = classNames
+ parent.appendChild(div)
+ return div
+ }
+
+ function assertMatch(classNames, expectedElements, parent) {
+ var parent = parent || document
+ var result = parent.getElementsByClassName(classNames)
+ assert.equal(result.length, expectedElements.length)
+ for (var i = 0; i < expectedElements.length; i++) {
+ assert.notEqual(expectedElements.indexOf(result[i]), -1)
+ }
+ }
+
+ 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)
+
+ assertMatch("A", [divA])
+ assertMatch("B", [divB])
+ assertMatch("C", [divC])
+ assertMatch("A1", [divA1])
+ assertMatch("A2", [divA2])
+ assertMatch("B1", [divB1])
+ assertMatch("B2", [divB2])
+ assertMatch("B2a", [divB2a])
+ assertMatch("B2b", [divB2b])
+
+ assertMatch("A1", [divA1], divA)
+ assertMatch("A2", [divA2], divA)
+ assertMatch("A1", [], divB)
+ assertMatch("A2", [], divC)
+ assertMatch("B1", [divB1], divB)
+ assertMatch("B2", [divB2], divB)
+ assertMatch("B2a", [divB2a], divB)
+ assertMatch("B2a", [divB2a], divB2)
+ assertMatch("B2b", [], divA)
+
+ cleanup()
+ assert.end()
+ })
+
+ test("does not serialize innerText as an attribute", function(assert) {
+ var div = document.createElement("div")
+ div.innerText = "Test <&>"
+ assert.equal(div.toString(), "<div>Test &lt;&amp;&gt;</div>")
+ cleanup()
+ assert.end()
+ })
+
+ test("does not serialize innerHTML as an attribute", function(assert) {
+ var div = document.createElement("div")
+ div.innerHTML = "Test <img />"
+ assert.equal(div.toString(), "<div>Test <img /></div>")
+ 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(), "<div><!--test--></div>")
+ cleanup()
+ assert.end()
+ })
+
+ test("can serialize style property", function(assert) {
+ var div = document.createElement("div")
+ div.style.fontSize = "16px"
+ assert.equal(div.toString(), "<div style=\"font-size:16px;\"></div>")
+ 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(), "<div style=\"display: none\"></div>")
+ cleanup()
+ assert.end()
+ })
+
+ test("can serialize text nodes", function(assert) {
+ var div = document.createElement("div")
+ div.appendChild(document.createTextNode('<test> "&'))
+ assert.equal(div.toString(), '<div>&lt;test&gt; "&amp;</div>')
+ cleanup()
+ assert.end()
+ })
+
+ test("escapes serialized attribute values", function(assert) {
+ var div = document.createElement("div")
+ div.setAttribute("data-foo", '<p>"&')
+ assert.equal(div.toString(), '<div data-foo="&lt;p&gt;&quot;&amp;"></div>')
+ 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(), '<div data-number="100" data-boolean="true" data-null=""></div>')
+ 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(), '<textarea name="comment">user input here</textarea>')
+ cleanup()
+ assert.end()
+ })
+}