src/third_party/WebKit/LayoutTests/http/tests/css/css-resources-referrer.html

   1 <!DOCTYPE html>
   2 <link rel="stylesheet" type="text/css" href="resources/css-resources-referrer.css">
   3 <style>
   4 @font-face {
   5     font-family: faceInDocument;
   6     src: url('resources/referrer-check.php?from=document&resource=font');
   7 }
   8 .imageInDocument {
   9     background-image: url('resources/referrer-check.php?from=document&resource=image');
  10 }
  11 .imageSetInDocument {
  12     background-image: -webkit-image-set(
  13         url('resources/referrer-check.php?from=document&resource=image2') 1x,
  14         url('resources/referrer-check.php?from=document&resource=image') 1x
  15     );
  16 }
  17 </style>
  18
  19 <p>This page tests whether the referrer of css resources are set to the URL of the stylesheet.</p>
  20
  21 <p>Following text should be rendered with ahem font.</p>
  22
  23 <div style="font-family: faceInDocument;">
  24     Text for webfont defined in document.
  25 </div>
  26 <div style="font-family: faceInSheet;">
  27     Text for webfont defined in stylesheet.
  28 </div>
  29 <div style="font-family: faceInImportedSheet;">
  30     Text for webfont defined in imported stylesheet.
  31 </div>
  32
  33 <p>Background image of following text should be dark blue.</p>
  34
  35 <div class="imageInDocument">Image in document</div>
  36 <div class="imageInSheet">Image in stylesheet</div>
  37 <div class="imageInImportedSheet">Image in imported stylesheet</div>
  38
  39 <div class="imageSetInDocument">Image set in document</div>
  40 <div class="imageSetInSheet">Image set in stylesheet</div>
  41 <div class="imageSetInImportedSheet">Image set in imported stylesheet</div>
  42
  43 <script>
  44 if (window.testRunner) {
  45     testRunner.waitUntilDone();
  46     document.fonts.ready().then(function() { testRunner.notifyDone(); });
  47 }
  48 </script>