third_party/WebKit/LayoutTests/fast/css/border-image-value-grammar.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <script>
   4 description("Support consecutive slash operators for border-image");
   5
   6 var element = document.createElement('div');
   7 var style = element.style;
   8 style.borderImage = '3 / / 2';
   9 shouldBeEqualToString("style.getPropertyValue('border-image-slice')", "3");
  10 shouldBeEqualToString("style.getPropertyValue('border-image-width')", "initial");
  11 shouldBeEqualToString("style.getPropertyValue('border-image-outset')", "2");
  12
  13 style.borderImage = '4 / 5';
  14 shouldBeEqualToString("style.getPropertyValue('border-image-slice')", "4");
  15 shouldBeEqualToString("style.getPropertyValue('border-image-width')", "5");
  16 shouldBeEqualToString("style.getPropertyValue('border-image-outset')", "initial");
  17
  18 style.borderImage = '1 / 2 / 3';
  19 shouldBeEqualToString("style.getPropertyValue('border-image-slice')", "1");
  20 shouldBeEqualToString("style.getPropertyValue('border-image-width')", "2");
  21 shouldBeEqualToString("style.getPropertyValue('border-image-outset')", "3");
  22 </script>