mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-27 02:05:07 +02:00
2fc164c0b6
This is an area we're lacking in, so let's bring these in-tree to track them more easily. :^)
45 lines
1.7 KiB
HTML
45 lines
1.7 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<meta charset="utf-8">
|
|
<title>Serialization of font-family</title>
|
|
<link rel="help" href="https://drafts.csswg.org/cssom/#serialize-a-css-declaration-block">
|
|
<link rel="help" href="https://drafts.csswg.org/css-fonts-4/#font-family-prop">
|
|
<script src="../../resources/testharness.js"></script>
|
|
<script src="../../resources/testharnessreport.js"></script>
|
|
<script src="../../css/css-fonts/support/font-family-keywords.js"></script>
|
|
<div id="target"></div>
|
|
<script>
|
|
function SetFontFamilyAndSerialize(fontFamilyValue) {
|
|
var target = document.getElementById('target');
|
|
target.setAttribute("style", `font-family: ${fontFamilyValue}`);
|
|
return window.getComputedStyle(target).getPropertyValue('font-family');
|
|
}
|
|
test(function() {
|
|
kGenericFontFamilyKeywords.forEach(keyword => {
|
|
assert_equals(SetFontFamilyAndSerialize(keyword), keyword);
|
|
});
|
|
}, "Serialization of <generic-family>");
|
|
|
|
test(function() {
|
|
kGenericFontFamilyKeywords.forEach(keyword => {
|
|
var quoted_keyword = `"${keyword}"`;
|
|
assert_equals(SetFontFamilyAndSerialize(quoted_keyword), quoted_keyword);
|
|
});
|
|
}, "Serialization of quoted \"<generic-family>\"");
|
|
|
|
test(function() {
|
|
kGenericFontFamilyKeywords.forEach(keyword => {
|
|
var prefixed_keyword = `-webkit-${keyword}`;
|
|
assert_equals(SetFontFamilyAndSerialize(prefixed_keyword), prefixed_keyword);
|
|
});
|
|
}, "Serialization of prefixed -webkit-<generic-family>");
|
|
|
|
test(function() {
|
|
kNonGenericFontFamilyKeywords.forEach(keyword => {
|
|
assert_equals(SetFontFamilyAndSerialize(keyword), keyword);
|
|
});
|
|
}, `Serialization of ${kNonGenericFontFamilyKeywords}`);
|
|
|
|
</script>
|
|
</html>
|