Blitz - WPT: cssom-view-img-attributes-001.html

wpt / css / cssom-view / cssom-view-img-attributes-001.html

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

Subtest	Status	Message
test x with display false	FAIL	assert_equals: expected (number) 10 but got (undefined) undefined
test y with display false	FAIL	assert_equals: expected (number) 10 but got (undefined) undefined
test x with display true	FAIL	assert_equals: expected (number) 0 but got (undefined) undefined
test y with display true	FAIL	assert_equals: expected (number) 0 but got (undefined) undefined

Enable JavaScript in test iframe

/css/cssom-view/cssom-view-img-attributes-001.html

<!DOCTYPE html>
<html>
    <head>
        <title>CSS Test: HTMLImageElement x and y attributes</title>
        <link rel="author" title="Adobe" href="http://html.adobe.com/">
        <link rel="author" title="Alan Stearns" href="mailto:stearns@adobe.com">
        <link rel="reviewer" title="" href="">
        <link rel="help" href="https://drafts.csswg.org/cssom-view/#excensions-to-the-htmlimageelement-interface">
        <meta name="assert" content="HTMLImageElement attributes give x and y position of CSS layout box">
        <meta name="flags" content="dom">
        <script src="/resources/testharness.js"></script>
        <script src="/resources/testharnessreport.js"></script>
    </head>
    <body>
        <div id="log"></div>
        <script type="text/javascript">

        function testIMGAttributes(attribute_name, display_none) {
            var element = document.createElement("img");
            document.body.appendChild(element);
            element.style.setProperty("position", "absolute");
            element.style.setProperty("left", "10px");
            element.style.setProperty("top", "10px");
            if (display_none) {
                element.style.setProperty("display", "none");
            }
            var attributeValue = element[attribute_name];
            document.body.removeChild(element);
            return attributeValue;
        }

        var imgAttributes = [
            ["x", false, 10],
            ["y", false, 10],
            ["x", true, 0],
            ["y", true, 0],
        ];

        imgAttributes.forEach(function(test_data) {
            test (function() { assert_equals(testIMGAttributes(test_data[0], test_data[1]), test_data[2])},
                "test " + test_data[0] + " with display " + test_data[1])
            }
        );
        </script>
    </body>
</html>