third_party/WebKit/LayoutTests/inspector/device-emulation/device-emulation-small-dw.html

   1 <html>
   2 <head>
   3
   4 <script src="../../http/tests/inspector/inspector-test.js"></script>
   5 <script src="../../http/tests/inspector/elements-test.js"></script>
   6 <script src="device-emulation-test.js"></script>
   7
   8 <script>
   9 // This test is based on http://jsbin.com/urowoh/latest.
  10 setMetaViewport("w=dw");
  11 </script>
  12
  13 <style>
  14 html {
  15     overflow-x: hidden;
  16 }
  17
  18 body {
  19     margin: 0;
  20     min-height: 100px;
  21     overflow: hidden;
  22 }
  23 </style>
  24
  25 <script>
  26 function test()
  27 {
  28     InspectorTest.testDeviceEmulation("device-emulation-small-dw.html", 380, 420, 1, "w=dw", undefined, false);
  29 }
  30 </script>
  31
  32 </head>
  33 <body onload="runTest()">
  34 <p>
  35 Tests that device emulation affects media rules, viewport meta tag, body dimensions and window.screen.
  36 Emulating small device on a page with viewport "width=device-width" set should work without reload for page without scrollbar.
  37 </p>
  38 </body>
  39 </html>