1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
<!doctype html>
<title>Test for preference to not use document fonts</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel='stylesheet' href='/resources/testharness.css'>
<div id="content"></div>
<script>
const content = document.getElementById("content");
// This is just a subset of browser.display.use_document_fonts.icon_font_allowlist
// that we feel are worth double-checking via this test. In particular:
// * Chromium Bug Tracker and https://developers.google.com use "Material Icons"
// * Google Translate and Google Timeline use "Material Icons Extended"
// * https://fonts.google.com/icons uses "Material Symbols Outlined"
// * Google Calendar and Google Contacts use "Google Material Icons"
const kKnownLigatureIconFonts = "Material Icons, Material Icons Extended, " +
"Material Symbols Outlined, Google Material Icons";
setup({explicit_done: true })
content.style.fontFamily = "initial";
const kInitialFamily = getComputedStyle(content).fontFamily;
content.style.fontFamily = "";
const kTests = [
{
specified: "monospace",
computed: "monospace",
description: "Single generic family should not be changed",
},
{
specified: "monospace, sans-serif",
computed: "monospace, sans-serif",
description: "Generic families should not be changed",
},
{
specified: "Courier, monospace",
computed: "monospace, Courier",
description: "Generics are preferred, but may still fall back to document fonts",
},
{
specified: "system-ui, sans-serif",
computed: "sans-serif, system-ui",
description: "system-ui is not prioritized",
},
{
specified: "Courier, something-else",
computed: `${kInitialFamily}, Courier, something-else`,
description: "Generic is prepended to the font-family if none is found",
},
{
specified: kKnownLigatureIconFonts + ", something-else, sans-serif",
computed: kKnownLigatureIconFonts + ", sans-serif, something-else",
description: "Known ligature-icon fonts remain ahead of the generic",
},
{
specified: "Material Icons, something-else, Material Symbols Outlined, sans-serif",
computed: "Material Icons, sans-serif, something-else, Material Symbols Outlined",
description: "Generic is moved ahead of the first non-allowlisted font",
},
{
specified: "Material Icons, something-else, Material Symbols Outlined",
computed: `Material Icons, ${kInitialFamily}, something-else, Material Symbols Outlined`,
description: "Default generic is inserted ahead of the first non-allowlisted font",
},
{
specified: "Material Icons, cursive, Material Symbols Outlined, serif",
computed: "Material Icons, serif, cursive, Material Symbols Outlined",
description: "cursive is not treated as a generic to be prioritized",
},
{
specified: "Material Icons, fantasy, Material Symbols Outlined",
computed: `Material Icons, ${kInitialFamily}, fantasy, Material Symbols Outlined`,
description: "fantasy is not treated as a generic to be prioritized",
},
];
let systemFont;
// compute expectations while the pref is not active yet.
test(function() {
for (const test of kTests) {
content.style.fontFamily = "";
content.style.fontFamily = test.computed;
assert_not_equals(content.style.fontFamily, "", `computed font ${test.computed} was invalid`);
test.expected = getComputedStyle(content).fontFamily;
}
content.style.font = "menu";
systemFont = getComputedStyle(content).fontFamily;
assert_not_equals(systemFont, "", `computed menu system font was invalid`);
content.style.font = "";
}, "Sanity");
function runTest({ specified, computed, description, expected }) {
test(function() {
content.style.fontFamily = "";
content.style.fontFamily = specified;
assert_equals(getComputedStyle(content).fontFamily, expected);
}, description);
}
(async function() {
await SpecialPowers.pushPrefEnv({'set': [['browser.display.use_document_fonts', 0]]});
for (const test of kTests)
runTest(test);
test(function() {
content.style.font = "menu";
assert_equals(getComputedStyle(content).fontFamily, systemFont);
}, "System font should be honored");
done();
})();
</script>
|
