2011-07-18 16:16:44 -07:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<!--
|
|
|
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=274626
|
|
|
|
|
-->
|
|
|
|
|
<head>
|
|
|
|
|
<title>Test for Bug 274626</title>
|
|
|
|
|
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
|
|
|
<script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=274626">Mozilla Bug 274626</a>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<input id='textbox_enabled' title='hello' value='hello' />
|
|
|
|
|
<input id='textbox_disabled' title='hello' value='hello' disabled/>
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
<input id='input_button_enabled' title='hello' value='hello' type='button' />
|
|
|
|
|
<input id='input_button_disabled' title='hello' value='hello' type='button' disabled />
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
<input id='checkbox_enabled' title='hello' type='checkbox'>hello</input>
|
|
|
|
|
<input id='checkbox_disabled' title='hello' type='checkbox' disabled >hello</input>
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
<button id='button_enabled' title='hello' value='hello' type='button'>test</button>
|
|
|
|
|
<button id='button_disabled' title='hello' value='hello' type='button' disabled>test</button>
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
<textarea id='textarea_enabled' title='hello' value='hello' onclick="alert('click event');"> </textarea>
|
|
|
|
|
<textarea id='textarea_disabled' title='hello' value='hello' onclick="alert('click event');" disabled></textarea>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
<select id='select_enabled' title='hello' onclick="alert('click event');">
|
|
|
|
|
<option value='item1'>item1</option>
|
|
|
|
|
<option value='item2'>item2</option>
|
|
|
|
|
</select>
|
|
|
|
|
<select id='select_disabled' title='hello' onclick="alert('click event');" disabled>
|
|
|
|
|
<option value='item1'>item1</option>
|
|
|
|
|
<option value='item2'>item2</option>
|
|
|
|
|
</select>
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
<form>
|
|
|
|
|
<fieldset id='fieldset_enabled' title='hello' onclick="alert('click event');">
|
|
|
|
|
<legend>Enabled fieldset:</legend>
|
|
|
|
|
Name: <input type='text' size='30' /><br />
|
|
|
|
|
Email: <input type='text' size='30' /><br />
|
|
|
|
|
Date of birth: <input type='text' size='10' />
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
<form>
|
|
|
|
|
<fieldset id='fieldset_disabled' title='hello' onclick="alert('click event');" disabled>
|
|
|
|
|
<legend>Disabled fieldset:</legend>
|
|
|
|
|
Name: <input type='text' size='30' /><br />
|
|
|
|
|
Email: <input type='text' size='30' /><br />
|
|
|
|
|
Date of birth: <input type='text' size='10' />
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<script class="testbody" type="application/javascript">
|
|
|
|
|
|
|
|
|
|
/** Test for Bug 274626 **/
|
|
|
|
|
|
|
|
|
|
function HandlesMouseMove(evt) {
|
|
|
|
|
evt.target.handlesMouseMove = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var controls=["textbox_enabled","textbox_disabled",
|
|
|
|
|
"input_button_enabled", "input_button_disabled", "checkbox_enabled",
|
|
|
|
|
"checkbox_disabled", "button_enabled", "button_disabled",
|
|
|
|
|
"textarea_enabled", "textarea_disabled", "select_enabled",
|
|
|
|
|
"select_disabled", "fieldset_enabled", "fieldset_disabled"];
|
|
|
|
|
|
2012-12-21 03:47:52 -08:00
|
|
|
for (id of controls) {
|
2011-07-18 16:16:44 -07:00
|
|
|
var ctrl = document.getElementById(id);
|
|
|
|
|
ctrl.addEventListener('mousemove', HandlesMouseMove, false);
|
|
|
|
|
ctrl.handlesMouseMove = false;
|
|
|
|
|
var evt = document.createEvent("MouseEvents");
|
|
|
|
|
evt.initMouseEvent("mousemove", true, true, window,
|
|
|
|
|
0, 0, 0, 0, 0, false, false, false, false, 0, null);
|
|
|
|
|
ctrl.dispatchEvent(evt);
|
|
|
|
|
|
|
|
|
|
// Mouse move events are what causes tooltips to show up.
|
|
|
|
|
// Before this fix we would not allow mouse move events to go through
|
|
|
|
|
// which in turn did not allow tooltips to be displayed.
|
|
|
|
|
// This test will ensure that all HTML elements handle mouse move events
|
|
|
|
|
// so that tooltips can be displayed
|
|
|
|
|
ok(ctrl.handlesMouseMove, "Disabled element need mouse move for tooltips");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
