<!DOCTYPE html>
<html>
<head>
  <style>
    div {
      width: 200px;
      height: 200px;
      background-color:red;
      background-image:url("resources/image-with-nested-data-uri-images.svg");
    }
  </style>
</head>
<body>
  <div>
  </div>
  <script>
    if (window.testRunner) {
      testRunner.waitUntilDone();
      // window load event fires when the the page and its resources are loaded.
      // However it does not wait till the sub-resources are loaded. And this is
      // why we need to wait a little bit before we call notifyDone().
      window.addEventListener("load", function() {
        setTimeout(function () {
          testRunner.notifyDone();
        }, 200);
      });
    }
  </script>
</body>
</html>