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..90fd1e321642edbb5d07bcc2e1d413f142bfc53a |
--- /dev/null |
+++ b/LayoutTests/fast/css/border-image-value-grammar.html |
@@ -0,0 +1,34 @@ |
+<!DOCTYPE html> |
+<div id="result"></div> |
+<script src="../../resources/js-test.js"></script> |
+<script> |
+function createNode() { |
+ var resultElement = document.getElementById("result"); |
+ var testContainer = document.createElement("div"); |
+ resultElement.appendChild(testContainer); |
+ return testContainer; |
+} |
rwlbuis
2014/08/28 18:00:27
Do you really need all of this? I think you just n
je_julie(Not used)
2014/08/29 10:25:39
Yes, you're right. I'll make it simple.
|
+ |
+description("Support consecutive slash operators for border-image"); |
+ |
+var element = createNode(); |
+var style = element.style; |
+style.borderImage = '3 / / 2'; |
+shouldBe("style.getPropertyValue('border-image-slice')", "'3'"); |
+shouldBe("style.getPropertyValue('border-image-width')", "'initial'"); |
+shouldBe("style.getPropertyValue('border-image-outset')", "'2'"); |
+ |
+var element = createNode(); |
+var style = element.style; |
+style.borderImage = '4 / 5'; |
+shouldBe("style.getPropertyValue('border-image-slice')", "'4'"); |
+shouldBe("style.getPropertyValue('border-image-width')", "'5'"); |
+shouldBe("style.getPropertyValue('border-image-outset')", "'initial'"); |
+ |
+var element = createNode(); |
+var style = element.style; |
+style.borderImage = '1 / 2 / 3'; |
+shouldBe("style.getPropertyValue('border-image-slice')", "'1'"); |
+shouldBe("style.getPropertyValue('border-image-width')", "'2'"); |
+shouldBe("style.getPropertyValue('border-image-outset')", "'3'"); |
+</script> |