<!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>