Increase test coverage for -webkit-border-image.

https://bugs.webkit.org/show_bug.cgi?id=76473

Reviewed by Tony Chang.

Make sure we also set the width of the border in the shorthand. It will help
in the future to remove CSSBorderImageValue class without breaking this property.

* fast/css/getComputedStyle/getComputedStyle-border-image-expected.txt:
* fast/css/getComputedStyle/getComputedStyle-border-image.html:

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

diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
index e2e713f..e36ce1b 100644 (file)
--- a/LayoutTests/ChangeLog
+++ b/LayoutTests/ChangeLog
@@ -1,3 +1,16 @@
+2012-01-17  Alexis Menard  <alexis.menard@openbossa.org>
+
+        Increase test coverage for -webkit-border-image.
+        https://bugs.webkit.org/show_bug.cgi?id=76473
+
+        Reviewed by Tony Chang.
+
+        Make sure we also set the width of the border in the shorthand. It will help
+        in the future to remove CSSBorderImageValue class without breaking this property.
+
+        * fast/css/getComputedStyle/getComputedStyle-border-image-expected.txt:
+        * fast/css/getComputedStyle/getComputedStyle-border-image.html:
+
 2012-01-17  James Robinson  <jamesr@chromium.org>
 
         [chromium] Update expectations for line-grid tests and one random svg thing

diff --git a/LayoutTests/fast/css/getComputedStyle/getComputedStyle-border-image-expected.txt b/LayoutTests/fast/css/getComputedStyle/getComputedStyle-border-image-expected.txt
index 9e79fdf..7a1f9c7 100644 (file)
--- a/LayoutTests/fast/css/getComputedStyle/getComputedStyle-border-image-expected.txt
+++ b/LayoutTests/fast/css/getComputedStyle/getComputedStyle-border-image-expected.txt
@@ -15,3 +15,13 @@ Test calling getPropertyValue on computed styles for -webkit-border-image proper
     getPropertyValue:    -webkit-gradient(linear, 0 0, 0 0) 50 fill / 1 / 0px repeat
     getPropertyCSSValue: [object CSSValue]
 
+-webkit-border-image: -webkit-gradient(linear, 0 0, 0 0) 25 25 25 25 / 20 20 20 20 repeat;
+  -webkit-border-image
+    getPropertyValue:    -webkit-gradient(linear, 0 0, 0 0) 25 fill / 20 / 0px repeat
+    getPropertyCSSValue: [object CSSValue]
+
+-webkit-border-image: -webkit-gradient(linear, 0 0, 0 0) 50 / 20 stretch stretch;
+  -webkit-border-image
+    getPropertyValue:    -webkit-gradient(linear, 0 0, 0 0) 50 fill / 20 / 0px stretch
+    getPropertyCSSValue: [object CSSValue]
+

diff --git a/LayoutTests/fast/css/getComputedStyle/getComputedStyle-border-image.html b/LayoutTests/fast/css/getComputedStyle/getComputedStyle-border-image.html
index ec6abec..2432cfc 100644 (file)
--- a/LayoutTests/fast/css/getComputedStyle/getComputedStyle-border-image.html
+++ b/LayoutTests/fast/css/getComputedStyle/getComputedStyle-border-image.html
@@ -5,6 +5,8 @@
         #borderImageNone { -webkit-border-image: none }
         #borderImageStretch { -webkit-border-image: -webkit-gradient(linear, 0 0, 0 0) 25 25 25 25 stretch stretch; }
         #borderImageRepeat { -webkit-border-image: -webkit-gradient(linear, 0 0, 0 0) 50 repeat; }
+        #borderImageWidth { -webkit-border-image: -webkit-gradient(linear, 0 0, 0 0) 25 25 25 25 / 20 20 20 20 repeat; }
+        #borderImageWidth2 { -webkit-border-image: -webkit-gradient(linear, 0 0, 0 0) 50 / 20 stretch stretch; }
     </style>
     <script type="text/javascript">
         function log(msg)
@@ -40,6 +42,14 @@
             log('');
 
             test('borderImageRepeat', '-webkit-gradient(linear, 0 0, 0 0) 50 repeat');
+
+            log('');
+
+            test('borderImageWidth', '-webkit-gradient(linear, 0 0, 0 0) 25 25 25 25 / 20 20 20 20 repeat');
+
+            log('');
+
+            test('borderImageWidth2', '-webkit-gradient(linear, 0 0, 0 0) 50 / 20 stretch stretch');
         }
     </script>
 </head>
@@ -50,6 +60,7 @@
     <div id="borderImageNone"></div>
     <div id="borderImageStretch"></div>
     <div id="borderImageRepeat"></div>
-    
+    <div id="borderImageWidth"></div>
+    <div id="borderImageWidth2"></div>
 </body>
 </html>