third_party/WebKit/LayoutTests/fast/dom/Window/window-resize-contents.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <div id="reference" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: yellow; z-index: 1"></div>
   5
   6 <div style="position: absolute; z-index: 2">
   7     <p>This test checks that the yellow reference DOM node (which should be as
   8     big as the window) gets resized when the window is resized.</p>
   9
  10     <p>To avoid relayouts and repaints caused by DOM-based logging, it doesn't
  11     output anything. Please check the console for confirmation that the node
  12     dimensions increase by 10x10.</p>
  13 </div>
  14 <script>
  15     if (window.testRunner) {
  16         testRunner.useUnfortunateSynchronousResizeMode();
  17         testRunner.dumpAsText();
  18     }
  19     var referenceNode = document.getElementById('reference');
  20     console.log('Initial reference node dimensions ' +
  21         referenceNode.offsetWidth + ' x ' + referenceNode.offsetHeight);
  22     console.log('Increasing window size by 10 x 10');
  23     window.resizeBy(10, 10);
  24     console.log('Post-resize reference node dimensions ' +
  25         referenceNode.offsetWidth + ' x ' + referenceNode.offsetHeight);
  26 </script>
  27
  28 </body>
  29 </html>