mozilla-central/devtools/client/inspector/rules/test/browser_rules_authored_color.js (file symbol)

Source code

Revision control

Copy as Markdown

Other Tools

Test Info: Warnings

/* Any copyright is dedicated to the Public Domain.
"use strict";
// Test for as-authored color styles.
/**
* Array of test color objects:
* {String} name: name of the used & expected color format.
* {String} id: id of the element that will be created to test this color.
* {String} color: initial value of the color property applied to the test element.
* {String} result: expected value of the color property after edition.
*/
const colors = [
{ name: "hex", id: "test1", color: "#f06", result: "#0f0" },
{
name: "rgb",
id: "test2",
color: "rgb(0,128,250)",
result: "rgb(0, 255, 0)",
},
// Test case preservation.
{ name: "hex", id: "test3", color: "#F06", result: "#0F0" },
];
add_task(async function () {
Services.prefs.setCharPref("devtools.defaultColorUnit", "authored");
let html = "";
for (const { color, id } of colors) {
html += `<div id="${id}" style="color: ${color}">Styled Node</div>`;
}
const tab = await addTab(
"data:text/html;charset=utf-8," + encodeURIComponent(html)
);
const { inspector, view } = await openRuleView();
for (const color of colors) {
const selector = "#" + color.id;
await selectNode(selector, inspector);
const swatch = getRuleViewProperty(
view,
"element",
"color"
).valueSpan.querySelector(".ruleview-colorswatch");
const cPicker = view.tooltips.getTooltip("colorPicker");
const onColorPickerReady = cPicker.once("ready");
swatch.click();
await onColorPickerReady;
await simulateColorPickerChange(view, cPicker, [0, 255, 0, 1], {
selector,
name: "color",
value: "rgb(0, 255, 0)",
});
const spectrum = cPicker.spectrum;
const onHidden = cPicker.tooltip.once("hidden");
// Validating the color change ends up updating the rule view twice
const onRuleViewChanged = waitForNEvents(view, "ruleview-changed", 2);
focusAndSendKey(spectrum.element.ownerDocument.defaultView, "RETURN");
await onHidden;
await onRuleViewChanged;
is(
getRuleViewPropertyValue(view, "element", "color"),
color.result,
"changing the color preserved the unit for " + color.name
);
}
await gDevTools.closeToolboxForTab(tab);
gBrowser.removeCurrentTab();
});