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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/repaint-squashed-layer-in-rect.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/squashing/repaint-squashed-layer-in-rect.html -->
1 <!doctype html> 2 <!doctype html>
2 <div style="height: 800px; width: 800px; background-color: lightgray; transform: translateZ(0)"> 3 <div style="height: 800px; width: 800px; background-color: lightgray; transform: translateZ(0)">
3 </div> 4 </div>
4 <div style="position:absolute; top: 0px; height: 200px; width: 200px"> 5 <div style="position:absolute; top: 0px; height: 200px; width: 200px">
5 </div> 6 </div>
6 <div style="position:absolute; top: 400px; left: 400px; height: 200px; width: 20 0px; background-color: lightblue"> 7 <div style="position:absolute; top: 400px; left: 400px; height: 200px; width: 20 0px; background-color: lightblue">
7 <div id="imgElement" style="height: 200px; width: 200px; background-color: lig htblue"> 8 <div id="imgElement" style="height: 200px; width: 200px; background-color: lig htblue">
8 </div> 9 </div>
9 </div> 10 </div>
10 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> 11 <script src="resources/paint-invalidation-test.js"></script>
11 <script> 12 <script>
12 // Test that a repaint for the rect containing the changed background image is i ssued in the coordinate space of the 13 // Test that a repaint for the rect containing the changed background image is i ssued in the coordinate space of the
13 // squashing layer, *not* local to the div with the background image on it. 14 // squashing layer, *not* local to the div with the background image on it.
14 function repaintTest() { 15 window.expectedPaintInvalidationObjects = [
16 "LayoutBlockFlow DIV id='imgElement'",
17 ];
18 function paintInvalidationTest() {
15 var imgElement = document.querySelector("#imgElement"); 19 var imgElement = document.querySelector("#imgElement");
16 imgElement.style.backgroundImage = "url('data:image/gif;base64,R0lGODdhAgACA IABAAAAAP///ywAAAAAAgACAAACA0QCBQA7')"; 20 imgElement.style.backgroundImage = "url('data:image/gif;base64,R0lGODdhAgACA IABAAAAAP///ywAAAAAAgACAAACA0QCBQA7')";
17 } 21 }
18 runRepaintTest(); 22 runPaintInvalidationTest();
19 </script> 23 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698