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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/background-size-auto-with-gradient-and-height-changes.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/background-size-auto-with-gradient-and-height-changes .html -->
1 <html> 2 <html>
2 <head> 3 <head>
3 <script src="resources/text-based-repaint.js"></script> 4 <script src="resources/paint-invalidation-test.js"></script>
4 5
5 <style> 6 <style>
6 #outer { 7 #outer {
7 padding-top: 200px; 8 padding-top: 200px;
8 background: -webkit-gradient( 9 background: -webkit-gradient(
9 linear, 10 linear,
10 left top, 11 left top,
11 left bottom, 12 left bottom,
12 color-stop(0%, rgba(255,255,0,0)), color-stop(100%, rgba(0,0,0,1)) 13 color-stop(0%, rgba(255,255,0,0)), color-stop(100%, rgba(0,0,0,1))
13 ); 14 );
14 background-size: auto; 15 background-size: auto;
15 } 16 }
16 17
17 #inner { 18 #inner {
18 height: 100px; 19 height: 100px;
19 } 20 }
20 </style> 21 </style>
21 22
22 <script> 23 <script>
23 // This test verifies that gradient background gets repainted properly after chi ld box height change. 24 // This test verifies that gradient background gets repainted properly after chi ld box height change.
24 function repaintTest() { 25 window.expectedPaintInvalidationObjects = [
26 "LayoutBlockFlow DIV id='outer'",
27 "LayoutBlockFlow DIV id='inner'",
28 ];
29 function paintInvalidationTest() {
25 document.getElementById('inner').style.height = '300px'; 30 document.getElementById('inner').style.height = '300px';
26 } 31 }
27 </script> 32 </script>
28 </head> 33 </head>
29 34
30 <body onload='runRepaintTest();'> 35 <body onload='runPaintInvalidationTest();'>
31 <div id='outer'> 36 <div id='outer'>
32 <div id='inner'> 37 <div id='inner'>
33 </div> 38 </div>
34 </div> 39 </div>
35 </body> 40 </body>
36 </html> 41 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698