<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="../../../resources/js-test.js"></script>
</head>
<body>
<script>
description("Test the translate attribute.");
var parent = document.createElement("div");
document.body.appendChild(parent);
function testFor(initialAttribute, initialExpectation, setValue, lastExpectation, lastAttributeExpectation)
{
var target = document.createElement("span");
parent.appendChild(target);
window.target = target;
window.initialExpectation = initialExpectation;
window.lastExpectation = lastExpectation;
window.lastAttributeExpectation = lastAttributeExpectation;
if (undefined !== initialAttribute)
target.setAttribute("translate", initialAttribute);
shouldBe("target.translate", "initialExpectation");
if (undefined !== setValue)
target.translate = setValue;
shouldBe("target.translate", "lastExpectation");
shouldBe("target.getAttribute('translate')", "lastAttributeExpectation");
parent.removeChild(target);
}
window.target = document.createElement("p");
parent.appendChild(target);
debug('translate should be "yes" by default.');
shouldBeTrue("target.translate");
shouldBeNull("target.getAttribute('translate')");
debug('\ntarget.translate = false;');
target.translate = false;
shouldBeFalse("target.translate");
shouldBeEqualToString("target.getAttribute('translate')", "no");
debug('\ntarget.setAttribute("translate", "yes");');
target.setAttribute("translate", "yes");
shouldBeTrue("target.translate");
shouldBeEqualToString("target.getAttribute('translate')", "yes");
debug('\ntarget.setAttribute("translate", "no");');
target.setAttribute("translate", "no");
shouldBeFalse("target.translate");
shouldBeEqualToString("target.getAttribute('translate')", "no");
debug('\ntarget.setAttribute("translate", "YES");');
target.setAttribute("translate", "YES");
shouldBeTrue("target.translate");
shouldBeEqualToString("target.getAttribute('translate')", "YES");
debug('\ntarget.setAttribute("translate", "NO");');
target.setAttribute("translate", "NO");
shouldBeFalse("target.translate");
shouldBeEqualToString("target.getAttribute('translate')", "NO");
debug('\ntarget.setAttribute("translate", "INVALID");');
target.setAttribute("translate", "INVALID");
shouldBeTrue("target.translate");
shouldBeEqualToString("target.getAttribute('translate')", "INVALID");
debug("\nRemoving translate attribute.");
target.removeAttribute("translate");
shouldBeNull("target.getAttribute('translate')");
shouldBeTrue("target.translate");
debug("\nCreating targetChild element as a child of target.");
window.targetChild = document.createElement("span");
target.appendChild(targetChild);
shouldBeTrue("targetChild.translate");
shouldBeNull("targetChild.getAttribute('translate')");
debug("\nSetting target.translate = false. targetChild should inherit the translate value from its parents.");
target.translate = false;
shouldBeFalse("targetChild.translate");
shouldBeNull("targetChild.getAttribute('translate')");
debug("\nSetting targetChild.setAttribute('translate', 'INVALID'). Should inherit the translate value from its parents.");
targetChild.setAttribute("translate", "INVALID");
shouldBeFalse("target.translate");
shouldBeEqualToString("target.getAttribute('translate')", "no");
shouldBeFalse("targetChild.translate");
shouldBeEqualToString("targetChild.getAttribute('translate')", "INVALID");
debug("\ntargetChild.translate = true;");
targetChild.translate = true;
shouldBeTrue("targetChild.translate");
shouldBeEqualToString("targetChild.getAttribute('translate')", "yes");
shouldBeFalse("target.translate");
shouldBeEqualToString("target.getAttribute('translate')", "no");
parent.removeChild(target);
debug("\n");
testFor(undefined, true, undefined, true, null);
testFor(undefined, true, false, false, "no");
testFor(undefined, true, true, true, "yes");
testFor(undefined, true, 0, false, "no"); // 0 will be coerced to false
testFor(undefined, true, 1, true, "yes"); // 0 will be coerced to true
testFor(undefined, true, "invalid", true, "yes"); // string will be coerced to true
testFor(undefined, true, "false", true, "yes"); // ...even if the string is "false" (as Firefox does).
testFor("yes", true, undefined, true, "yes");
testFor("yes", true, false, false, "no");
testFor("yes", true, true, true, "yes");
testFor("yes", true, 0, false, "no");
testFor("yes", true, 1, true, "yes");
testFor("yes", true, "invalid", true, "yes");
testFor("yes", true, "false", true, "yes");
testFor("no", false, undefined, false, "no");
testFor("no", false, false, false, "no");
testFor("no", false, true, true, "yes");
testFor("no", false, 0, false, "no");
testFor("no", false, 1, true, "yes");
testFor("no", false, "invalid", true, "yes");
testFor("no", false, "false", true, "yes");
// various initial values
testFor("", true, undefined, true, "");
testFor("", true, 1, true, "yes");
testFor("YES", true, undefined, true, "YES");
testFor("YES", true, 1, true, "yes");
testFor("NO", false, undefined, false, "NO");
testFor("NO", false, 0, false, "no");
testFor("invalid", true, undefined, true, "invalid");
testFor("invalid", true, 1, true, "yes");
testFor("no ", true, undefined, true, "no ");
testFor("no ", true, 1, true, "yes");
testFor("no ", true, 0, false, "no");
testFor("0", true, undefined, true, "0");
testFor("0", true, 0, false, "no");
testFor("1", true, undefined, true, "1");
testFor("1", true, 0, false, "no");
</script>
</body>
</html>