gecko-dev/layout/style/test/test_font_face_cascade.html
Cameron McCormack 5c8409f775 Bug 1389937 - Test the actual expected order of @font-face cascading. r=xidorn
MozReview-Commit-ID: IrdrlLY5wTq

--HG--
extra : rebase_source : cbbbb4396f1133f2e7928de7e6f56c9b307ba73a
2017-08-14 17:14:30 +08:00

38 lines
1.2 KiB
HTML

<!DOCTYPE HTML>
<title>Test that @font-face rules from different origins cascade correctly</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
<script>
let io = SpecialPowers.Cc["@mozilla.org/network/io-service;1"]
.getService(SpecialPowers.Ci.nsIIOService);
let utils = SpecialPowers.wrap(window)
.QueryInterface(SpecialPowers.Ci.nsIInterfaceRequestor)
.getInterface(SpecialPowers.Ci.nsIDOMWindowUtils);
function load_sheet(sheet_text, level) {
if (level != "AGENT_SHEET" && level != "USER_SHEET" && level != "AUTHOR_SHEET") {
throw "unknown level";
}
let uri = io.newURI("data:text/css," + encodeURI(sheet_text));
utils.loadSheet(uri, utils[level]);
}
load_sheet(
"@font-face { font-family: TestAgent; src: url(about:invalid); }",
"AGENT_SHEET");
load_sheet(
"@font-face { font-family: TestAuthor; src: url(about:invalid); }",
"AUTHOR_SHEET");
load_sheet(
"@font-face { font-family: TestUser; src: url(about:invalid); }",
"USER_SHEET");
is([...document.fonts].map(f => f.family).join(" "),
'"TestAgent" "TestUser" "TestAuthor"',
"@font-face rules are returned in correct cascade order");
</script>