third_party/WebKit/LayoutTests/paint/invalidation/spv2/multicol-as-paint-container.html

   1 <!-- Based on fast/repaint/multicol-as-paint-container.html -->
   2 <!DOCTYPE html>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5     onload = runPaintInvalidationTest;
   6     window.expectedPaintInvalidationObjects = [
   7         "LayoutText #text",
   8         "InlineTextBox 'Lorem ipsum'",
   9         "InlineTextBox 'dolor sit amet,'",
  10         "InlineTextBox 'consectetur'",
  11         "InlineTextBox 'adipiscing'",
  12         "InlineTextBox 'elit. Fusce'",
  13         "InlineTextBox 'varius, metus'",
  14         "InlineTextBox 'eu fringilla'",
  15         "InlineTextBox 'pulvinar, ipsum'",
  16         "InlineTextBox 'sapien'",
  17         "InlineTextBox 'ultricies arcu,'",
  18         "InlineTextBox 'non condimentum'",
  19         "InlineTextBox 'quam est eu'",
  20         "InlineTextBox 'purus. Ut nisl'",
  21         "InlineTextBox 'libero,'",
  22         "InlineTextBox 'suscipit ut leo'",
  23         "InlineTextBox 'eget, dapibus'",
  24         "InlineTextBox 'ultrices dolor.'",
  25         "LayoutMultiColumnSet (anonymous)",
  26     ];
  27     function paintInvalidationTest() {
  28         var target = document.getElementById('target');
  29         target.style.color = 'green';
  30     }
  31 </script>
  32 <div id="target" style="-webkit-columns:2; -webkit-backface-visibility:hidden; width:630px; font:20px/1 Ahem; color:red;">
  33     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce
  34     varius, metus eu fringilla pulvinar, ipsum sapien ultricies arcu,
  35     non condimentum quam est eu purus. Ut nisl libero, suscipit ut leo
  36     eget, dapibus ultrices dolor.
  37 </div>
  38 <p>All text above should be green.</p>