third_party/WebKit/LayoutTests/fast/events/resize-events-count.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5         div.block { height: 400px; border: 1px solid black; margin:10px; }
   6     </style>
   7 </head>
   8 <body>
   9     <div>
  10         Test how many resize events are emitted during window resize.
  11     </div>
  12     <div id=expandingblock>
  13     </div>
  14     <pre id="console"></pre>
  15     <script src="../../resources/js-test.js"></script>
  16     <script>
  17         var resizeEventCount = 0;
  18         window.onresize = function() {
  19             resizeEventCount++;
  20             setTimeout(finish, 0);
  21         }
  22
  23         if (window.testRunner) {
  24             testRunner.useUnfortunateSynchronousResizeMode();
  25             testRunner.dumpAsText();
  26             testRunner.waitUntilDone();
  27         }
  28         function resizeWindow() {
  29             window.resizeBy(10, 10);
  30         }
  31         function finish() {
  32             // one resize event must be emitted.
  33             shouldBe("resizeEventCount", "1");
  34             if (window.testRunner)
  35                 testRunner.notifyDone();
  36         }
  37         window.onload = resizeWindow;
  38     </script>
  39 </body>
  40 </html>