servo/tests/wpt/css-tests/cssom-1_dev/xhtml1/ttwf-cssom-doc-ext-load-tree-order.xht

56 lines
No EOL
2.9 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSSOM - Extensions to the Document Interface: Stylesheet header load order</title>
<link href="mailto:jesse@codeforamerica.org" rel="author" title="Jesse Bounds" />
<link href="http://www.w3.org/TR/cssom-1/#extensions-to-the-document-interface" rel="help" />
<link href="http://www.w3.org/TR/cssom-1/#the-stylesheetlist-interface" rel="help" />
<link href="http://www.w3.org/TR/cssom-1/#css-style-sheet-collections" rel="help" />
<style type="text/css" title="aaa">
H1 {border-width: 1; border: solid; text-align: center}
</style>
<link href="zebra.css" type="text/css" rel="stylesheet" title="zebra" />
<link href="kilo.css" type="text/css" rel="stylesheet" title="kilo" />
<link href="alpha.css" type="text/css" rel="stylesheet" title="alpha" />
<link href="/directory01/zebra.css" type="text/css" rel="stylesheet" title="zebra" />
<meta content="dom" name="flags" />
<meta content="Document's style sheets created from HTTP Link headers are first in list and loaded in header order" name="assert" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<div id="log"></div>
<script>
// Get the Document's styleSheets attribute
var styleSheets = document.styleSheets;
// Verify that the styleSheets list length is 5
test(function() {
assert_equals(styleSheets.length, 5, "styleSheets.length is incorrect:");
}, "styleSheets.length must be 5");
// Verify that titles of loaded sheets are as expected (in the correct order)
test(function() {
assert_equals(styleSheets.item(0).title, "aaa", "title for item 1 is incorrect:");
}, "styleSheets item 0 title must be aaa");
// Verify that titles of loaded sheets are as expected (in the correct order)
test(function() {
assert_equals(styleSheets.item(1).title, "zebra", "title for item 1 is incorrect:");
}, "styleSheets item 1 title must be zebra");
// Verify that titles of loaded sheets are as expected (in the correct order)
test(function() {
assert_equals(styleSheets.item(2).title, "kilo", "title for item 1 is incorrect:");
}, "styleSheets item 0 title must be kilo");
// Verify that titles of loaded sheets are as expected (in the correct order)
test(function() {
assert_equals(styleSheets.item(3).title, "alpha", "title for item 1 is incorrect:");
}, "styleSheets item 0 title must be alpha");
// Verify that titles of loaded sheets are as expected (in the correct order)
test(function() {
assert_equals(styleSheets.item(4).title, "zebra", "title for item 1 is incorrect:");
}, "styleSheets item 0 title must be zebra");
</script>
</body></html>