OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html><head> | 2 <html><head> |
3 <style> | 3 <style> |
4 .container { | 4 .container { |
5 margin: 20px; | 5 margin: 20px; |
6 width: 300px; | 6 width: 300px; |
7 height: 200px; | 7 height: 200px; |
8 border: 1px solid black; | 8 border: 1px solid black; |
9 overflow: scroll; | 9 overflow: scroll; |
10 } | 10 } |
11 .vertical-rl { | 11 .vertical-rl { |
12 -webkit-writing-mode: vertical-rl; | 12 -webkit-writing-mode: vertical-rl; |
13 } | 13 } |
14 .offset { | 14 .offset { |
15 width: 2000px; | 15 width: 2000px; |
16 height: 100px; | 16 height: 100px; |
17 } | 17 } |
18 .target { | 18 .target { |
19 width: 100px; | 19 width: 100px; |
20 height: 100px; | 20 height: 100px; |
21 background-color: orange; | 21 background-color: orange; |
22 visibility: hidden; | |
23 } | 22 } |
24 </style> | 23 </style> |
25 </head> | 24 </head> |
26 <body> | 25 <body> |
27 <div class="vertical-rl"> | 26 <div class="vertical-rl"> |
28 <div class="container"> | 27 <div class="container"> |
29 <div class="offset"></div> | 28 <div class="offset"></div> |
30 <div class="target"></div> | 29 <div class="target"></div> |
31 </div></div> | 30 </div></div> |
32 An orange rect should be painted.<br/> | 31 An orange rect should be painted.<br/> |
33 In DumpRenderTree, there should be repaint logs of 100x100 rect. We don't ca
re how many times is the log dumpped. | 32 In DumpRenderTree, there should be repaint logs of 100x100 rect. We don't ca
re how many times is the log dumpped. |
34 <script src="../../resources/run-after-layout-and-paint.js"></script> | |
35 <script src="resources/text-based-repaint.js"></script> | |
36 <script> | 33 <script> |
37 repaintTest = function() { | 34 var container = document.getElementsByClassName("container")[0]; |
38 var target = document.getElementsByClassName("target")[0]; | 35 onload = function() { |
39 target.style.visibility = "visible"; | 36 container.scrollLeft = 0; |
40 }; | 37 }; |
41 var container = document.getElementsByClassName("container")[0]; | |
42 runAfterLayoutAndPaint(function() { | |
43 container.scrollLeft = 0; | |
44 runRepaintTest(); | |
45 }); | |
46 </script> | 38 </script> |
47 </body></html> | 39 </body></html> |
OLD | NEW |