src/third_party/WebKit/LayoutTests/fast/repaint/obscured-background-no-repaint.html

   1 <html>
   2 <head>
   3 <script>jsTestIsAsync = true;</script>
   4 <script src="../../resources/js-test.js"></script>
   5 <style type="text/css">
   6     #test1 div {
   7         height: 100px;
   8         width: 100px;
   9     }
  10     #test1 .parent {
  11         background-image: url(resources/animated.gif)
  12     }
  13     #test1 .child {
  14         background-color: green;
  15     }
  16
  17     #test2 .parent {
  18         position: relative;
  19         height: 100px;
  20         width: 100px;
  21         background-image: url(resources/animated.gif);
  22         background-repeat: no-repeat;
  23         background-position: center;
  24     }
  25
  26     #test2 .child {
  27         background-color: green;
  28         position: relative;
  29         left: 25px;
  30         top: 25px;
  31         height: 50px;
  32         width: 50px;
  33     }
  34     #test3 img {
  35         background-image: url(resources/animated.gif)
  36     }
  37     #test4 .parent {
  38         position: relative;
  39         height: 100px;
  40         width: 100px;
  41         background-color: red;
  42         background-repeat: no-repeat;
  43         background-position: center;
  44         background-image: url(resources/animated.gif)
  45     }
  46 </style>
  47 <script>
  48     description("Test that obscured animated gif does not trigger repaints. This test requires DRT.");
  49     function startTrackingRepaints()
  50     {
  51         document.body.offsetTop;
  52         window.internals.startTrackingRepaints(document);
  53         testRunner.display();
  54         setTimeout(logRepaints, 200);
  55     }
  56
  57     function logRepaints()
  58     {
  59         repaintRects = window.internals.repaintRectsAsText(document);
  60         window.internals.stopTrackingRepaints(document);
  61
  62         shouldBeEqualToString("repaintRects", "");
  63
  64         finishJSTest();
  65     }
  66
  67     function start() {
  68         if (!window.testRunner || !window.internals)
  69             return;
  70
  71         var img = new Image();
  72         img.onload = startTrackingRepaints;
  73         img.src = "resources/animated.gif";
  74     }
  75 </script>
  76 </head>
  77 <body onload="start()">
  78 <div id="test1">
  79     <div class="parent">
  80         <div class="child">
  81         </div>
  82     </div>
  83 </div>
  84 <div id="test2">
  85     <div class="parent">
  86         <div class="child">
  87         </div>
  88     </div>
  89 </div>
  90 <div id="test3">
  91     <img src="resources/apple.jpg">
  92 </div>
  93 <div id="test4">
  94     <div class="parent">
  95         <a>
  96             <div></div>
  97             <div>
  98                 <img src="resources/apple.jpg">
  99             </div>
 100         </a>
 101     </div>
 102 </div>
 103 </body>
 104 </html>