LayoutTests:
[WebKit-https.git] / LayoutTests / fast / repaint / table-outer-border.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4     <title>Test for http://bugs.webkit.org/show_bug.cgi?id=12817</title>
5     <style type="text/css" media="all">
6         table {
7             border-collapse: collapse;
8         }
9         
10         table td {
11             border: 15px solid red;
12             background-color: green;
13             height: 50px;
14             width: 100px;
15         }
16         
17         table.green td {
18             border-color: green;
19         }
20     </style>
21     <script src="repaint.js"></script>
22     <script>
23         function repaintTest()
24         {
25             var container = document.getElementById('container');
26             var table = document.getElementById('table');
27             var newTable = table.cloneNode(true);
28             newTable.className = "green";
29             container.replaceChild(newTable, table);
30         }
31     </script>
32 </head>
33 <body onload="runRepaintTest();">
34     <div id="container" style="width: 500px;">
35         <table id="table">
36             <tr>
37                 <td></td>
38             </tr>
39             <tr>
40                 <td></td>
41             </tr>
42         </table>
43     </div>
44 </body>
45 </html>