<!DOCTYPE html>
<title>CSS Fonts 5 test: parsing the size-adjust descriptor</title>
<link rel="help" href="https://www.w3.org/TR/css-fonts-5/#size-adjust-desc">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style id="testStyle">
</style>
<script>
const sheet = testStyle.sheet;
// size-adjust grammar : <percentage [0,∞]>
tests = [
{ sizeAdjust: '100%', valid: true },
{ sizeAdjust: '0%', valid: true },
{ sizeAdjust: '110%', valid: true },
{ sizeAdjust: '100000000000%', valid: true },
{ sizeAdjust: '-100%', valid: false },
{ sizeAdjust: '-1%', valid: false },
];
for (let t of tests) {
test(() => {
assert_equals(sheet.cssRules.length, 0, "testSheet should initially be empty");
sheet.insertRule("@font-face { size-adjust: " + t.sizeAdjust + "}");
try {
assert_equals(sheet.cssRules[0].style.getPropertyValue("size-adjust") != "", t.valid);
} finally {
sheet.deleteRule(0);
}
}, "Check that size-adjust: " + t.sizeAdjust + " is " + (t.valid ? "valid" : "invalid"));
}
</script>