third_party/WebKit/LayoutTests/fast/borders/border-image-reset-by-border-shorthand.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style>
   6     div {
   7       width: 300px;
   8       height: 300px;
   9       border-image: -webkit-linear-gradient(30deg, black, white) 1 fill repeat;
  10       border: 2px solid green;
  11     }
  12   </style>
  13 <script>
  14 if (window.testRunner)
  15     window.testRunner.dumpAsText();
  16
  17 function runTest()
  18 {
  19     var testChild = document.getElementById('test');
  20     var s = getComputedStyle(testChild);
  21     var text = s.getPropertyValue("border-image-source");
  22     if (text == "none")
  23         testChild.innerHTML = "PASS";
  24     else
  25         testCHild.innerHTML = "FAIL";
  26
  27 }
  28 </script>
  29 </head>
  30 <body onload="runTest()">
  31   <div id="test">FAIL
  32   </div>
  33 </body>
  34 </html>