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

Side by Side Diff: LayoutTests/compositing/culling/filter-occlusion-blur.html

Issue 24438004: Rename testRunner.dumpAsText(true) to testRunner.dumpAsTextWithPixelResults() (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: more tests Created 7 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 <html><head> 2 <html><head>
3 <title>CSS filter blur occlusion test.</title> 3 <title>CSS filter blur occlusion test.</title>
4 <style type="text/css"> 4 <style type="text/css">
5 .composited { 5 .composited {
6 -webkit-transform: translateZ(0); 6 -webkit-transform: translateZ(0);
7 } 7 }
8 .yellow-parent { 8 .yellow-parent {
9 width: 600px; 9 width: 600px;
10 height: 600px; 10 height: 600px;
11 -webkit-filter: blur(10px); 11 -webkit-filter: blur(10px);
12 } 12 }
13 .centered { 13 .centered {
14 width: 200px; 14 width: 200px;
15 height: 200px; 15 height: 200px;
16 position: absolute; 16 position: absolute;
17 left: 100px; 17 left: 100px;
18 top: 100px; 18 top: 100px;
19 } 19 }
20 </style> 20 </style>
21 <script type="text/javascript"> 21 <script type="text/javascript">
22 if (window.testRunner) { 22 if (window.testRunner) {
23 testRunner.dumpAsText(true); 23 testRunner.dumpAsTextWithPixelResults();
24 } 24 }
25 </script> 25 </script>
26 </head> 26 </head>
27 <body> 27 <body>
28 <!-- 28 <!--
29 This test guards against over-culling of the "hidden" yellow box. Since the y ellow box is blurred, 29 This test guards against over-culling of the "hidden" yellow box. Since the y ellow box is blurred,
30 it becomes visible around the outside of the green box. 30 it becomes visible around the outside of the green box.
31 --> 31 -->
32 <div class="yellow-parent composited" style="position:absolute; left:0; top:0"> 32 <div class="yellow-parent composited" style="position:absolute; left:0; top:0">
33 <div class="centered composited" style="background-color: yellow;"> 33 <div class="centered composited" style="background-color: yellow;">
34 </div> 34 </div>
35 </div> 35 </div>
36 <div class="composited centered" style="background-color: green;"> 36 <div class="composited centered" style="background-color: green;">
37 </div> 37 </div>
38 </body> 38 </body>
39 </html> 39 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698