window.onload = function() {
function toSortedString(array) {
return JSON.stringify(array.sort());
}
const runCssPropertiesTests = async function(url) {
info(`Opening tab with CssPropertiesActor support.`);
// Open a new tab. The only property we are interested in is `target`.
const { target } = await attachURL(url);
const { cssProperties } = await target.getFront("cssProperties");
ok(cssProperties.isKnown("border"), "The `border` shorthand property is known.");
ok(cssProperties.isKnown("display"), "The `display` property is known.");
ok(!cssProperties.isKnown("foobar"), "A fake property is not known.");
ok(cssProperties.isKnown("--foobar"), "A CSS variable properly evaluates.");
ok(cssProperties.isKnown("--foob\\{ar"), "A CSS variable with escaped character properly evaluates.");
ok(cssProperties.isKnown("--fübar"), "A CSS variable unicode properly evaluates.");
ok(!cssProperties.isKnown("--foo bar"), "A CSS variable with spaces fails");
const marginProps = ["auto", "inherit", "initial", "unset", "revert", "revert-layer"];
if(SpecialPowers.getBoolPref("layout.css.anchor-positioning.enabled")) {
marginProps.push("anchor-size");
}
is(toSortedString(cssProperties.getValues("margin")),
toSortedString(marginProps), "Can get values for the CSS margin.");
is(cssProperties.getValues("foobar").length, 0, "Unknown values return an empty array.");
const bgColorValues = cssProperties.getValues("background-color");
ok(bgColorValues.includes("blanchedalmond"), "A property with color values includes blanchedalmond.");
ok(bgColorValues.includes("papayawhip"), "A property with color values includes papayawhip.");
ok(bgColorValues.includes("rgb"), "A property with color values includes non-colors.");
// Check that the "special" shorthands for white-space are exposed.
const whiteSpaceValues = cssProperties.getValues("white-space");
ok(whiteSpaceValues.includes("normal"), "Values for the white-space shorthand include normal.");
ok(whiteSpaceValues.includes("pre"), "Values for the white-space shorthand include pre.");
ok(whiteSpaceValues.includes("pre-line"), "Values for the white-space shorthand include pre-line.");
ok(whiteSpaceValues.includes("pre-wrap"), "Values for the white-space shorthand include pre-wrap.");
};
addAsyncTest(async function setup() {
const url = document.getElementById("cssProperties").href;
await runCssPropertiesTests(url);
¤ Die Informationen auf dieser Webseite wurden
nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit,
noch Qualität der bereit gestellten Informationen zugesichert.0.28Bemerkung:
Wie Sie bei der Firma Beratungs- und Dienstleistungen beauftragen können
¤
Die Informationen auf dieser Webseite wurden
nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit,
noch Qualität der bereit gestellten Informationen zugesichert.
Bemerkung:
Die farbliche Syntaxdarstellung ist noch experimentell.
