third_party/WebKit/LayoutTests/fast/css/font-face-insert-link.html

   1 <head>
   2 <script src="../../resources/js-test.js"></script>
   3 <style>
   4 .test {
   5   font-family: 'myahem';
   6 }
   7 #a, #b, #container { position:absolute; }
   8 #b { top: 20px }
   9 </style>
  10 </head>
  11
  12 <div id=container>
  13 <div id=a>Text</div>
  14 <div id=b class="test">Text</div>
  15 </div>
  16
  17 <script>
  18 jsTestIsAsync = true;
  19
  20 window.setTimeout(
  21   function() {
  22     var link = document.createElement("link");
  23     link.setAttribute("href", "resources/ahem.css");
  24     link.setAttribute("rel", "stylesheet");
  25     link.setAttribute("type", "text/css");
  26     document.head.appendChild(link);
  27     window.setTimeout(
  28       function() {
  29         var a = document.getElementById('a');
  30         var b = document.getElementById('b');
  31         shouldBeFalse('window.getComputedStyle(a).width == window.getComputedStyle(b).width');
  32         finishJSTest();
  33       },
  34      500
  35     );
  36   },
  37   1);
  38 </script>