<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- FIXME: This test relies on no preloading to happen before scripts run. -->
  <script src="resources/request-logging.js" type="text/javascript" charset="utf-8"></script>
  <script>ResourceLogging.start("css-mask-image-loading");</script>

  <style type="text/css">
    .box {
      height: 100px;
      width: 100px;
      -webkit-mask-box-image: url("/resources/network-simulator.php?test=css-mask-image-loading&command=log-resource-request&path=mask1.jpg");
    }
    
    .masked {
      -webkit-mask-box-image: url("/resources/network-simulator.php?test=css-mask-image-loading&command=log-resource-request&path=mask2.jpg");
    }
    
  </style>
</head>
<body>

  <div class="box masked"></div>

  <h2>Resource requests:</h2>
  <pre id="result">Request log goes here in DRT</pre>
</body>
</html>