<!DOCTYPE html>

<html>
<head>
  <style>
    div {
      width: 300px;
      height: 300px;
      border-image: -webkit-linear-gradient(30deg, black, white) 1 fill repeat;
      border: 2px solid green;
    }
  </style>
<script>
if (window.testRunner)
    window.testRunner.dumpAsText();

function runTest()
{
    var testChild = document.getElementById('test');
    var s = getComputedStyle(testChild);
    var text = s.getPropertyValue("border-image-source");
    if (text == "none")
        testChild.innerHTML = "PASS";
    else
        testCHild.innerHTML = "FAIL";
    
}
</script>
</head>
<body onload="runTest()">
  <div id="test">FAIL
  </div>
</body>
</html>