[webkit-changes] [106963] trunk/LayoutTests

Tue, 07 Feb 2012 11:18:29 -0800

Title: [106963] trunk/LayoutTests
Revision
106963
Author
mikelawt...@chromium.org
Date
2012-02-07 11:18:19 -0800 (Tue, 07 Feb 2012)

Log Message

composited mask test for CSS3 calc
https://bugs.webkit.org/show_bug.cgi?id=76006

Reviewed by Ojan Vafai.

Tests for future implementation of CSS3 calc() (see http://webkit.org/b/16662)

These tests are expected to 'fail', and will pass once calc() functionality is landed.
For now, they serve to demonstrate that the current code doesn't crash on these tests.

* css3/calc/resources/alpha-gradient.png: Added.
* css3/calc/simple-composited-mask-expected-mismatch.html: Added.
* css3/calc/simple-composited-mask.html: Added.

Modified Paths

Added Paths

Diff

Modified: trunk/LayoutTests/ChangeLog (106962 => 106963)


--- trunk/LayoutTests/ChangeLog	2012-02-07 19:03:21 UTC (rev 106962)
+++ trunk/LayoutTests/ChangeLog	2012-02-07 19:18:19 UTC (rev 106963)
@@ -1,3 +1,19 @@
+2012-02-07  Mike Lawther  <mikelawt...@chromium.org>
+
+        composited mask test for CSS3 calc
+        https://bugs.webkit.org/show_bug.cgi?id=76006
+
+        Reviewed by Ojan Vafai.
+
+        Tests for future implementation of CSS3 calc() (see http://webkit.org/b/16662)
+
+        These tests are expected to 'fail', and will pass once calc() functionality is landed.
+        For now, they serve to demonstrate that the current code doesn't crash on these tests.
+
+        * css3/calc/resources/alpha-gradient.png: Added.
+        * css3/calc/simple-composited-mask-expected-mismatch.html: Added.
+        * css3/calc/simple-composited-mask.html: Added.
+
 2012-02-07  Ami Fischman  <fisch...@chromium.org>
 
         [Chromium] media/track/track-cue-nothing-to-render.html fails intermittently on Mac

Added: trunk/LayoutTests/css3/calc/resources/alpha-gradient.png (0 => 106963)


--- trunk/LayoutTests/css3/calc/resources/alpha-gradient.png	                        (rev 0)
+++ trunk/LayoutTests/css3/calc/resources/alpha-gradient.png	2012-02-07 19:18:19 UTC (rev 106963)
@@ -0,0 +1,11 @@
+\x89PNG
+
+
+IHDR\xC8\xC8QfgAMA\xD6\xD8\xD4OX2tEXtSoftwareAdobe ImageReadyq\xC9e<nIDATx\xDA\xED\xD6\xC1\xC0 \xC4@\xE8\xBFdB\xE4LfU\xCEx\x85\x84Ԣy\x85\x80B\xE0Q!\x84WB!\x84B! \x84r\xBF\x90\xE9B!\x84\x80g/B\x81?D! \xC4dA!\x84\xC0d)\x84\xC0d)\x84\x98,(D!P!0YP\x88B\xA0\x85@!
+\x81B\x85@!\x84\xC0d)
+Q\xA2\x93\xA5(D! \xC4dA!
+\x81B@\x88ɂB\x81\xC9R1YP1YP!0Y
+\x81BB`\xB2BLBL\x96B@!&K! \xC4dA!\x84\xC0d)
+Q\x81\xC9R\xA2b\xB2\xA0\x85@!P\x88B@\x88ɂB\x85(
+\x81B\x85(
+!&K!PBL\x96B@\x88ɂB\x81ɂB\x81\xC9R!\xFE\x85\x80B!\xCE^\x85\x80B@!\x84B!\x84\xE0\xCD(\x84B\x81+\xEB\xFF\xF4H\x8F@^\x84\xC0\x82=\xE9\xC8R!\x84B\xC1\xC7,\xED\xFE\xBA\xBBm\xBCOIEND\xAEB`\x82
\ No newline at end of file

Added: trunk/LayoutTests/css3/calc/simple-composited-mask-expected-mismatch.html (0 => 106963)


--- trunk/LayoutTests/css3/calc/simple-composited-mask-expected-mismatch.html	                        (rev 0)
+++ trunk/LayoutTests/css3/calc/simple-composited-mask-expected-mismatch.html	2012-02-07 19:18:19 UTC (rev 106963)
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<style>
+    #container {
+        height: 760px;
+        width: 260px;
+        border: solid black;
+        display: inline-block;
+    }
+    .box {
+        position: relative;
+        width: 200px;
+        height: 200px;
+        margin: 30px;
+        border: 10px solid black;
+        background-color: rgba(100, 100, 255, 0.8);
+        -webkit-box-sizing: border-box;
+        -webkit-box-shadow: black 0 4px 4px;
+    }
+
+    #container .masked {
+        -webkit-mask-image: url(resources/alpha-gradient.png);
+        -webkit-mask-repeat: repeat;
+        -webkit-mask-size: 50px;
+    }
+</style>
+<p>Testing masks on compositing layers.</p>
+<div id="container">
+    <div class="masked box"></div>
+    <div class="masked box"></div>
+    <div class="masked box"></div>
+</div>

Added: trunk/LayoutTests/css3/calc/simple-composited-mask.html (0 => 106963)


--- trunk/LayoutTests/css3/calc/simple-composited-mask.html	                        (rev 0)
+++ trunk/LayoutTests/css3/calc/simple-composited-mask.html	2012-02-07 19:18:19 UTC (rev 106963)
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<style>
+    #container {
+        height: 760px;
+        width: 260px;
+        border: solid black;
+        display: inline-block;
+    }
+    .box {
+        position: relative;
+        width: 200px;
+        height: 200px;
+        margin: 30px;
+        border: 10px solid black;
+        background-color: rgba(100, 100, 255, 0.8);
+        -webkit-box-sizing: border-box;
+        -webkit-box-shadow: black 0 4px 4px;
+    }
+
+    #container .masked-px {
+        -webkit-mask-image: url(resources/alpha-gradient.png);
+        -webkit-mask-repeat: repeat;
+        -webkit-mask-size: -webkit-calc(50px);
+    }
+
+    #container .masked-percent {
+        -webkit-mask-image: url(resources/alpha-gradient.png);
+        -webkit-mask-repeat: repeat;
+        -webkit-mask-size: -webkit-calc(25%);
+    }
+
+    #container .masked-percent-px {
+        -webkit-mask-image: url(resources/alpha-gradient.png);
+        -webkit-mask-repeat: repeat;
+        -webkit-mask-size: -webkit-calc(10% + 30px);
+    }
+</style>
+<p>Testing masks on compositing layers.</p>
+<div id="container">
+    <div class="masked-px box"></div>
+    <div class="masked-percent box"></div>
+    <div class="masked-percent-px box"></div>
+</div>

_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
http://lists.webkit.org/mailman/listinfo.cgi/webkit-changes

Reply via email to