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

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