mirror of
https://github.com/SerenityOS/serenity
synced 2026-05-13 18:37:37 +02:00
42 lines
2.5 KiB
HTML
42 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<script src="../include.js"></script>
|
|
<script>
|
|
test(() => {
|
|
const tests = [
|
|
{ elementName: "hr", attribute: "width", mappedProperty: "width" },
|
|
{ elementName: "marquee", attribute: "hspace", mappedProperty: "marginLeft" },
|
|
{ elementName: "marquee", attribute: "hspace", mappedProperty: "marginRight" },
|
|
{ elementName: "marquee", attribute: "vspace", mappedProperty: "marginTop" },
|
|
{ elementName: "marquee", attribute: "vspace", mappedProperty: "marginBottom" },
|
|
{ elementName: "marquee", attribute: "width", mappedProperty: "width" },
|
|
{ elementName: "marquee", attribute: "height", mappedProperty: "height" },
|
|
{ elementName: "object", attribute: "hspace", mappedProperty: "marginLeft" },
|
|
{ elementName: "object", attribute: "hspace", mappedProperty: "marginRight" },
|
|
{ elementName: "object", attribute: "vspace", mappedProperty: "marginTop" },
|
|
{ elementName: "object", attribute: "vspace", mappedProperty: "marginBottom" },
|
|
{ elementName: "object", attribute: "width", mappedProperty: "width" },
|
|
{ elementName: "object", attribute: "height", mappedProperty: "height" },
|
|
{ elementName: "embed", attribute: "hspace", mappedProperty: "marginLeft" },
|
|
{ elementName: "embed", attribute: "hspace", mappedProperty: "marginRight" },
|
|
{ elementName: "embed", attribute: "vspace", mappedProperty: "marginTop" },
|
|
{ elementName: "embed", attribute: "vspace", mappedProperty: "marginBottom" },
|
|
{ elementName: "embed", attribute: "width", mappedProperty: "width" },
|
|
{ elementName: "embed", attribute: "height", mappedProperty: "height" },
|
|
{ elementName: "tr", attribute: "height", mappedProperty: "height" },
|
|
{ elementName: "col", attribute: "width", mappedProperty: "width" },
|
|
];
|
|
const values = ["100", " 00110 ", "120."];
|
|
|
|
for (const { elementName, attribute, mappedProperty } of tests) {
|
|
const element = document.createElement(elementName);
|
|
document.body.appendChild(element);
|
|
const style = document.defaultView.getComputedStyle(element);
|
|
for (const value of values) {
|
|
element.setAttribute(attribute, value);
|
|
println(`Test ${elementName}.${attribute} = "${value}" maps to ${mappedProperty}: ${style[mappedProperty]}`);
|
|
}
|
|
element.remove();
|
|
}
|
|
});
|
|
</script>
|