| <!DOCTYPE html> |
| <script src="../resources/text-based-repaint.js"></script> |
| <script> |
| function repaintTest() |
| { |
| document.querySelector('#outer').style.outline = 'green solid 2px'; |
| } |
| onload = runRepaintAndPixelTest; |
| </script> |
| <style> |
| p, .inner { height: 20px; } |
| #container { position: absolute; width: 200px; padding: 10px; top: 100px; } |
| </style> |
| <p> |
| This test is verifying that when the outline is added to an element |
| that we correctly invalidate any continuations. |
| </p> |
| <p> |
| If this test passes, you should see a green border around "CONTENTS". |
| </p> |
| <div id="container"> |
| <span id="outer"> |
| CONTENTS |
| <div class="inner">CONTENTS</div> |
| CONTENTS |
| <div class="inner">CONTENTS</div> |
| </span> |
| <span> |
| <div class="inner">Should not have green border</div> |
| </span> |
| </div> |