nameditem-04.html (6455B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>Named items: forms</title> 4 <link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com"> 5 <link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-document-nameditem"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <div id="log"></div> 9 <div id="test"> 10 <form name=test1></form> 11 12 <form name=test2></form> 13 <form name=test2></form> 14 15 <form id=test3></form> 16 17 <form id=test4></form> 18 <form id=test4></form> 19 20 <form name=test5></form> 21 <form id=test5></form> 22 23 <form id=test6></form> 24 <form name=test6></form> 25 26 <form id=test7 name=fail></form> 27 28 <form name=test8 id=fail></form> 29 30 <form name=test9 id=test9></form> 31 32 <form></form> 33 34 <form name="test11a"></form> 35 36 <form name="test12"></form> 37 </div> 38 <script> 39 test(function() { 40 var form = document.getElementsByTagName("form")[0]; 41 assert_equals(form.name, "test1"); 42 43 assert_true("test1" in document, '"test1" in document should be true'); 44 assert_equals(document.test1, form); 45 }, "If there is one form, it should be returned (name)"); 46 47 test(function() { 48 var form1 = document.getElementsByTagName("form")[1]; 49 assert_equals(form1.name, "test2"); 50 var form2 = document.getElementsByTagName("form")[2]; 51 assert_equals(form2.name, "test2"); 52 53 assert_true("test2" in document, '"test2" in document should be true'); 54 var collection = document.test2; 55 assert_class_string(collection, "HTMLCollection", "collection should be an HTMLCollection"); 56 assert_array_equals(collection, [form1, form2]); 57 }, "If there are two forms, a collection should be returned. (name)"); 58 59 test(function() { 60 var form = document.getElementsByTagName("form")[3]; 61 assert_equals(form.id, "test3"); 62 63 assert_false("test3" in document, '"test3" in document should be false'); 64 assert_equals(document.test3, undefined); 65 }, "If there is one form, it should not be returned (id)"); 66 67 test(function() { 68 var form1 = document.getElementsByTagName("form")[4]; 69 assert_equals(form1.id, "test4"); 70 var form2 = document.getElementsByTagName("form")[5]; 71 assert_equals(form2.id, "test4"); 72 73 assert_false("test4" in document, '"test4" in document should be false'); 74 assert_equals(document.test4, undefined); 75 }, "If there are two forms, nothing should be returned. (id)"); 76 77 test(function() { 78 var form1 = document.getElementsByTagName("form")[6]; 79 assert_equals(form1.name, "test5"); 80 var form2 = document.getElementsByTagName("form")[7]; 81 assert_equals(form2.id, "test5"); 82 83 assert_true("test5" in document, '"test5" in document should be true'); 84 assert_equals(document.test5, form1); 85 }, "If there are two forms, a collection should be returned. (name and id)"); 86 87 test(function() { 88 var form1 = document.getElementsByTagName("form")[8]; 89 assert_equals(form1.id, "test6"); 90 var form2 = document.getElementsByTagName("form")[9]; 91 assert_equals(form2.name, "test6"); 92 93 assert_true("test6" in document, '"test6" in document should be true'); 94 assert_equals(document.test6, form2); 95 }, "If there are two forms, a collection should be returned. (id and name)"); 96 97 test(function() { 98 var form = document.getElementsByTagName("form")[10]; 99 assert_equals(form.id, "test7"); 100 101 assert_false("test7" in document, '"test7" in document should be false'); 102 assert_equals(document.test7, undefined); 103 }, "A name shouldn't affect getting an form by id"); 104 105 test(function() { 106 var form = document.getElementsByTagName("form")[11]; 107 assert_equals(form.name, "test8"); 108 109 assert_true("test8" in document, '"test8" in document should be true'); 110 assert_equals(document.test8, form); 111 }, "An id shouldn't affect getting an form by name"); 112 113 test(function() { 114 var form = document.getElementsByTagName("form")[12]; 115 assert_equals(form.name, "test9"); 116 117 assert_true("test9" in document, 'test9 in document should be true'); 118 assert_equals(document["test9"], form); 119 assert_equals(document.test9, form); 120 121 form.removeAttribute("name"); 122 assert_false("test9" in document, 'test9 in document should be false'); 123 assert_equals(document["test9"], undefined); 124 assert_equals(document.test9, undefined); 125 }, "Dynamically removing the name attribute from form elements, should not be accessible."); 126 127 test(function() { 128 var form = document.getElementsByTagName("form")[13]; 129 form.setAttribute("name", "test10a"); 130 131 assert_true("test10a" in document, 'test10a in document should be true'); 132 assert_equals(document["test10a"], form); 133 assert_equals(document.test10a, form); 134 135 form.setAttribute("name", "test10b"); 136 assert_false("test10a" in document, 'test10a in document should be false'); 137 assert_equals(document["test10a"], undefined); 138 assert_equals(document.test10a, undefined); 139 assert_true("test10b" in document, 'test10b in document should be true'); 140 assert_equals(document["test10b"], form); 141 assert_equals(document.test10b, form); 142 }, "Dynamically updating the name attribute from form elements, should be accessible by its name."); 143 144 test(function() { 145 var form = document.getElementsByTagName("form")[14]; 146 assert_equals(form.name, "test11a"); 147 148 assert_true("test11a" in document, 'test11a in document should be true'); 149 assert_equals(document["test11a"], form); 150 assert_equals(document.test11a, form); 151 152 form.setAttribute("id", "test11a"); 153 assert_true("test11a" in document, 'test11a in document should be true'); 154 assert_equals(document["test11a"], form); 155 assert_equals(document.test11a, form); 156 157 form.setAttribute("id", "test11b"); 158 assert_true("test11a" in document, 'test11a in document should be true'); 159 assert_equals(document["test11a"], form); 160 assert_equals(document.test11a, form); 161 assert_false("test11b" in document, 'test11b in document should be false'); 162 assert_equals(document["test11b"], undefined); 163 assert_equals(document.test11b, undefined); 164 }, "Dynamically updating the id attribute from form elements, should be accessible only by its name."); 165 166 test(function() { 167 var form = document.getElementsByTagName("form")[15]; 168 assert_equals(form.name, "test12"); 169 170 assert_true("test12" in document, 'test12 in document should be true'); 171 assert_equals(document["test12"], form); 172 assert_equals(document.test12, form); 173 174 form.remove(); 175 assert_false("test12" in document, 'test12 in document should be false'); 176 assert_equals(document["test12"], undefined); 177 assert_equals(document.test12, undefined); 178 }, "form elements that is removed, should not be accessible."); 179 </script>