third_party/WebKit/LayoutTests/fast/events/check-defocus-event-order-when-triggered-by-mouse-click.html

   1 <html>
   2 <head>
   3 <script src="../../resources/js-test.js"></script>
   4 <script src="resources/record-events.js"></script>
   5 <script>
   6 if (window.testRunner)
   7     testRunner.dumpAsText();
   8
   9 window.onload = runTest;
  10
  11 function runTest()
  12 {
  13     if (!window.eventSender)
  14         return;
  15
  16     var firstInput = document.getElementById("firstInput");
  17     var secondInput = document.getElementById("secondInput");
  18     registerElementsAndEventsToRecord([firstInput, secondInput], ["focus", "blur", "change", "click"]);
  19
  20     beginRecordingEvents();
  21     firstInput.focus();
  22     eventSender.keyDown("A");
  23     eventSender.mouseMoveTo(secondInput.offsetLeft, secondInput.offsetTop);
  24     eventSender.mouseDown();
  25     eventSender.mouseUp(); // Transfers focus to text field "second input".
  26     endRecordingEvents();
  27     checkThatEventsFiredInOrder([["firstInput", "focus"], ["firstInput", "change"], ["firstInput", "blur"], ["secondInput", "focus"], ["secondInput", "click"]]);
  28     debug('<br /><span class="pass">TEST COMPLETE</span>');
  29 }
  30 </script>
  31 </head>
  32 <body>
  33 <p id="description"></p>
  34 <div id="test-container">
  35     <input type="text" id="firstInput" placeholder="first input" />
  36     <input type="text" id="secondInput" placeholder="second input" />
  37 </div>
  38 <div id="console"></div>
  39 <script>
  40     description("This test checks that when a user focuses on the &quot;first input&quot; text field, modifies its contents, and then " +
  41                 "defocuses it by clicking on the &quot;second input&quot; text field that the following DOM events are fired in order: " +
  42                 "Focus, Change, Blur, Focus (on &quot;second input&quot;), Click (on &quot;second input&quot;). Note, this test must be run by Dump Render Tree.");
  43 </script>
  44 </body>
  45 </html>