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