third_party/WebKit/LayoutTests/fast/css/link-alternate-stylesheet-1.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>
   3   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   4   <link rel="stylesheet" href="resources/basic.css" type="text/css">
   5   <link rel="stylesheet" href="resources/small.css" type="text/css">
   6   <link rel="stylesheet" href="resources/normal.css" type="text/css">
   7   <script src="../../resources/js-test.js"></script>
   8 </head>
   9 <body>
  10   <h1 id="firstH1" >Alternate stylesheets</h1>
  11
  12   <p id="textLine" >This document has 3 stylesheets, with no alternate stylesheets. It should:</p>
  13
  14   <ul>
  15     <li>Have a green border at the top of the page</li>
  16     <li>An underlined <code>H1</code></li>
  17     <li>12px text</li>
  18   </ul>
  19
  20   <script>
  21     description("Alternate stylesheet (link) title test 1");
  22
  23     if (window.testRunner)
  24       testRunner.dumpAsText();
  25
  26     window.onload = function () {
  27       element = document.getElementById("firstH1");
  28       shouldBe("getComputedStyle(element).getPropertyValue('text-decoration')", "'underline solid rgb(51, 51, 51)'");
  29
  30       element = document.getElementById("textLine");
  31       shouldBe("getComputedStyle(element).getPropertyValue('font-size')", "'12px'");
  32
  33       shouldBe("getComputedStyle(document.body).getPropertyValue('border-top-color')", "'rgb(0, 128, 0)'");
  34
  35       wasPostTestScriptParsed = true;
  36       finishJSTest();
  37     }
  38   </script>
  39
  40 </body>
  41 </html>