test_ol_attributes_reflection.html (1620B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>Test for HTMLOLElement attributes reflection</title> 5 <script src="/tests/SimpleTest/SimpleTest.js"></script> 6 <script type="application/javascript" src="reflect.js"></script> 7 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 8 </head> 9 <body> 10 <p id="display"></p> 11 <div id="content" style="display: none"> 12 </div> 13 <pre id="test"> 14 <script type="application/javascript"> 15 16 /** Test for HTMLOLElement attributes reflection */ 17 18 // .reversed (boolean) 19 reflectBoolean({ 20 element: document.createElement("ol"), 21 attribute: "reversed", 22 }) 23 24 // .start 25 reflectInt({ 26 element: document.createElement("ol"), 27 attribute: "start", 28 nonNegative: false, 29 defaultValue: 1, 30 }); 31 32 // .type 33 reflectString({ 34 element: document.createElement("ol"), 35 attribute: "type" 36 }); 37 38 // .compact 39 reflectBoolean({ 40 element: document.createElement("ol"), 41 attribute: "compact", 42 }) 43 44 // Additional tests for ol.start behavior when li elements are added 45 var ol = document.createElement("ol"); 46 var li = document.createElement("li"); 47 li.value = 42; 48 ol.appendChild(li); 49 is(ol.start, 1, "ol.start with one li child, li.value = 42:"); 50 li.value = -42; 51 is(ol.start, 1, "ol.start with one li child, li.value = 42:"); 52 ol.removeAttribute("start"); 53 li.removeAttribute("value"); 54 ol.appendChild(document.createElement("li")); 55 ol.reversed = true; 56 todo_is(ol.start, 2, "ol.start with two li children, ol.reversed == true:"); 57 li.value = 42; 58 todo_is(ol.start, 2, "ol.start with two li childern, ol.reversed == true:"); 59 ol.start = 42; 60 is(ol.start, 42, "ol.start = 42:"); 61 62 </script> 63 </pre> 64 </body> 65 </html>