third_party/WebKit/LayoutTests/paint/invalidation/spv2/border-outline-0.html

   1 <!-- Based on fast/repaint/border-outline-0.html -->
   2 <!DOCTYPE html>
   3
   4 <style>
   5 #border-image,
   6 #border,
   7 #outline {
   8     height: 100px;
   9     width: 100px;
  10 }
  11
  12 td {
  13     height: 50px;
  14     width: 50px;
  15     border-style: hidden;
  16 }
  17
  18 #border-image {
  19     border-image: url(../../../fast/repaint/_example.png) 100% 100 100 round;
  20     border-style: none;
  21     border-width: 50px;
  22     position: absolute;
  23     top: 10px;
  24     left: 10px;
  25 }
  26 </style>
  27
  28 <script src="resources/paint-invalidation-test.js"></script>
  29 <script>
  30 window.expectedPaintInvalidationObjects = [
  31     "LayoutBlockFlow (positioned) DIV id='border-image'",
  32 ];
  33 function paintInvalidationTest() {
  34     var border = document.getElementById("border");
  35     border.style.border = "0";
  36
  37     var outline = document.getElementById("outline");
  38     outline.style.outline = "0";
  39
  40     var outline = document.getElementById("cell");
  41     outline.style.borderWidth = "0";
  42
  43     var borderImage = document.getElementById("border-image");
  44     borderImage.style.borderWidth = "0";
  45 }
  46 onload = runPaintInvalidationTest;
  47 </script>
  48
  49 <p>Tests that setting an outline or a border of 0 on an element without a border or outline doesn't repaint.</p>
  50
  51 <div id="border"></div>
  52 <div id="outline"></div>
  53 <div id="border-image"></div>
  54
  55 <table>
  56     <tr>
  57         <td id="cell"></td>
  58         <td></td>
  59     </tr>
  60 </table>