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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/repaint/background-shorthand-with-gradient-and-height-changes.html

Issue 1994373002: Convert some repaint tests into ref tests (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 6 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 <html> 1 <html>
2 <head> 2 <head>
3 <script src="resources/text-based-repaint.js"></script> 3 <script src="resources/text-based-repaint.js"></script>
4 4
5 <style> 5 <style>
6 #outer { 6 #outer {
7 padding-top: 200px; 7 padding-top: 200px;
8 /* background-size is implicitly set to initial via the background shorthand . */ 8 /* background-size is implicitly set to initial via the background shorthand . */
9 background:-webkit-gradient( 9 background:-webkit-gradient(
10 linear, 10 linear,
11 left top, 11 left top,
12 left bottom, 12 left bottom,
13 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))
14 ); 14 );
15 } 15 }
16 16
17 #inner { 17 #inner {
18 height: 100px; 18 height: 100px;
19 } 19 }
20 </style> 20 </style>
21 21
22 <script> 22 <script>
23 //This test verifies that gradient background gets repainted properly after chil d box height change. 23 //This test verifies that gradient background gets repainted properly after chil d box height change.
24 24
25 function repaintTest() { 25 function repaintTest() {
26 document.getElementById('inner').style.height = 300 + 'px'; 26 document.getElementById('inner').style.height = 300 + 'px';
27 } 27 }
28 </script> 28 </script>
29 </head> 29 </head>
30 <body onload='runRepaintTest();'> 30 <body onload='runRepaintAndPixelTest();'>
31 <div id='outer'> 31 <div id='outer'>
32 <div id='inner'> 32 <div id='inner'>
33 </div> 33 </div>
34 </div> 34 </div>
35 </body> 35 </body>
36 </html> 36 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698