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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/squash-partial-repaint-inside-squashed-layer-expected.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 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <head> 2 <head>
3 <style> 3 <style>
4 .composited { 4 .composited {
5 transform: translatez(0); 5 transform: translatez(0);
6 } 6 }
7 7
8 .box { 8 .box {
9 width: 100px; 9 width: 100px;
10 height: 100px; 10 height: 100px;
(...skipping 15 matching lines...) Expand all
26 background-color: lime; 26 background-color: lime;
27 } 27 }
28 28
29 .repaintdiv { 29 .repaintdiv {
30 position: absolute; 30 position: absolute;
31 z-index: 1; 31 z-index: 1;
32 top: 260px; 32 top: 260px;
33 left: 260px; 33 left: 260px;
34 width: 182px; 34 width: 182px;
35 height: 29px; 35 height: 29px;
36 background-color:red; 36 background-color: salmon;
37 } 37 }
38 38
39 .top { 39 .top {
40 position: absolute; 40 position: absolute;
41 z-index: 1; 41 z-index: 1;
42 top: 280px; 42 top: 280px;
43 left: 340px; 43 left: 340px;
44 background-color: cyan; 44 background-color: cyan;
45 } 45 }
46 46
47 div:hover { 47 div:hover {
48 background-color: green; 48 background-color: green;
49 transform:translatez(0); 49 transform:translatez(0);
50 } 50 }
51 51
52 </style> 52 </style>
53 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
54 <script>
55 function repaintTest()
56 {
57 document.getElementById('repaintdiv').style.background = 'salmon';
58 }
59 runRepaintTest();
60 </script>
61 </head> 53 </head>
62 <body> 54 <body>
63 <div class="composited box behind"></div> 55 <div class="composited box behind"></div>
64 <div class="box middle"></div> 56 <div class="box middle"></div>
65 <img id="repaintdiv" class="repaintdiv"></img> 57 <img id="repaintdiv" class="repaintdiv"></img>
66 <div class="box top"></div> 58 <div class="box top"></div>
67 </body> 59 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698