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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/filter-invalidation-with-composited-container-change.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 fast/repaint/filter-invalidation-with-composited-container-change. html -->
1 <!DOCTYPE html> 2 <!DOCTYPE html>
2 <style> 3 <style>
3 .green { 4 .green {
4 background-color: green; 5 background-color: green;
5 } 6 }
6 .box { 7 .box {
7 width: 200px; 8 width: 200px;
8 height: 200px; 9 height: 200px;
9 } 10 }
10 .drop-shadowed { 11 .drop-shadowed {
11 -webkit-filter: drop-shadow(100px 100px 10px red); 12 -webkit-filter: drop-shadow(100px 100px 10px red);
12 } 13 }
13 .blurry { 14 .blurry {
14 -webkit-filter: blur(10px); 15 -webkit-filter: blur(10px);
15 transform: translateZ(0); 16 transform: translateZ(0);
16 } 17 }
17 </style> 18 </style>
18 <!-- 19 <!--
19 This test checks that we correctly invalidate filters along with a paint inv alidation container change. 20 This test checks that we correctly invalidate filters along with a paint inv alidation container change.
20 There should be no red below. 21 There should be no red below.
21 --> 22 -->
22 <div class="green drop-shadowed box" id="box"></div> 23 <div class="green drop-shadowed box" id="box"></div>
23 <script src="resources/text-based-repaint.js"></script> 24 <script src="resources/paint-invalidation-test.js"></script>
24 <script> 25 <script>
25 function repaintTest() { 26 window.expectedPaintInvalidationObjects = [
27 "LayoutBlockFlow DIV id='box' class='green box blurry'",
28 ];
29 function paintInvalidationTest() {
26 var box = document.getElementById('box'); 30 var box = document.getElementById('box');
27 box.classList.toggle('drop-shadowed'); 31 box.classList.toggle('drop-shadowed');
28 box.classList.toggle('blurry'); 32 box.classList.toggle('blurry');
29 } 33 }
30 runRepaintTest(); 34 runPaintInvalidationTest();
31 </script> 35 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698