OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 <script src="../../resources/js-test.js"></script> | 4 <script src="../../resources/js-test.js"></script> |
5 <p id="description"></p> | 5 <p id="description"></p> |
6 <div id="divId"> | 6 <div id="divId"> |
7 <form id="form1"> | 7 <form id="form1"> |
8 <button id=button1></button> | 8 <button id=button1></button> |
9 <fieldset id=fieldset1><legend id=legend1></legend></fieldset> | 9 <fieldset id=fieldset1><legend id=legend1></legend></fieldset> |
10 <input id=inputhidden type=hidden> | 10 <input id=inputhidden type=hidden> |
11 <input id=commoninput type=text> | 11 <input id=commoninput type=text> |
12 <input id=inputcommon type=search value=searching> | 12 <input id=inputcommon type=search value=searching> |
13 <input id=inputCOMMON type=url> | 13 <input id=inputCOMMON type=url> |
14 <input id=commoninput type=email> | 14 <input id=commoninput type=email> |
15 <input id=inputpassword type=password> | 15 <input id=inputpassword type=password> |
16 <input id=inputdate type=date> | 16 <input id=inputdate type=date> |
17 <input id=numberId name=inputcommon type=number value=123> | 17 <input id=numberId name=inputcommon type=number value=123> |
18 <input id=inputrange type=range> | 18 <input id=inputrange type=range> |
19 <input id=inputcolor type=color> | 19 <input id=inputcolor type=color> |
20 <input id=inputcheckbox type=checkbox> | 20 <input id=inputcheckbox type=checkbox> |
21 <input id=inputcommon type=radio value="inputRadioValue"> | 21 <input id=inputcommon type=radio value="inputRadioValue"> |
22 <input id=inputfile type=file> | 22 <input id=inputfile type=file> |
23 <input id=inputsubmit type=submit> | 23 <input id=inputsubmit type=submit> |
24 <input id=inputcommon type=image> | 24 <input id=inputcommon type=image> |
25 <input id=commoninput type=reset> | 25 <input id=commoninput type=reset> |
26 <input id=inputcommon type=button value=buttonValue> | 26 <input id=inputcommon type=button value=buttonValue> |
27 <keygen id=keygen1></keygen> | |
28 <label id=label1></label> | 27 <label id=label1></label> |
29 <meter id=meter1></meter> | 28 <meter id=meter1></meter> |
30 <object id=object1></object> | 29 <object id=object1></object> |
31 <output id=output1></output> | 30 <output id=output1></output> |
32 <progress id=progress1></progress> | 31 <progress id=progress1></progress> |
33 <select id=select1 name=inputCOmmon> | 32 <select id=select1 name=inputCOmmon> |
34 <optgroup id=optgroup1>group1</optgroup> | 33 <optgroup id=optgroup1>group1</optgroup> |
35 <option id=option1>option1</option> | 34 <option id=option1>option1</option> |
36 </select> | 35 </select> |
37 <textarea id=textarea1></textarea> | 36 <textarea id=textarea1></textarea> |
38 </form> | 37 </form> |
39 </div> | 38 </div> |
40 <div id="console"></div> | 39 <div id="console"></div> |
41 <script> | 40 <script> |
42 description("This test is for RadioNodeList specified at http://www.whatwg.org/s
pecs/web-apps/current-work/multipage/common-dom-interfaces.html#radionodelist ")
; | 41 description("This test is for RadioNodeList specified at http://www.whatwg.org/s
pecs/web-apps/current-work/multipage/common-dom-interfaces.html#radionodelist ")
; |
43 debug(""); | 42 debug(""); |
44 var owner = document.getElementById('form1'); | 43 var owner = document.getElementById('form1'); |
45 | 44 |
46 shouldBe('owner.elements.length', '23'); | 45 shouldBe('owner.elements.length', '22'); |
47 | 46 |
48 var elementsList = owner.elements; | 47 var elementsList = owner.elements; |
49 var radioNodeList = elementsList.namedItem("inputcommon"); | 48 var radioNodeList = elementsList.namedItem("inputcommon"); |
50 shouldBe('radioNodeList.length', '4'); | 49 shouldBe('radioNodeList.length', '4'); |
51 | 50 |
52 shouldBe('radioNodeList[0].value', "'searching'"); | 51 shouldBe('radioNodeList[0].value', "'searching'"); |
53 shouldBe('radioNodeList[1].value', "'123'"); | 52 shouldBe('radioNodeList[1].value', "'123'"); |
54 shouldBe('radioNodeList[2].value', "'inputRadioValue'"); | 53 shouldBe('radioNodeList[2].value', "'inputRadioValue'"); |
55 shouldBe('radioNodeList[3].value', "'buttonValue'"); | 54 shouldBe('radioNodeList[3].value', "'buttonValue'"); |
56 | 55 |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
89 nonSubtreeElement.setAttribute("type", "text"); | 88 nonSubtreeElement.setAttribute("type", "text"); |
90 nonSubtreeElement.setAttribute("value", "non subtree element"); | 89 nonSubtreeElement.setAttribute("value", "non subtree element"); |
91 nonSubtreeElement.setAttribute("id", "inputcommon"); | 90 nonSubtreeElement.setAttribute("id", "inputcommon"); |
92 nonSubtreeElement.setAttribute("form", "form1"); | 91 nonSubtreeElement.setAttribute("form", "form1"); |
93 | 92 |
94 var container = document.getElementById("divId"); | 93 var container = document.getElementById("divId"); |
95 | 94 |
96 debug(""); | 95 debug(""); |
97 debug("Check RadioNodeList is updated after adding a new element"); | 96 debug("Check RadioNodeList is updated after adding a new element"); |
98 shouldBe('container.appendChild(nonSubtreeElement); radioNodeList.length', '5'); | 97 shouldBe('container.appendChild(nonSubtreeElement); radioNodeList.length', '5'); |
99 shouldBe('owner.elements.length', '24'); | 98 shouldBe('owner.elements.length', '23'); |
100 shouldBe('radioNodeList[4].value', "'non subtree element'"); | 99 shouldBe('radioNodeList[4].value', "'non subtree element'"); |
101 | 100 |
102 debug(""); | 101 debug(""); |
103 debug("Check RadioNodeList is updated after change in id, type and checked state
of an element"); | 102 debug("Check RadioNodeList is updated after change in id, type and checked state
of an element"); |
104 shouldBe('radioNodeList.length', '5'); | 103 shouldBe('radioNodeList.length', '5'); |
105 debug("After changing the id"); | 104 debug("After changing the id"); |
106 radioNodeList[4].id = "changedName"; | 105 radioNodeList[4].id = "changedName"; |
107 shouldBe('radioNodeList.length', '4'); | 106 shouldBe('radioNodeList.length', '4'); |
108 | 107 |
109 shouldBe('elementsList[13].checked = false; radioNodeList.value', '""'); | 108 shouldBe('elementsList[13].checked = false; radioNodeList.value', '""'); |
(...skipping 20 matching lines...) Expand all Loading... |
130 debug(""); | 129 debug(""); |
131 debug("Check that object element does not reflect in RadioNodeList if its owner
form is not present."); | 130 debug("Check that object element does not reflect in RadioNodeList if its owner
form is not present."); |
132 var nonSubtreeObjectElement = document.createElement("object"); | 131 var nonSubtreeObjectElement = document.createElement("object"); |
133 nonSubtreeObjectElement.setAttribute("id", "inputcommon"); | 132 nonSubtreeObjectElement.setAttribute("id", "inputcommon"); |
134 shouldBe('container.appendChild(nonSubtreeObjectElement); radioNodeList.length',
'5'); | 133 shouldBe('container.appendChild(nonSubtreeObjectElement); radioNodeList.length',
'5'); |
135 | 134 |
136 container.parentNode.removeChild(container); | 135 container.parentNode.removeChild(container); |
137 </script> | 136 </script> |
138 </body> | 137 </body> |
139 </html> | 138 </html> |
OLD | NEW |