91 lines
2.4 KiB
HTML
91 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
var numberOfFocusedElements = 0;
|
|
function test()
|
|
{
|
|
if (!window.testRunner)
|
|
return;
|
|
|
|
for (var i = 1; i <= 5; i++) {
|
|
var aElement = document.getElementById('a' + i);
|
|
aElement.onfocus = handleFocus;
|
|
eventSender.mouseMoveTo(aElement.offsetLeft + 2, aElement.offsetTop + 2);
|
|
eventSender.mouseDown();
|
|
eventSender.mouseUp();
|
|
}
|
|
|
|
if(numberOfFocusedElements == 5)
|
|
testPassed("All form elements got focus");
|
|
else
|
|
testFailed("Some form elements didn't get focus");
|
|
|
|
var tc = document.getElementById('test-container');
|
|
tc.parentNode.removeChild(tc);
|
|
};
|
|
|
|
function handleFocus(e)
|
|
{
|
|
var el = e.target;
|
|
debug(el.id + ' received focus (' + el.title + ')');
|
|
numberOfFocusedElements = numberOfFocusedElements + 1;
|
|
}
|
|
|
|
if (window.testRunner) {
|
|
testRunner.dumpAsText();
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
|
|
<body onLoad="test()">
|
|
|
|
<p>This test ensures that we can click to focus an a element.
|
|
Click on the element below.
|
|
|
|
<p>The expected result is platform specific. Mac doesn't allow some form controls to be
|
|
mouse focusable.
|
|
|
|
<div id=test-container>
|
|
<form id="form1">
|
|
<p>
|
|
<strong>This is form1</strong><br/>
|
|
|
|
First name here<br/>
|
|
<input type="text" name="name" title="input name" size="6" maxlength="10"/><br/>
|
|
|
|
Password:<br/>
|
|
<input type="password" name="password" size="6" maxlength="10"/><br/>
|
|
|
|
comments:<br/>
|
|
<textarea name="comments" title="textarea comments" rows="2" cols="20">anything form1 goes here</textarea><br/>
|
|
|
|
Select 1:<br/>
|
|
<input id=a1 type="radio" name="radio1" value="radio1a"/><br/>
|
|
<input id=a2 type="radio" name="radio1" value="radio1b"/><br/>
|
|
|
|
Check it:<br/>
|
|
<input id=a3 type="checkbox" name="checkbox1" value="checkbox1"/><br/>
|
|
|
|
Select 1:<br/>
|
|
<select id=a4 name="Select" size="2">
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option selected="selected">3</option>
|
|
<option>4</option>
|
|
</select><br/>
|
|
<input id=a5 type="button" name="button" value="Button 1"/>
|
|
</p></form><p><strong>End form1</strong></p>
|
|
</div>
|
|
|
|
<p>Result
|
|
|
|
<pre id=console></pre>
|
|
|
|
</body>
|
|
</html>
|