test_bug274626.html (3537B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=274626 5 --> 6 <head> 7 <title>Test for Bug 274626</title> 8 <script src="/tests/SimpleTest/SimpleTest.js"></script> 9 <script src="/tests/SimpleTest/EventUtils.js"></script> 10 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 11 </head> 12 <body> 13 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=274626">Mozilla Bug 274626</a> 14 <br> 15 16 <input id='textbox_enabled' title='hello' value='hello' /> 17 <input id='textbox_disabled' title='hello' value='hello' disabled/> 18 19 <br> 20 <input id='input_button_enabled' title='hello' value='hello' type='button' /> 21 <input id='input_button_disabled' title='hello' value='hello' type='button' disabled /> 22 23 <br> 24 <input id='checkbox_enabled' title='hello' type='checkbox'>hello</input> 25 <input id='checkbox_disabled' title='hello' type='checkbox' disabled >hello</input> 26 27 <br> 28 <button id='button_enabled' title='hello' value='hello' type='button'>test</button> 29 <button id='button_disabled' title='hello' value='hello' type='button' disabled>test</button> 30 31 <br> 32 <textarea id='textarea_enabled' title='hello' value='hello' onclick="alert('click event');"> </textarea> 33 <textarea id='textarea_disabled' title='hello' value='hello' onclick="alert('click event');" disabled></textarea> 34 35 36 <br> 37 <select id='select_enabled' title='hello' onclick="alert('click event');"> 38 <option value='item1'>item1</option> 39 <option value='item2'>item2</option> 40 </select> 41 <select id='select_disabled' title='hello' onclick="alert('click event');" disabled> 42 <option value='item1'>item1</option> 43 <option value='item2'>item2</option> 44 </select> 45 46 <br> 47 <form> 48 <fieldset id='fieldset_enabled' title='hello' onclick="alert('click event');"> 49 <legend>Enabled fieldset:</legend> 50 Name: <input type='text' size='30' /><br /> 51 Email: <input type='text' size='30' /><br /> 52 Date of birth: <input type='text' size='10' /> 53 </fieldset> 54 </form> 55 <form> 56 <fieldset id='fieldset_disabled' title='hello' onclick="alert('click event');" disabled> 57 <legend>Disabled fieldset:</legend> 58 Name: <input type='text' size='30' /><br /> 59 Email: <input type='text' size='30' /><br /> 60 Date of birth: <input type='text' size='10' /> 61 </fieldset> 62 </form> 63 64 <script class="testbody" type="application/javascript"> 65 66 /** Test for Bug 274626 */ 67 68 function HandlesMouseMove(evt) { 69 evt.target.handlesMouseMove = true; 70 } 71 72 var controls=["textbox_enabled","textbox_disabled", 73 "input_button_enabled", "input_button_disabled", "checkbox_enabled", 74 "checkbox_disabled", "button_enabled", "button_disabled", 75 "textarea_enabled", "textarea_disabled", "select_enabled", 76 "select_disabled", "fieldset_enabled", "fieldset_disabled"]; 77 78 for (id of controls) { 79 var ctrl = document.getElementById(id); 80 ctrl.addEventListener('mousemove', HandlesMouseMove); 81 ctrl.handlesMouseMove = false; 82 var evt = document.createEvent("MouseEvents"); 83 evt.initMouseEvent("mousemove", true, true, window, 84 0, 0, 0, 0, 0, false, false, false, false, 0, null); 85 ctrl.dispatchEvent(evt); 86 87 // Mouse move events are what causes tooltips to show up. 88 // Before this fix we would not allow mouse move events to go through 89 // which in turn did not allow tooltips to be displayed. 90 // This test will ensure that all HTML elements handle mouse move events 91 // so that tooltips can be displayed 92 ok(ctrl.handlesMouseMove, "Disabled element need mouse move for tooltips"); 93 } 94 95 </script> 96 </body> 97 </html>