<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-css-image-loading");</script>

  <style type="text/css">
    .box {
      height: 100px;
      width: 100px;
      background-image: url("/resources/network-simulator.php?test=css-css-image-loading&command=log-resource-request&path=background1.jpg");
    }
    
    .background {
      background-image: url("/resources/network-simulator.php?test=css-css-image-loading&command=log-resource-request&path=background2.jpg");
    }
    
    .content {
      content: url("/resources/network-simulator.php?test=css-css-image-loading&command=log-resource-request&path=content-image1.jpg");
    }

    .test {
      content: url("/resources/network-simulator.php?test=css-css-image-loading&command=log-resource-request&path=content-image2.jpg") "foopy" url("/resources/network-simulator.php?test=css-css-image-loading&command=log-resource-request&path=content-image3.jpg");
    }
    
    ul {
      list-style-image: url("/resources/network-simulator.php?test=css-css-image-loading&command=log-resource-request&path=list-image1.jpg");
    }
    .list {
      list-style-image: url("/resources/network-simulator.php?test=css-css-image-loading&command=log-resource-request&path=list-image2.jpg");
    }
    
  </style>
</head>
<body>

  <div class="box background"></div>
  <div class="content test"></div>
  <ul class="list"><li>item</li></div>

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