third_party/WebKit/LayoutTests/http/tests/webfont/slow-loading.html

   1 <html>
   2 <head>
   3 <style>
   4 @font-face {
   5   font-family:ahem-4sec;
   6   src: url(slow-ahem-loading.cgi?delay=4000);
   7 }
   8 @font-face {
   9   font-family:ahem-8sec;
  10   src: url(slow-ahem-loading.cgi?delay=8000);
  11 }
  12 @font-face {
  13   font-family:ahem-5sec;
  14   src: url(slow-ahem-loading.cgi?delay=5000);
  15 }
  16 .testspan {
  17   font-size:64px;
  18   border: 1px solid;
  19 }
  20 #span1 {
  21   font-family: ahem-4sec, Arial;
  22 }
  23 #span2 {
  24   font-family: ahem-8sec, Arial;
  25 }
  26 #span3 {
  27   font-family: ahem-5sec, Arial;
  28 }
  29 </style>
  30 </head>
  31 <body>
  32
  33 Ahem after 5 seconds:
  34 <br/>
  35 <span class="testspan" id="span1" style="display: none;">
  36 abcdefg
  37 </span>
  38 <br/>
  39
  40 Arial after 5 seconds:
  41 <br/>
  42 <span class="testspan" id="span2" style="display: none;">
  43 abcdefg
  44 </span>
  45 <br/>
  46
  47 Blank after 5 seconds:
  48 <br/>
  49 <span class="testspan" id="span3" style="display: none;">
  50 abcdefg
  51 </span>
  52 <br/>
  53
  54 <script>
  55
  56 if (window.testRunner)
  57     testRunner.waitUntilDone();
  58
  59 function displayElementAfter(id, msec) {
  60     setTimeout(function() {
  61         document.getElementById(id).style.removeProperty("display");
  62     }, msec);
  63 }
  64
  65 window.onload = function() {
  66     displayElementAfter("span1", 0);
  67     displayElementAfter("span2", 0);
  68     displayElementAfter("span3", 3000);
  69     setTimeout(function() { if (window.testRunner) testRunner.notifyDone(); }, 5000);
  70 };
  71
  72 </script>
  73 </body>
  74 </html>