<html>
<head>
<script src="../../resources/js-test.js"></script>
<script src="resources/record-events.js"></script>
<script>
if (window.testRunner)
testRunner.dumpAsText();
window.onload = runTest;
function runTest()
{
if (!window.eventSender)
return;
var firstInput = document.getElementById("firstInput");
var secondInput = document.getElementById("secondInput");
registerElementsAndEventsToRecord([firstInput, secondInput], ["focus", "blur", "change", "click"]);
beginRecordingEvents();
firstInput.focus();
eventSender.keyDown("A");
eventSender.mouseMoveTo(secondInput.offsetLeft, secondInput.offsetTop);
eventSender.mouseDown();
eventSender.mouseUp(); // Transfers focus to text field "second input".
endRecordingEvents();
checkThatEventsFiredInOrder([["firstInput", "focus"], ["firstInput", "change"], ["firstInput", "blur"], ["secondInput", "focus"], ["secondInput", "click"]]);
debug('<br /><span class="pass">TEST COMPLETE</span>');
}
</script>
</head>
<body>
<p id="description"></p>
<div id="test-container">
<input type="text" id="firstInput" placeholder="first input" />
<input type="text" id="secondInput" placeholder="second input" />
</div>
<div id="console"></div>
<script>
description("This test checks that when a user focuses on the "first input" text field, modifies its contents, and then " +
"defocuses it by clicking on the "second input" text field that the following DOM events are fired in order: " +
"Focus, Change, Blur, Focus (on "second input"), Click (on "second input"). Note, this test must be run by Dump Render Tree.");
</script>
</body>
</html>