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

Side by Side Diff: third_party/WebKit/LayoutTests/paint/invalidation/spv2/padding-keeping-content-size.html

Issue 1366763002: Text expectations of paint/invalidation/spv2 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 2 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
OLDNEW
1 <!-- Based on fast/repaint/padding-keeping-content-size.html --> 1 <!-- Based on fast/repaint/padding-keeping-content-size.html -->
2 <!DOCTYPE HTML> 2 <!DOCTYPE HTML>
3 <script src="resources/paint-invalidation-test.js"></script> 3 <script src="resources/paint-invalidation-test.js"></script>
4 <script> 4 <script>
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 function paintInvalidationTest()
11 { 6 {
12 // Both targets' visual size expand. Should full repaint. 7 // Both targets' visual size expand. Should full repaint.
13 document.getElementById('target1').style.padding = '20px'; 8 document.getElementById('target1').style.padding = '20px';
14 document.getElementById('target2').style.padding = '20px'; 9 document.getElementById('target2').style.padding = '20px';
15 } 10 }
16 window.onload = runPaintInvalidationTest; 11 window.onload = runPaintInvalidationTest;
17 </script> 12 </script>
18 <style> 13 <style>
19 body { 14 body {
20 margin: 0; 15 margin: 0;
21 } 16 }
22 .outer { 17 .outer {
23 width: 100px; 18 width: 100px;
24 height: 100px; 19 height: 100px;
25 position: absolute; 20 position: absolute;
26 background-color: green; 21 background-color: green;
27 } 22 }
28 #target2 { 23 #target2 {
29 top: 200px; 24 top: 200px;
30 } 25 }
31 .inner { 26 .inner {
32 width: 100%; 27 width: 100%;
33 height: 100%; 28 height: 100%;
34 background-color: yellow; 29 background-color: yellow;
35 } 30 }
36 </style> 31 </style>
37 <div id="target1" class="outer"></div> 32 <div id="target1" class="outer"></div>
38 <div id="target2" class="outer"><div class="inner"></div></div> 33 <div id="target2" class="outer"><div class="inner"></div></div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698