diff options
Diffstat (limited to 'dom/html/test/test_checked.html')
-rw-r--r-- | dom/html/test/test_checked.html | 358 |
1 files changed, 358 insertions, 0 deletions
diff --git a/dom/html/test/test_checked.html b/dom/html/test/test_checked.html new file mode 100644 index 000000000..9d40a6ded --- /dev/null +++ b/dom/html/test/test_checked.html @@ -0,0 +1,358 @@ +<!DOCTYPE HTML> +<html> +<!-- +https://bugzilla.mozilla.org/show_bug.cgi?id=418756 +https://bugzilla.mozilla.org/show_bug.cgi?id=617528 +--> +<head> + <title>Test for Bug 418756 and 617528</title> + <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> +</head> +<body> +Mozilla bug +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=418756">418756</a> +and +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=617528">617528</a> +<p id="display"></p> +<div id="content"> + <form id="f1"> + </form> + <form id="f2"> + </form> + <menu id="m1"> + </menu> + <menu id="m2"> + </menu> +</div> +<pre id="test"> +<script class="testbody" type="text/javascript; version=1.7"> + +/** Test for Bug 418756 and 617528 **/ +var group1; +var group2; +var group3; + +var tags = ["input", "menuitem"]; +for (let tag of tags) { + +function bounce(node) { + let n = node.nextSibling; + let p = node.parentNode; + p.removeChild(node); + p.insertBefore(node, n); +} + +var createdNodes = []; + +function cleanup() { + for (let node of createdNodes) { + if (node.parentNode) { + node.parentNode.removeChild(node); + } + } + + createdNodes = []; +} + +var typeMapper = { + 'c': 'checkbox', + 'r': 'radio' +}; + +var id = 0; + +// type can be 'c' for 'checkbox' and 'r' for 'radio' +function createNode(type, name, checked) { + let node = document.createElement(tag); + node.setAttribute("type", typeMapper[type]); + if (checked) { + node.setAttribute("checked", "checked"); + } + node.setAttribute("id", type + (++id)); + node.setAttribute(tag == "input" ? "name" : "radiogroup", name); + createdNodes.push(node); + return node; +} + +var types = ['c', 'r']; + +// First make sure that setting .checked makes .defaultChecked changes no +// longer affect .checked. +for (let type of types) { + let n = createNode(type, '', false); + is(n.defaultChecked, false, "Bogus defaultChecked on " + typeMapper[type]); + is(n.checked, false, "Bogus checked on " + typeMapper[type]); + n.defaultChecked = true; + is(n.defaultChecked, true, "Bogus defaultChecked on " + typeMapper[type] + + "after mutation"); + is(n.checked, true, "Bogus checked on " + typeMapper[type] + + "after mutation"); + n.checked = false; + is(n.defaultChecked, true, "Bogus defaultChecked on " + typeMapper[type] + + "after second mutation"); + is(n.checked, false, "Bogus checked on " + typeMapper[type] + + "after second mutation"); + n.defaultChecked = false; + is(n.defaultChecked, false, "Bogus defaultChecked on " + typeMapper[type] + + "after third mutation"); + is(n.checked, false, "Bogus checked on " + typeMapper[type] + + "after third mutation"); + n.defaultChecked = true; + is(n.defaultChecked, true, "Bogus defaultChecked on " + typeMapper[type] + + "after fourth mutation"); + is(n.checked, false, "Bogus checked on " + typeMapper[type] + + "after fourth mutation"); +} + +cleanup(); + +// Now check that bouncing a control that's the only one of its kind has no +// effect +for (let type of types) { + let n = createNode(type, 'test1', true); + $(tag == "input" ? "f1" : "m1").appendChild(n); + n.checked = false; + n.defaultChecked = false; + bounce(n); + n.defaultChecked = true; + is(n.checked, false, "We set .checked on this " + typeMapper[type]); +} + +cleanup(); + +// Now check that playing with a single radio in a group affects all +// other radios in the group (but not radios not in that group) +group1 = [ createNode('r', 'g1', false), + createNode('r', 'g1', false), + createNode('r', 'g1', false) ]; +group2 = [ createNode('r', 'g2', false), + createNode('r', 'g2', false), + createNode('r', 'g2', false) ]; +group3 = [ createNode('r', 'g1', false), + createNode('r', 'g1', false), + createNode('r', 'g1', false) ]; +for (let g of group1) { + $(tag == "input" ? "f1" : "m1").appendChild(g); +} +for (let g of group2) { + $(tag == "input" ? "f1" : "m1").appendChild(g); +} +for (let g of group3) { + $(tag == "input" ? "f2" : "m2").appendChild(g); +} + +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, false, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 1"); + is(g.checked, false, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checkedhecked wrong pass 1"); + } +} + +group1[1].defaultChecked = true; +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, n == 1 && group1.indexOf(g) == 1, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 2"); + is(g.checked, n == 1 && group1.indexOf(g) == 1, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checked wrong pass 2"); + } +} + +group1[0].defaultChecked = true; +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, n == 1 && (group1.indexOf(g) == 1 || + group1.indexOf(g) == 0), + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 3"); + is(g.checked, n == 1 && group1.indexOf(g) == 0, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checked wrong pass 3"); + } +} + +group1[2].defaultChecked = true; +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, n == 1, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 4"); + is(g.checked, n == 1 && group1.indexOf(g) == 2, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checked wrong pass 4"); + } +} + +var next = group1[1].nextSibling; +var p = group1[1].parentNode; +p.removeChild(group1[1]); +group1[1].defaultChecked = false; +group1[1].defaultChecked = true; +p.insertBefore(group1[1], next); +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, n == 1, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 5"); + is(g.checked, n == 1 && group1.indexOf(g) == 1, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checked wrong pass 5"); + } +} + +for (let g of group1) { + g.defaultChecked = false; +} +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, false, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 6"); + is(g.checked, false, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checkedhecked wrong pass 6"); + } +} + +group1[1].checked = true; +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, false, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 7"); + is(g.checked, n == 1 && group1.indexOf(g) == 1, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checked wrong pass 7"); + } +} + +group1[0].defaultChecked = true; +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, n == 1 && group1.indexOf(g) == 0, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 8"); + is(g.checked, n == 1 && group1.indexOf(g) == 1, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checked wrong pass 8"); + } +} + +group1[2].defaultChecked = true; +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, n == 1 && (group1.indexOf(g) == 0 || + group1.indexOf(g) == 2), + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 9"); + is(g.checked, n == 1 && group1.indexOf(g) == 1, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checked wrong pass 9"); + } +} +group1[1].parentNode.removeChild(group1[1]); +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, n == 1 && (group1.indexOf(g) == 0 || + group1.indexOf(g) == 2), + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 10"); + is(g.checked, n == 1 && group1.indexOf(g) == 1, + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checked wrong pass 10"); + } +} + +group1[2].checked = true; +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, n == 1 && (group1.indexOf(g) == 0 || + group1.indexOf(g) == 2), + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 11"); + is(g.checked, n == 1 && (group1.indexOf(g) == 1 || + group1.indexOf(g) == 2), + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checked wrong pass 11"); + } +} + +group1[0].checked = true; +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, n == 1 && (group1.indexOf(g) == 0 || + group1.indexOf(g) == 2), + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 12"); + is(g.checked, n == 1 && (group1.indexOf(g) == 1 || + group1.indexOf(g) == 0), + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checked wrong pass 12"); + } +} + +next = group2[1].nextSibling; +p = group2[1].parentNode; +p.removeChild(group2[1]); +p.insertBefore(group2[1], next); +group2[0].checked = true; +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, n == 1 && (group1.indexOf(g) == 0 || + group1.indexOf(g) == 2), + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 13"); + is(g.checked, (n == 1 && (group1.indexOf(g) == 1 || + group1.indexOf(g) == 0)) || + (n == 2 && group2.indexOf(g) == 0), + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checked wrong pass 13"); + } +} + +p.insertBefore(group2[1], next); +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, n == 1 && (group1.indexOf(g) == 0 || + group1.indexOf(g) == 2), + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 14"); + is(g.checked, (n == 1 && (group1.indexOf(g) == 1 || + group1.indexOf(g) == 0)) || + (n == 2 && group2.indexOf(g) == 0), + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checked wrong pass 14"); + } +} + +group2[1].defaultChecked = true; +for (let n of [1, 2, 3]) { + for (let g of window["group"+n]) { + is(g.defaultChecked, (n == 1 && (group1.indexOf(g) == 0 || + group1.indexOf(g) == 2)) || + (n == 2 && group2.indexOf(g) == 1), + "group" + n + "[" + window["group"+n].indexOf(g) + + "] defaultChecked wrong pass 15"); + is(g.checked, (n == 1 && (group1.indexOf(g) == 1 || + group1.indexOf(g) == 0)) || + (n == 2 && group2.indexOf(g) == 0), + "group" + n + "[" + window["group"+n].indexOf(g) + + "] checked wrong pass 15"); + } +} + +cleanup(); + +} +</script> +</pre> +</body> +</html> + |