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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/padding-keeping-content-size.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/padding-keeping-content-size.html -->
1 <!DOCTYPE HTML> 2 <!DOCTYPE HTML>
2 <script src="resources/text-based-repaint.js"></script> 3 <script src="resources/paint-invalidation-test.js"></script>
3 <script> 4 <script>
4 function repaintTest() 5 window.expectedPaintInvalidationObjects = [
6 "LayoutBlockFlow (positioned) DIV id='target1' class='outer'",
7 "LayoutBlockFlow (positioned) DIV id='target2' class='outer'",
8 "LayoutBlockFlow DIV class='inner'",
9 ];
10 function paintInvalidationTest()
5 { 11 {
6 // Both targets' visual size expand. Should full repaint. 12 // Both targets' visual size expand. Should full repaint.
7 document.getElementById('target1').style.padding = '20px'; 13 document.getElementById('target1').style.padding = '20px';
8 document.getElementById('target2').style.padding = '20px'; 14 document.getElementById('target2').style.padding = '20px';
9 } 15 }
10 window.onload = runRepaintTest; 16 window.onload = runPaintInvalidationTest;
11 </script> 17 </script>
12 <style> 18 <style>
13 body { 19 body {
14 margin: 0; 20 margin: 0;
15 } 21 }
16 .outer { 22 .outer {
17 width: 100px; 23 width: 100px;
18 height: 100px; 24 height: 100px;
19 position: absolute; 25 position: absolute;
20 background-color: green; 26 background-color: green;
21 } 27 }
22 #target2 { 28 #target2 {
23 top: 200px; 29 top: 200px;
24 } 30 }
25 .inner { 31 .inner {
26 width: 100%; 32 width: 100%;
27 height: 100%; 33 height: 100%;
28 background-color: yellow; 34 background-color: yellow;
29 } 35 }
30 </style> 36 </style>
31 <div id="target1" class="outer"></div> 37 <div id="target1" class="outer"></div>
32 <div id="target2" class="outer"><div class="inner"></div></div> 38 <div id="target2" class="outer"><div class="inner"></div></div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698