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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/should-not-repaint-composited-descendants.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/should-not-repaint-composited-descendants.html -->
1 <!DOCTYPE html> 2 <!DOCTYPE html>
2 <style> 3 <style>
3 #composited-box { 4 #composited-box {
4 backface-visibility: hidden; 5 backface-visibility: hidden;
5 position: absolute; 6 position: absolute;
6 background-color: green; 7 background-color: green;
7 clip: rect(40px, 110px, 110px, 40px); 8 clip: rect(40px, 110px, 110px, 40px);
8 } 9 }
9 .child { 10 .child {
10 width: 50px; 11 width: 50px;
11 height: 50px; 12 height: 50px;
12 background-color: green; 13 background-color: green;
13 } 14 }
14 .composited { 15 .composited {
15 backface-visibility: hidden; 16 backface-visibility: hidden;
16 } 17 }
17 </style> 18 </style>
18 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> 19 <script src="resources/paint-invalidation-test.js"></script>
19 <script> 20 <script>
20 function repaintTest() { 21 window.expectedPaintInvalidationObjects = [
22 "##ALL##",
23 "LayoutBlockFlow (positioned) DIV id='composited-box'",
24 "LayoutBlockFlow DIV class='child'",
25 ];
26 function paintInvalidationTest() {
21 // This will cause a full layer repaint, but should not include the composit ed child. 27 // This will cause a full layer repaint, but should not include the composit ed child.
22 document.getElementById('composited-box').style.clip = 'rect(30px, 120px, 12 0px, 30px)'; 28 document.getElementById('composited-box').style.clip = 'rect(30px, 120px, 12 0px, 30px)';
23 } 29 }
24 window.onload = runRepaintTest; 30 window.onload = runPaintInvalidationTest;
25 </script> 31 </script>
26 <div id="composited-box"> 32 <div id="composited-box">
27 <div class="child"></div> 33 <div class="child"></div>
28 <div class="composited child"></div> 34 <div class="composited child"></div>
29 </div> 35 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698