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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/invalidations-on-composited-layers.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 compositing/repaint/invalidations-on-composited-layers.html -->
1 <!DOCTYPE html> 2 <!DOCTYPE html>
2 3
3 <!-- 4 <!--
4 This test checks that repaint testing works with composited layers. 5 This test checks that repaint testing works with composited layers.
5 --> 6 -->
6 7
7 <html> 8 <html>
8 <head> 9 <head>
9 <style type="text/css"> 10 <style type="text/css">
10 #parent { 11 #parent {
11 transform: translateZ(0px); 12 transform: translateZ(0px);
12 width: 400px; 13 width: 400px;
13 height: 400px; 14 height: 400px;
14 background: blue; 15 background: blue;
15 } 16 }
16 17
17 #child { 18 #child {
18 transform: translateZ(0px); 19 transform: translateZ(0px);
19 position: relative; 20 position: relative;
20 left: 50px; 21 left: 50px;
21 top: 50px; 22 top: 50px;
22 width: 75px; 23 width: 75px;
23 height: 75px; 24 height: 75px;
24 background: green; 25 background: green;
25 } 26 }
26 27
27 </style> 28 </style>
28 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> 29 <script src="resources/paint-invalidation-test.js"></script>
29 <script> 30 <script>
30 function repaintTest() { 31 window.expectedPaintInvalidationObjects = [
32 "LayoutBlockFlow DIV id='parent'",
33 "LayoutBlockFlow (relative positioned) DIV id='child'",
34 ];
35 function paintInvalidationTest() {
31 var parent = document.getElementById('parent'); 36 var parent = document.getElementById('parent');
32 var child = document.getElementById('child'); 37 var child = document.getElementById('child');
33 38
34 child.style.background = 'blue'; 39 child.style.background = 'blue';
35 parent.style.background = 'green'; 40 parent.style.background = 'green';
36 } 41 }
37 42
38 runRepaintTest(); 43 runPaintInvalidationTest();
39 </script> 44 </script>
40 </head> 45 </head>
41 <body> 46 <body>
42 <div id="parent"> 47 <div id="parent">
43 <div id="child"></div> 48 <div id="child"></div>
44 </div> 49 </div>
45 </body> 50 </body>
46 </html> 51 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698