src/third_party/WebKit/LayoutTests/fast/repaint/outline-clip-change.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 a {
   6     position: absolute;
   7     display: block;
   8     outline: thin dotted green;
   9     outline-width: 0px;
  10 }
  11
  12 a.updated {
  13     outline-width: 5px;
  14     clip: rect(0px, 100px, 100px, 0px);
  15 }
  16 </style>
  17 <script src="resources/text-based-repaint.js"></script>
  18 <script>
  19 function repaintTest()
  20 {
  21     document.getElementById("link").classList.add("updated");
  22 }
  23 window.addEventListener("load", runRepaintTest, false);
  24 </script>
  25 </head>
  26 <body>
  27     <p>This test checks that an outline change is correctly repainted.</p>
  28     <p>There should be a 5px green outline below.</p>
  29     <ul>
  30         <li><a id="link">Lorem Ipsum</a></li>
  31     </ul>
  32 </body>
  33 </html>
  34