Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
"use strict";
// Test that increasing/decreasing values in rule view using
// the mouse wheel works correctly.
const TEST_URI = `
<style>
#test {
margin-top: 0px;
}
</style>
<div id="test"></div>
`;
add_task(async function () {
await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI));
const { inspector, view } = await openRuleView();
await selectNode("#test", inspector);
info("Testing wheel increments on the margin property");
const marginPropEditor = getTextProperty(view, 1, {
"margin-top": "0px",
}).editor;
await runWheelIncrementTest(marginPropEditor, view, { horizontal: false });
await runWheelIncrementTest(marginPropEditor, view, { horizontal: true });
});
function runWheelIncrementTest(marginPropEditor, view, { horizontal }) {
const wheelDelta = horizontal ? "deltaX" : "deltaY";
return runIncrementTest(marginPropEditor, view, {
1: {
wheel: true,
[wheelDelta]: -1,
...getSmallIncrementKey(),
start: "0px",
end: "0.1px",
selectAll: true,
},
2: {
wheel: true,
[wheelDelta]: -1,
start: "0px",
end: "1px",
selectAll: true,
},
3: {
wheel: true,
[wheelDelta]: -1,
shift: true,
start: "0px",
end: "10px",
selectAll: true,
},
4: {
wheel: true,
[wheelDelta]: 1,
...getSmallIncrementKey(),
start: "0.1px",
end: "0px",
selectAll: true,
},
5: {
wheel: true,
[wheelDelta]: 1,
down: true,
start: "0px",
end: "-1px",
selectAll: true,
},
6: {
wheel: true,
[wheelDelta]: 1,
down: true,
shift: true,
start: "0px",
end: "-10px",
selectAll: true,
},
7: {
wheel: true,
[wheelDelta]: -1,
start: "0",
end: "1px",
selectAll: true,
},
8: {
wheel: true,
[wheelDelta]: 1,
down: true,
start: "0",
end: "-1px",
selectAll: true,
},
});
}