grouping-li-novalue-manual.html (6223B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Body Element</title> 6 <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> 7 <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-body-element"> 8 <meta name="flags" content="interact" /> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 </head> 12 <body> 13 <h1>Validation of li characteristic requiring manual testing</h1> 14 15 <p>The spec states: "If the parent element is an ol element, then the li element has an ordinal value."</p> 16 <p>This manual test is needed to verify that NON-ol element parents do NOT result in an ordinal value.</p> 17 <p>It needs to be manual because the ordinal value assigned to each list element by the user agent is NOT available programmatically. Values which are set either via markup or IDL are available programmatically, but not the calculated values for all the other list items.</p> 18 <p>And, as we cannot be sure how a mistakenly assigned value would be rendered, this test cannot be a reftest.</p> 19 <p>So, please use the buttons to answer the following questions:</p> 20 21 <table> 22 <thead> 23 <tr> 24 <th>HTML Markup</th> 25 <th>Do you see any sort of sequencing information?</th> 26 </tr> 27 </thead> 28 <tbody> 29 <tr> 30 <td> 31 <menu> 32 <li>Menu Item</li> 33 <li>Menu Item</li> 34 </menu> 35 </td> 36 <td> 37 <input type="button" id="btnMenuYes" value="Yes" /> 38 <input type="button" id="btnMenuNo" value="No" /> 39 </td> 40 </tr> 41 <tr> 42 <td> 43 <menu type="toolbar"> 44 <li> 45 <menu label="ToolbarLabel"> 46 <li><a>Toolbar Menu Item</a></li> 47 <li><a>Toolbar Menu Item</a></li> 48 </menu> 49 </li> 50 <li> 51 <menu label="ToolbarLabel"> 52 <li><a>Toolbar Menu Item</a></li> 53 <li><a>Toolbar Menu Item</a></li> 54 </menu> 55 </li> 56 </menu> 57 </td> 58 <td> 59 <input type="button" id="btnToolbarYes" value="Yes" /> 60 <input type="button" id="btnToolbarNo" value="No" /> 61 </td> 62 </tr> 63 <tr> 64 <td> 65 <ul> 66 <li>list item</li> 67 <li>list item</li> 68 <li>list item</li> 69 </ul> 70 </td> 71 <td> 72 <input type="button" id="btnULYes" value="Yes" /> 73 <input type="button" id="btnULNo" value="No" /> 74 </td> 75 </tr> 76 </tbody> 77 </table> 78 79 <div id="log"></div> 80 81 <script> 82 "use strict"; 83 84 var testMenu = {}, testToolbar = {}, testUL = {}; 85 86 // need to be able to wait for user to push button 87 setup(function () { 88 btnMenuYes.disabled = false; 89 btnMenuNo.disabled = false; 90 btnToolbarYes.disabled = false; 91 btnToolbarNo.disabled = false; 92 btnULYes.disabled = false; 93 btnULNo.disabled = false; 94 }, 95 { explicit_timeout: true } 96 ); 97 98 // register async tests 99 testMenu = async_test("Check that menu element does not result in values for list items."); 100 testToolbar = async_test("Check that toolbar type menu element does not result in values for list items."); 101 testUL = async_test("Check that unordered list element does not result in values for list items."); 102 103 // run async tests after buttons are clicked - MENU test 104 document.getElementById("btnMenuNo").onclick = testMenu.step_func(function (event) { 105 assert_true(true, "No sequencing applied to list elements inside menu."); 106 testMenu.done(); 107 btnMenuYes.disabled = true; 108 btnMenuNo.disabled = true; 109 }); 110 document.getElementById("btnMenuYes").onclick = testMenu.step_func(function (event) { 111 assert_true(false, "No sequencing applied to list elements inside menu."); 112 testMenu.done(); 113 btnMenuYes.disabled = true; 114 btnMenuNo.disabled = true; 115 }); 116 117 // run async tests after buttons are clicked -TOOLBAR test 118 document.getElementById("btnToolbarNo").onclick = testToolbar.step_func(function (event) { 119 assert_true(true, "No sequencing applied to list elements inside toolbar menu."); 120 testToolbar.done(); 121 btnToolbarYes.disabled = true; 122 btnToolbarNo.disabled = true; 123 }); 124 document.getElementById("btnToolbarYes").onclick = testToolbar.step_func(function (event) { 125 assert_true(false, "No sequencing applied to list elements inside toolbar menu."); 126 testToolbar.done(); 127 btnToolbarYes.disabled = true; 128 btnToolbarNo.disabled = true; 129 }); 130 131 // run async tests after buttons are clicked - UL test 132 document.getElementById("btnULNo").onclick = testUL.step_func(function (event) { 133 assert_true(true, "No sequencing applied to list elements inside UL."); 134 testUL.done(); 135 btnULYes.disabled = true; 136 btnULNo.disabled = true; 137 }); 138 document.getElementById("btnULYes").onclick = testUL.step_func(function (event) { 139 assert_true(false, "No sequencing applied to list elements inside UL."); 140 testUL.done(); 141 btnULYes.disabled = true; 142 btnULNo.disabled = true; 143 }); 144 145 146 </script> 147 148 </body>