third_party/WebKit/LayoutTests/scrollingcoordinator/non-fast-scrollable-region-transformed-iframe.html

   1 <!DOCTYPE html>
   2 <style>
   3   iframe {
   4     position: absolute;
   5     left: 200px;
   6     top: 200px;
   7     height: 120px;
   8     width: 120px;
   9     padding: 10px;
  10     border: none;
  11     transform: scale(2);
  12   }
  13 </style>
  14
  15 <iframe src="data:text/html;charset=utf-8,<html><body style='width:1000px; height:1000px;'><p style='font-size: 6px'>Should be covered by a green overlay.</p></body></html>"></iframe>
  16 <div id="console"></div>
  17
  18 <script src="../resources/js-test.js"></script>
  19 <script src="../resources/run-after-layout-and-paint.js"></script>
  20 <script src="resources/non-fast-scrollable-region-testing.js"></script>
  21 <script>
  22   window.jsTestIsAsync = true;
  23   description('This test ensures non-fast scrollable areas are calculated ' +
  24               'correctly when a CSS scale transformation is applied.');
  25
  26   onload = function() {
  27     runAfterLayoutAndPaint(function(){
  28       nonFastScrollableRects = window.internals.nonFastScrollableRects(document);
  29       shouldBe('nonFastScrollableRects.length', '1');
  30       shouldBeEqualToString('rectToString(nonFastScrollableRects[0])', '[150, 150, 240, 240]');
  31
  32       drawNonFastScrollableRegionOverlays();
  33
  34       finishJSTest();
  35     });
  36   };
  37 </script>