blob: 0e23d21e00bd6c2b3f2c1b60a555f04f99f3e6ed [file] [log] [blame]
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="author" href="mailto:xiaochengh@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-fonts-5/#descdef-font-face-advance-override">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<title>Serialization of advance-override</title>
<style id="target">
@font-face {
font-family: one-parameter;
src: local(Ahem), url(/fonts/Ahem.ttf);
advance-override: 50%;
}
@font-face {
font-family: two-parameters;
src: local(Ahem), url(/fonts/Ahem.ttf);
advance-override: 50% 100%;
}
@font-face {
font-family: two-identical-parameters;
src: local(Ahem), url(/fonts/Ahem.ttf);
advance-override: 100% 100%;
}
</style>
<script>
const sheet = document.getElementById("target").sheet;
test(() => assert_equals(sheet.cssRules[0].style.advanceOverride, "50%"),
"One parameter should be serialized as one parameter");
test(() => assert_equals(sheet.cssRules[1].style.advanceOverride, "50% 100%"),
"Two different parameters should be serialized as two parameters");
test(() => assert_equals(sheet.cssRules[2].style.advanceOverride, "100%"),
"Two identical parameters should be simplified into one parameter");
</script>