third_party/WebKit/LayoutTests/paint/invalidation/spv2/table-outer-border.html

   1 <!-- Based on fast/repaint/table-outer-border.html -->
   2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   3 <html>
   4 <head>
   5     <title>Test for http://bugs.webkit.org/show_bug.cgi?id=12817</title>
   6     <style type="text/css" media="all">
   7         table {
   8             border-collapse: collapse;
   9         }
  10
  11         table td {
  12             border: 15px solid red;
  13             background-color: green;
  14             height: 50px;
  15             width: 100px;
  16         }
  17
  18         table.green td {
  19             border-color: green;
  20         }
  21     </style>
  22     <script src="resources/paint-invalidation-test.js"></script>
  23     <script>
  24         window.expectedPaintInvalidationObjects = [
  25             "LayoutTableCell TD",
  26             "LayoutTableRow TR",
  27             "LayoutTableCell TD",
  28             "LayoutTableRow TR",
  29             "LayoutTableSection TBODY",
  30             "LayoutTable TABLE id='table'",
  31             "LayoutTableCell TD",
  32             "LayoutTableCell TD",
  33             "LayoutTable TABLE id='table' class='green'",
  34             "LayoutTableCell TD",
  35             "LayoutTableCell TD",
  36             "LayoutTableSection TBODY",
  37             "LayoutTableRow TR",
  38             "LayoutTableCell TD",
  39             "LayoutTableRow TR",
  40             "LayoutTableCell TD",
  41         ];
  42         function paintInvalidationTest()
  43         {
  44             var container = document.getElementById('container');
  45             var table = document.getElementById('table');
  46             var newTable = table.cloneNode(true);
  47             newTable.className = "green";
  48             container.replaceChild(newTable, table);
  49         }
  50     </script>
  51 </head>
  52 <body onload="runPaintInvalidationTest();">
  53     <div id="container" style="width: 500px;">
  54         <table id="table">
  55             <tr>
  56                 <td></td>
  57             </tr>
  58             <tr>
  59                 <td></td>
  60             </tr>
  61         </table>
  62     </div>
  63 </body>
  64 </html>