chromium/third_party/blink/web_tests/paint/invalidation/position/fixed-right-in-page-scale.html

<html>
<head>
    <style>
        ::-webkit-scrollbar {
            width: 0px;
            height: 0px;
        }
    </style>
    <script src="../../../resources/js-test.js"></script>
    <script>
      window.enablePixelTesting = true;

      function scroll() {
          // Scrolls so that unscaled content is out of view
          window.scrollTo(100,100);
      }

      function applyScaleFactor() {
          var scaleFactor = 2.0;
          if (window.internals)
            internals.setPageScaleFactor(scaleFactor);
      }

      function test() {
          if (window.internals)
            internals.settings.setScrollAnimatorEnabled(false);

          // Scroll before applying page scale so we scroll the layout viewport.
          scroll();
          applyScaleFactor();
      }
    </script>
</head>
<body style="height:2000px; width: 2000px; margin:0px;" onload="test();">
    <div style="position: fixed; top: -100px; right: 500px; z-index: 1">
        <div style="left:0; top:0; width:100px; height:100px; position:absolute; background:yellow;"></div>
        <div style="left:100px; top:0; width:100px; height:100px; position:absolute; background:green;"></div>

        <div style="left:0; top:100px; width:100px; height:100px; position:absolute; background:black;"></div>
        <div style="left:100px; top:100px; width:100px; height:100px; position:absolute; background:blue;"></div>
    </div>
    <div style="position: absolute; width:300px; height:300px; top: 0px; left: 300px" id="grid">
        <div style="float:left; width:100px; height:100px; background:yellow;"></div>
        <div style="float:left; width:100px; height:100px; background:green;"></div>
        <div style="float:left; width:100px; height:100px; background:blue;"></div>

        <div style="float:left; width:100px; height:100px; background: green;"></div>
        <div style="float:left; width:100px; height:100px; background:blue;"></div>
        <div style="float:left; width:100px; height:100px; background:yellow;"></div>

        <div style="float:left; width:100px; height:100px; background:blue;"></div>
        <div style="float:left; width:100px; height:100px; background:yellow;"></div>
        <div style="float:left; width:100px; height:100px; background:green;"></div>
    </div>
    <div id="console"></div>
</body>
</html>