134 lines
4.6 KiB
HTML
134 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
|
|
description("Tests ChildNode.before((Node or DOMString)...)");
|
|
function test(t, createChild)
|
|
{
|
|
type = t;
|
|
debug("<b>Test " + type + ".before((Node or DOMString)...).</b>");
|
|
|
|
debug("Test with no arguments.");
|
|
parent = document.createElement('div');
|
|
child = createChild();
|
|
parent.appendChild(child);
|
|
child.before();
|
|
shouldBe("parent.childNodes.length", "1");
|
|
debug("");
|
|
|
|
debug("Test with a single element.");
|
|
parent = document.createElement('div');
|
|
child = createChild();
|
|
parent.appendChild(child);
|
|
d1 = document.createElement("div");
|
|
child.before(d1);
|
|
shouldBe("parent.childNodes.length", "2");
|
|
shouldBe("child.previousSibling", "d1");
|
|
debug("");
|
|
|
|
debug("Test with a single string.");
|
|
parent = document.createElement('div');
|
|
child = createChild();
|
|
parent.appendChild(child);
|
|
child.before('hello');
|
|
shouldBe("parent.childNodes.length", "2");
|
|
shouldBe("child.previousSibling.data", "'hello'");
|
|
debug("");
|
|
|
|
debug("Test with a both strings and elements.");
|
|
parent = document.createElement('div');
|
|
child = createChild();
|
|
parent.appendChild(child);
|
|
d1 = document.createElement("div");
|
|
child.before('hello', d1);
|
|
shouldBe("parent.childNodes.length", "3");
|
|
shouldBe("child.previousSibling", "d1");
|
|
shouldBeType("parent.childNodes[0]", "Text");
|
|
shouldBe("parent.childNodes[0].data", "'hello'");
|
|
shouldBeType("parent.childNodes[1]", "Element");
|
|
shouldBe("parent.childNodes[1]", "d1");
|
|
debug("");
|
|
|
|
debug("Test conversion to string");
|
|
parent = document.createElement('div');
|
|
child = createChild();
|
|
parent.appendChild(child);
|
|
child.before(null, undefined, 7);
|
|
shouldBe("parent.childNodes.length", "4");
|
|
shouldBeType("parent.childNodes[0]", "Text");
|
|
shouldBe("parent.childNodes[0].data", "'null'");
|
|
shouldBeType("parent.childNodes[1]", "Text");
|
|
shouldBe("parent.childNodes[1].data", "'undefined'");
|
|
shouldBeType("parent.childNodes[2]", "Text");
|
|
shouldBe("parent.childNodes[2].data", "'7'");
|
|
shouldBeType("parent.childNodes[3]", type);
|
|
shouldBe("parent.childNodes[3]", "child");
|
|
debug("");
|
|
|
|
debug("Test a child without a parent.");
|
|
child = createChild();
|
|
d1 = document.createElement("div");
|
|
child.before(d1);
|
|
shouldBeNull("child.previousSibling");
|
|
debug("");
|
|
|
|
debug("Test when there the previous sibling is not a viable previous sibling.");
|
|
parent = document.createElement('div');
|
|
child = createChild();
|
|
d1 = document.createElement("div");
|
|
parent.appendChild(d1);
|
|
d2 = document.createElement("div");
|
|
parent.appendChild(d2);
|
|
parent.appendChild(child);
|
|
child.before("hello", d2, "world");
|
|
shouldBe("parent.childNodes.length", "5");
|
|
shouldBeType("parent.childNodes[0]", "Element");
|
|
shouldBe("parent.childNodes[0]", "d1");
|
|
shouldBeType("parent.childNodes[1]", "Text");
|
|
shouldBe("parent.childNodes[1].data", "'hello'");
|
|
shouldBeType("parent.childNodes[2]", "Element");
|
|
shouldBe("parent.childNodes[2]", "d2");
|
|
shouldBeType("parent.childNodes[3]", "Text");
|
|
shouldBe("parent.childNodes[3].data", "'world'");
|
|
shouldBeType("parent.childNodes[4]", type);
|
|
shouldBe("parent.childNodes[4]", "child");
|
|
debug("");
|
|
|
|
debug("Test when there is no viable previous sibling.");
|
|
parent = document.createElement('div');
|
|
child = createChild();
|
|
d1 = document.createElement("div");
|
|
parent.appendChild(d1);
|
|
d2 = document.createElement("div");
|
|
parent.appendChild(d2);
|
|
parent.appendChild(child);
|
|
child.before("hello", d1, "world", d2);
|
|
shouldBe("parent.childNodes.length", "5");
|
|
shouldBeType("parent.childNodes[0]", "Text");
|
|
shouldBe("parent.childNodes[0].data", "'hello'");
|
|
shouldBeType("parent.childNodes[1]", "Element");
|
|
shouldBe("parent.childNodes[1]", "d1");
|
|
shouldBeType("parent.childNodes[2]", "Text");
|
|
shouldBe("parent.childNodes[2].data", "'world'");
|
|
shouldBeType("parent.childNodes[3]", "Element");
|
|
shouldBe("parent.childNodes[3]", "d2");
|
|
shouldBeType("parent.childNodes[4]", type);
|
|
shouldBe("parent.childNodes[4]", "child");
|
|
|
|
debug("");
|
|
}
|
|
|
|
test("Element", function() { return document.createElement("div"); });
|
|
test("Text", function() { return document.createTextNode("text node text"); });
|
|
test("Comment", function() { return document.createComment("comment text"); });
|
|
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|