Codebase Browser
chromium
Go to App

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

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

      function scroll() {
          window.scrollTo(100,100);
      }

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

      function test() {
          // Scroll before applying page scale so we scroll the layout viewport.
          scroll();
          applyScaleFactor();
      }
    </script>
    <script src="../../../resources/js-test.js"></script>
</head>
<body style="width:2000px; height:2000px; margin:0px;" onload="test();">
    <div style="position: fixed; top: -100px; left: -100px; 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:green;"></div>
        <div style="left:100px; top:100px; width:100px; height:100px; position:absolute; background:black;"></div>
    </div>

    <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:200px; top:0; width:100px; height:100px; position:absolute; background:blue;"></div>

    <div style="left:0; top:100px; width:100px; height:100px; position:absolute; background: green;"></div>
    <div style="left:100px; top:100px; width:100px; height:100px; position:absolute; background:blue;"></div>
    <div style="left:200px; top:100px; width:100px; height:100px; position:absolute; background:yellow;"></div>

    <div style="left:0; top:200px; width:100px; height:100px; position:absolute; background:blue;"></div>
    <div style="left:100px; top:200px; width:100px; height:100px; position:absolute; background:yellow;"></div>
    <div style="left:200px; top:200px; width:100px; height:100px; position:absolute; background:green;"></div>
</body>
</html>