mirror of
https://github.com/servo/servo
synced 2026-05-10 00:52:08 +02:00
137 lines
4.5 KiB
HTML
137 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8" />
|
|
<title>CSSOM - CSSFontFeatureValuesRule interface</title>
|
|
<link
|
|
rel="help"
|
|
href="https://drafts.csswg.org/css-fonts-4/#om-fontfeaturevalues"
|
|
/>
|
|
<link rel="author" title="Dominik Röttsches" href="drott@chromium.org">
|
|
<meta name="assert" content="CSSFontFeatureValuesRule interface is accessible and supports read and write access.">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<style></style>
|
|
<script>
|
|
let rule_initial = `
|
|
@font-feature-values test_family {
|
|
@annotation {
|
|
the_first: 6;
|
|
}
|
|
@styleset {
|
|
yo: 7;
|
|
del: 4;
|
|
di: 10 9 4 5;
|
|
}
|
|
}
|
|
`;
|
|
|
|
let rule_added = `
|
|
@font-feature-values second_family {
|
|
@annotation {
|
|
yabab: 2;
|
|
yogog: 4;
|
|
bidib: 5;
|
|
}
|
|
}
|
|
`;
|
|
|
|
function resetStateAndTest(testFunction) {
|
|
var sheet = document.styleSheets[0];
|
|
while (sheet.cssRules.length > 0) sheet.deleteRule(0);
|
|
sheet.insertRule(rule_initial);
|
|
testFunction();
|
|
}
|
|
|
|
test(function () {
|
|
resetStateAndTest(() => {
|
|
let rule = document.styleSheets[0].cssRules[0];
|
|
assert_equals(rule.type, 14);
|
|
assert_equals(rule.annotation.size, 1);
|
|
assert_equals(rule.styleset.size, 3);
|
|
assert_array_equals(rule.styleset.get("yo"), [7]);
|
|
assert_array_equals(rule.styleset.get("del"), [4]);
|
|
assert_array_equals(rule.styleset.get("di"), [10, 9, 4, 5]);
|
|
assert_array_equals(rule.annotation.get("the_first"), [6]);
|
|
assert_equals(rule.stylistic.size, 0);
|
|
assert_equals(rule.swash.size, 0);
|
|
assert_equals(rule.ornaments.size, 0);
|
|
assert_equals(rule.characterVariant.size, 0);
|
|
assert_equals(rule.fontFamily, "test_family");
|
|
});
|
|
}, "CSSFontFeatureValuesRule is correctly parsed and accessible via CSSOM.");
|
|
|
|
test(function () {
|
|
resetStateAndTest(() => {
|
|
let family_override = "test_changed_family";
|
|
let rule = document.styleSheets[0].cssRules[0];
|
|
rule.fontFamily = family_override;
|
|
let read_rule = document.styleSheets[0].cssRules[0];
|
|
assert_equals(read_rule.fontFamily, family_override);
|
|
});
|
|
}, "CSSFontFeatureValuesRule family is settable and readable.");
|
|
|
|
test(function () {
|
|
resetStateAndTest(() => {
|
|
let rule = document.styleSheets[0].cssRules[0];
|
|
let override_number = 43;
|
|
assert_equals(rule.styleset.get("di").length, 4);
|
|
rule.styleset.set("di", override_number);
|
|
assert_array_equals(
|
|
document.styleSheets[0].cssRules[0].styleset.get("di"),
|
|
[override_number]
|
|
);
|
|
assert_equals(rule.styleset.size, 3);
|
|
assert_equals(
|
|
document.styleSheets[0].cssRules[0].styleset.get("di").length,
|
|
1
|
|
);
|
|
});
|
|
}, "CSSFontFeatureValuesMap entries are settable to single values.");
|
|
|
|
test(function () {
|
|
resetStateAndTest(() => {
|
|
let rule = document.styleSheets[0].cssRules[0];
|
|
let override_sequence = [43, 22];
|
|
assert_equals(
|
|
document.styleSheets[0].cssRules[0].styleset.get("di").length,
|
|
4
|
|
);
|
|
rule.styleset.set("di", override_sequence);
|
|
assert_array_equals(
|
|
document.styleSheets[0].cssRules[0].styleset.get("di"),
|
|
override_sequence
|
|
);
|
|
assert_equals(document.styleSheets[0].cssRules[0].styleset.size, 3);
|
|
assert_equals(
|
|
document.styleSheets[0].cssRules[0].styleset.get("di").length,
|
|
2
|
|
);
|
|
});
|
|
}, "CSSFontFeatureValuesMap entries are settable to sequences of numbers.");
|
|
|
|
test(function () {
|
|
resetStateAndTest(() => {
|
|
document.styleSheets[0].insertRule(rule_added, 1);
|
|
assert_equals(document.styleSheets[0].cssRules[1].type, 14);
|
|
assert_equals(document.styleSheets[0].cssRules[1].annotation.size, 3);
|
|
});
|
|
}, "New rules can be added.");
|
|
|
|
test(function () {
|
|
resetStateAndTest(() => {
|
|
document.styleSheets[0].insertRule(rule_added, 1);
|
|
assert_equals(document.styleSheets[0].cssRules[1].annotation.size, 3);
|
|
document.styleSheets[0].cssRules[1].annotation.delete("yogog");
|
|
assert_equals(document.styleSheets[0].cssRules[1].annotation.size, 2);
|
|
});
|
|
}, "Deleting single entries is possible.");
|
|
|
|
test(function () {
|
|
resetStateAndTest(() => {
|
|
document.styleSheets[0].insertRule(rule_added, 1);
|
|
assert_equals(document.styleSheets[0].cssRules[1].annotation.size, 3);
|
|
document.styleSheets[0].cssRules[1].annotation.clear();
|
|
assert_equals(document.styleSheets[0].cssRules[1].annotation.size, 0);
|
|
});
|
|
}, "Clearing all entries is possible.");
|
|
</script>
|