Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
"use strict";
// Test that editing a mixed-case attribute preserves the case
const TEST_URL = URL_ROOT + "doc_markup_svg_attributes.html";
add_task(async function () {
const { inspector } = await openInspectorForURL(TEST_URL);
await inspector.markup.expandAll();
await selectNode("svg", inspector);
await testWellformedMixedCase(inspector);
await testMalformedMixedCase(inspector);
});
async function testWellformedMixedCase(inspector) {
info(
"Modifying a mixed-case attribute, " +
"expecting the attribute's case to be preserved"
);
info("Listening to markup mutations");
const onMutated = inspector.once("markupmutation");
info("Focusing the viewBox attribute editor");
const { editor } = await focusNode("svg", inspector);
const attr = editor.attrElements.get("viewBox").querySelector(".editable");
attr.focus();
EventUtils.sendKey("return", inspector.panelWin);
info("Editing the attribute value and waiting for the mutation event");
const input = inplaceEditor(attr).input;
input.value = 'viewBox="0 0 1 1"';
EventUtils.sendKey("return", inspector.panelWin);
await onMutated;
await assertAttributes("svg", {
viewBox: "0 0 1 1",
width: "200",
height: "200",
});
}
async function testMalformedMixedCase(inspector) {
info(
"Modifying a malformed, mixed-case attribute, " +
"expecting the attribute's case to be preserved"
);
info("Listening to markup mutations");
const onMutated = inspector.once("markupmutation");
info("Focusing the viewBox attribute editor");
const { editor } = await focusNode("svg", inspector);
const attr = editor.attrElements.get("viewBox").querySelector(".editable");
attr.focus();
EventUtils.sendKey("return", inspector.panelWin);
info("Editing the attribute value and waiting for the mutation event");
const input = inplaceEditor(attr).input;
input.value = 'viewBox="<>"';
EventUtils.sendKey("return", inspector.panelWin);
await onMutated;
await assertAttributes("svg", {
viewBox: "<>",
width: "200",
height: "200",
});
}