Title: [109523] trunk/LayoutTests
Revision
109523
Author
[email protected]
Date
2012-03-02 00:15:42 -0800 (Fri, 02 Mar 2012)

Log Message

reflection computed style test for CSS3 calc
https://bugs.webkit.org/show_bug.cgi?id=75902

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/reflection-computed-style-expected.txt: Added.
* css3/calc/reflection-computed-style.html: Added.

Modified Paths

Added Paths

Diff

Modified: trunk/LayoutTests/ChangeLog (109522 => 109523)


--- trunk/LayoutTests/ChangeLog	2012-03-02 08:15:29 UTC (rev 109522)
+++ trunk/LayoutTests/ChangeLog	2012-03-02 08:15:42 UTC (rev 109523)
@@ -1,3 +1,18 @@
+2012-03-02  Mike Lawther  <[email protected]>
+
+        reflection computed style test for CSS3 calc
+        https://bugs.webkit.org/show_bug.cgi?id=75902
+
+        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/reflection-computed-style-expected.txt: Added.
+        * css3/calc/reflection-computed-style.html: Added.
+
 2012-03-02  Philippe Normand  <[email protected]>
 
         Unreviewed, GTK gardening.

Added: trunk/LayoutTests/css3/calc/reflection-computed-style-expected.txt (0 => 109523)


--- trunk/LayoutTests/css3/calc/reflection-computed-style-expected.txt	                        (rev 0)
+++ trunk/LayoutTests/css3/calc/reflection-computed-style-expected.txt	2012-03-02 08:15:42 UTC (rev 109523)
@@ -0,0 +1,12 @@
+Test calling getPropertyValue on computed styles for -webkit-border-image property.
+
+-webkit-box-reflect: right -webkit-calc(50%);
+  -webkit-box-reflect
+    getPropertyValue:    right 50% none
+    getPropertyCSSValue: [object CSSValue]
+
+-webkit-box-reflect: below -webkit-calc(5px) -webkit-gradient(linear, 0 0, 0 0) 25 25 25 25 stretch stretch;
+  -webkit-box-reflect
+    getPropertyValue:    below 5px -webkit-gradient(linear, 0 0, 0 0) 25 fill / auto / 0px stretch
+    getPropertyCSSValue: [object CSSValue]
+

Added: trunk/LayoutTests/css3/calc/reflection-computed-style.html (0 => 109523)


--- trunk/LayoutTests/css3/calc/reflection-computed-style.html	                        (rev 0)
+++ trunk/LayoutTests/css3/calc/reflection-computed-style.html	2012-03-02 08:15:42 UTC (rev 109523)
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+    div { width: 0px; height: 0px }
+    #reflectionOffset    { -webkit-box-reflect: right -webkit-calc(50%) }
+    #reflectionMask      { -webkit-box-reflect: below -webkit-calc(5px) -webkit-gradient(linear, 0 0, 0 0) 25 25 25 25 stretch stretch; }
+</style>
+<body>
+    <p>Test calling getPropertyValue on computed styles for -webkit-border-image property.</p>
+    <pre id="console"></pre>
+
+    <div id="reflectionOffset"></div>
+    <div id="reflectionMask"></div>
+</body>
+<script>
+    function log(msg)
+    {
+        document.getElementById('console').appendChild(document.createTextNode(msg + '\n'));
+    }
+
+    function subTest(object, property)
+    {
+        log('  ' + property);
+        var value = document.defaultView.getComputedStyle(object, null).getPropertyValue(property);
+        log('    getPropertyValue:    ' + value + (value == 'none' ? ' <- FAIL' : ''));
+        log('    getPropertyCSSValue: ' + document.defaultView.getComputedStyle(object, null).getPropertyCSSValue(property));
+    }
+
+    function test(id, value)
+    {
+        log('-webkit-box-reflect: ' + value + ';');
+        var object = document.getElementById(id);
+        subTest(object, '-webkit-box-reflect');
+    }
+
+    if (window.layoutTestController)
+        layoutTestController.dumpAsText();
+    test('reflectionOffset', 'right -webkit-calc(50%)');
+    log('');
+    test('reflectionMask', 'below -webkit-calc(5px) -webkit-gradient(linear, 0 0, 0 0) 25 25 25 25 stretch stretch');
+</script>
+
_______________________________________________
webkit-changes mailing list
[email protected]
http://lists.webkit.org/mailman/listinfo.cgi/webkit-changes

Reply via email to