LayoutTests/fast/dom/inner-width-height.html

   1 <html>
   2 <head>
   3     <script>
   4         function debug(str) {
   5             pre = document.getElementById('console');
   6             pre.appendChild(document.createTextNode(str + '\n'));
   7         }
   8
   9         function runTests() {
  10             if (window.layoutTestController)
  11                 layoutTestController.dumpAsText();
  12
  13             var width = window.innerWidth;
  14             var height = window.innerHeight;
  15
  16             // Now force scroll bars. innerWidth and innerHeight should not take the scroll bar into account
  17             document.body.style.overflow = 'scroll';
  18             document.body.offsetTop;
  19
  20             if (width != window.innerWidth || height != window.innerHeight) {
  21                 debug("FAILURE!")
  22                 return;
  23             }
  24
  25             debug("SUCCESS!");
  26         }
  27     </script>
  28 </head>
  29 <body onload="runTests()">
  30     This tests that window.innerWidth/innerHeight does not include the size of the scrollbars.
  31     <pre id="console"></pre>
  32 </body>
  33 </html>