reflection computed style test for CSS3 calc
authormikelawther@chromium.org <mikelawther@chromium.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 2 Mar 2012 08:15:42 +0000 (08:15 +0000)
committermikelawther@chromium.org <mikelawther@chromium.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 2 Mar 2012 08:15:42 +0000 (08:15 +0000)
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.

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@109523 268f45cc-cd09-0410-ab3c-d52691b4dbfc

LayoutTests/ChangeLog
LayoutTests/css3/calc/reflection-computed-style-expected.txt [new file with mode: 0644]
LayoutTests/css3/calc/reflection-computed-style.html [new file with mode: 0644]

index d53fd24..308bdeb 100644 (file)
@@ -1,3 +1,18 @@
+2012-03-02  Mike Lawther  <mikelawther@chromium.org>
+
+        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  <pnormand@igalia.com>
 
         Unreviewed, GTK gardening.
diff --git a/LayoutTests/css3/calc/reflection-computed-style-expected.txt b/LayoutTests/css3/calc/reflection-computed-style-expected.txt
new file mode 100644 (file)
index 0000000..b94ab26
--- /dev/null
@@ -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]
+
diff --git a/LayoutTests/css3/calc/reflection-computed-style.html b/LayoutTests/css3/calc/reflection-computed-style.html
new file mode 100644 (file)
index 0000000..c6b4cf0
--- /dev/null
@@ -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>
+