third_party/WebKit/LayoutTests/fast/css/link-alternate-stylesheet-4.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   <link rel="stylesheet" href="resources/high.css" title="Layout" type="text/css">
   8   <script src="../../resources/js-test.js"></script>
   9 </head>
  10 <body>
  11   <h1 id="firstH1">Alternate stylesheets</h1>
  12
  13   <p id="textLine">This document has 4 stylesheets, with no alternate stylesheets but the "high.css" stylesheet now
  14     has a title attribute.</p>
  15
  16   <ul>
  17     <li>Have a red border at the top of the page</li>
  18     <li>12px text</li>
  19   </ul>
  20
  21   <script>
  22     description("Alternate stylesheet (link) title test 4");
  23
  24     if (window.testRunner)
  25       testRunner.dumpAsText();
  26
  27     window.onload = function () {
  28       element = document.getElementById("firstH1");
  29       shouldBe("getComputedStyle(element).getPropertyValue('text-decoration')", "'none solid rgb(51, 51, 51)'");
  30
  31       element = document.getElementById("textLine");
  32       shouldBe("getComputedStyle(element).getPropertyValue('font-size')", "'12px'");
  33
  34       shouldBe("getComputedStyle(document.body).getPropertyValue('border-top-color')", "'rgb(139, 0, 0)'");
  35
  36       wasPostTestScriptParsed = true;
  37       finishJSTest();
  38     }
  39   </script>
  40
  41 </body>
  42 </html>