From 319b9c315cc5c7070b1aab54e06b0e0e5347345b Mon Sep 17 00:00:00 2001
From: "alexis.menard@openbossa.org"
 <alexis.menard@openbossa.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Date: Wed, 18 Jan 2012 00:12:40 +0000
Subject: [PATCH] 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
---
 LayoutTests/ChangeLog                                       | 13 +++++++++++++
 .../getComputedStyle-border-image-expected.txt              | 10 ++++++++++
 .../css/getComputedStyle/getComputedStyle-border-image.html | 13 ++++++++++++-
 3 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
index e2e713f..e36ce1b 100644
--- 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
--- 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
--- 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>
-- 
1.8.3.1