tiled-background-image-expected.html

<!DOCTYPE html>
<html>
<head>
<style>
  #div {
    width: 64px;
    height: 128px;
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="128"><circle fill="#3364c2" cx="16" cy="16" r="16" /><circle fill="#f31900" cx="16" cy="48" r="16" /><circle fill="#f7d72b" cx="16" cy="80" r="16" /><circle fill="#44c400" cx="16" cy="112" r="16" /></svg>');
    background-size: 32px 128px;
    background-repeat: repeat;
  }
  p {
    font-size: x-small;
  }
  ::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
</style>
<script>
  function setScale() {
    if (window.internals)
      internals.setPageScaleFactor(2);
  }
</script>
</head>
<body onload="setScale()">
<div id="div"></div>
<p>Test for WK110047: This test passes if there are 4 rows of 2 circles and they all have sharp edges.</p>
</body>
</html>

chromium/third_party/blink/web_tests/svg/as-background-image/tiled-background-image-expected.html