Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(241)

Side by Side Diff: LayoutTests/paint/invalidation/spv2/outline-child-repaint.html

Issue 1302183007: Convert some text-based-repaint tests for spv2 (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <!-- Based on fast/repaint/outline-child-repaint.html -->
1 <html> 2 <html>
2 <head> 3 <head>
3 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip t> 4 <script src="resources/paint-invalidation-test.js" type="text/javascript"></ script>
4 <script type="text/javascript"> 5 <script type="text/javascript">
5 function repaintTest() 6 window.expectedPaintInvalidationObjects = [
7 "LayoutBlockFlow (positioned) DIV id='container'",
8 "LayoutBlockFlow DIV class='outlined'",
9 ];
10 function paintInvalidationTest()
6 { 11 {
7 var container = document.getElementById('container'); 12 var container = document.getElementById('container');
8 container.style.top = "250px"; 13 container.style.top = "250px";
9 } 14 }
10 </script> 15 </script>
11 <style type="text/css" media="screen"> 16 <style type="text/css" media="screen">
12 #container { 17 #container {
13 position: absolute; 18 position: absolute;
14 left: 10px; 19 left: 10px;
15 top: 150px; 20 top: 150px;
16 width: 200px; 21 width: 200px;
17 height: 50px; 22 height: 50px;
18 } 23 }
19 .outlined { 24 .outlined {
20 outline: 10px solid green; 25 outline: 10px solid green;
21 height: 30px; 26 height: 30px;
22 background-color: #DDD; 27 background-color: #DDD;
23 } 28 }
24 29
25 #underlay { 30 #underlay {
26 position: absolute; 31 position: absolute;
27 top: 240px; 32 top: 240px;
28 left: 0px; 33 left: 0px;
29 width: 200px; 34 width: 200px;
30 height: 30px; 35 height: 30px;
31 border: 10px solid red; 36 border: 10px solid red;
32 } 37 }
33 </style> 38 </style>
34 </head> 39 </head>
35 <body onload="runRepaintTest();"> 40 <body onload="runPaintInvalidationTest();">
36 <p> 41 <p>
37 This is a repaint test for <i><a href="https://bugs.webkit.org/show_bug. cgi?id=22159">https://bugs.webkit.org/show_bug.cgi?id=22159</a> 42 This is a repaint test for <i><a href="https://bugs.webkit.org/show_bug. cgi?id=22159">https://bugs.webkit.org/show_bug.cgi?id=22159</a>
38 Repaint issue with outlines in child objects</i>. 43 Repaint issue with outlines in child objects</i>.
39 </p> 44 </p>
40 <p>If the test passes, you should not see any red below</p> 45 <p>If the test passes, you should not see any red below</p>
41 <hr> 46 <hr>
42 47
43 <div id="underlay"> 48 <div id="underlay">
44 </div> 49 </div>
45 <div id="container"> 50 <div id="container">
46 <div class="outlined"> 51 <div class="outlined">
47 </div> 52 </div>
48 </div> 53 </div>
49 </body> 54 </body>
50 </html> 55 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698