Index: LayoutTests/fast/css/border-image-value-grammar.html |
diff --git a/LayoutTests/fast/css/border-image-value-grammar.html b/LayoutTests/fast/css/border-image-value-grammar.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..72da43010b64ad108269da1ffa7bd4d042bee053 |
--- /dev/null |
+++ b/LayoutTests/fast/css/border-image-value-grammar.html |
@@ -0,0 +1,22 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/js-test.js"></script> |
+<script> |
+description("Support consecutive slash operators for border-image"); |
+ |
+var element = document.createElement('div'); |
+var style = element.style; |
+style.borderImage = '3 / / 2'; |
+shouldBeEqualToString("style.getPropertyValue('border-image-slice')", "3"); |
+shouldBeEqualToString("style.getPropertyValue('border-image-width')", "initial"); |
+shouldBeEqualToString("style.getPropertyValue('border-image-outset')", "2"); |
+ |
+style.borderImage = '4 / 5'; |
+shouldBeEqualToString("style.getPropertyValue('border-image-slice')", "4"); |
+shouldBeEqualToString("style.getPropertyValue('border-image-width')", "5"); |
+shouldBeEqualToString("style.getPropertyValue('border-image-outset')", "initial"); |
+ |
+style.borderImage = '1 / 2 / 3'; |
+shouldBeEqualToString("style.getPropertyValue('border-image-slice')", "1"); |
+shouldBeEqualToString("style.getPropertyValue('border-image-width')", "2"); |
+shouldBeEqualToString("style.getPropertyValue('border-image-outset')", "3"); |
+</script> |