Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
/* global getPropertyValue */
"use strict";
// Test that keyword values for font properties don't show up in the font editor,
// but their computed style values show up instead.
const TEST_URI = URL_ROOT + "doc_browser_fontinspector.html";
add_task(async function () {
const { inspector, view } = await openFontInspectorForURL(TEST_URI);
const viewDoc = view.document;
await testKeywordValues(inspector, viewDoc);
});
async function testKeywordValues(inspector, viewDoc) {
await selectNode(".bold-text", inspector);
info(
"Check font-weight shows its computed style instead of the bold keyword value."
);
const fontWeight = getPropertyValue(viewDoc, "font-weight");
isnot(fontWeight.value, "bold", "Font weight is not shown as keyword");
is(
parseInt(fontWeight.value, 10),
700,
"Font weight is shown as computed style"
);
info(
"Check font-size shows its computed style instead of the inherit keyword value."
);
const fontSize = getPropertyValue(viewDoc, "font-size");
isnot(fontSize.unit, "inherit", "Font size unit is not shown as keyword");
is(fontSize.unit, "px", "Font size unit is shown as computed style");
is(
fontSize.value + fontSize.unit,
"36px",
"Font size is read as computed style"
);
}