Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / css / link-alternate-stylesheet-2.html
blobb5ebfc8d2ba4b6efab2ea4368dbc929273b15b98
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>
13 <body>
14 <h1 id="firstH1">Alternate stylesheets</h1>
16 <p id="textLine">This document has 3 stylesheets, with 1 alternate stylesheet without title. It should:</p>
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>
24 <script>
25 description("Alternate stylesheet (link) title test 2");
27 if (window.testRunner)
28 testRunner.dumpAsText();
30 window.onload = function () {
31 element = document.getElementById("firstH1");
32 shouldBe("getComputedStyle(element).getPropertyValue('text-decoration')", "'underline solid rgb(51, 51, 51)'");
34 element = document.getElementById("textLine");
35 shouldBe("getComputedStyle(element).getPropertyValue('font-size')", "'12px'");
37 shouldBe("getComputedStyle(document.body).getPropertyValue('border-top-color')", "'rgb(0, 128, 0)'");
39 wasPostTestScriptParsed = true;
40 finishJSTest();
42 </script>
44 </body>
45 </html>