Blitz - WPT: attr-style-type.html

wpt / svg / styling / attr-style-type.html

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

Subtest	Status	Message
type attribute on SVG <style> elements should reflect correctly	PASS
Setting type via the IDL attribute updates the content attribute	PASS
Setting the content attribute updates the IDL attribute (type)	PASS

Enable JavaScript in test iframe

/svg/styling/attr-style-type.html

<!DOCTYPE html>
<title>Type - SVG Style element</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

<svg>
  <style id=style1></style>
  <style id=style2 type="random/type"></style>
</svg>

<script>
    test(() => {
        assert_equals(style1.type, "", "missing type reflects as empty string IDL attribute on the style element");
        assert_equals(style2.type, "random/type", "type reflects correctly IDL attribute on the style element");
    }, "type attribute on SVG <style> elements should reflect correctly");

    test(() => {
        const style = document.createElementNS("http://www.w3.org/2000/svg", "style");
        style.type = "text/x-something-else";
        assert_equals(style.type, "text/x-something-else",
                      "IDL setter round-trips through the IDL getter");
        assert_equals(style.getAttribute("type"), "text/x-something-else",
                      "IDL setter writes to the content attribute");
    }, "Setting type via the IDL attribute updates the content attribute");

    test(() => {
        const style = document.createElementNS("http://www.w3.org/2000/svg", "style");
        style.setAttribute("type", "text/x-something-else");
        assert_equals(style.type, "text/x-something-else",
                      "IDL getter reflects the content attribute");
    }, "Setting the content attribute updates the IDL attribute (type)");
</script>