third_party/WebKit/LayoutTests/compositing/fixed-position-scroll-offset-history-restore.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body style="overflow:hidden">
   4   <div style="height:2000px;"></div>
   5
   6   <!-- Red div to indicate test failure -->
   7   <div style="position: absolute; top: 250px; width: 200px; height: 100px; background-color: red;"></div>
   8
   9   <!-- Green fixed-position, composited div which covers the red div after we scroll -->
  10   <div style="position: fixed; transform: translateZ(0); top: 50px; width: 200px; height: 100px; background-color: green;"></div>
  11
  12 <script>
  13 if (window.testRunner) {
  14     testRunner.waitUntilDone();
  15 }
  16
  17 onload = function() {
  18     if (window.localStorage.stage == 'two') {
  19         // We went foward and back again.
  20         // If the scroll position is restored correctly the red div won't be visible.
  21         delete window.localStorage.stage;
  22         if (window.testRunner) {
  23             testRunner.dumpAsTextWithPixelResults();
  24             testRunner.notifyDone();
  25         }
  26     } else {
  27         window.localStorage.stage = 'two';
  28         window.scrollTo(0, 200);
  29         setTimeout(function() {
  30             window.location.href = 'resources/fixed-position-scroll-offset-history-restore-2.html';
  31         }, 0);
  32     }
  33 };
  34 </script>
  35 </body>
  36 </html>
  37