<!DOCTYPE html>
<html>
<script src="../resources/run-after-layout-and-paint.js"></script>

<style>
  div {
    -webkit-border-image: url("resources/red-at-12-oclock-with-color-profile.jpg") 8 2 round;
    border-style: solid;
    height: 320px;
    width: 90%;
  }
</style>

<!-- The blue sector of the <div> background image should be at 12 o'clock. -->
<div></div>

<script>
window.onload = function() {
  if (window.testRunner)
    runAfterLayoutAndPaint(function() { testRunner.notifyDone() });
};

if (window.testRunner) {
  testRunner.dumpAsTextWithPixelResults();
  testRunner.waitUntilDone();
}
</script>
</html>