ladybird/Tests/LibWeb/Text/input/css/PropertyOwningCSSStyleDeclaration-serialized-custom-properties.html

<!DOCTYPE html>
<script src="../include.js"></script>
<script>
    test(() => {
        let styleNode = document.createElement("style");
        styleNode.innerText = `
            test {
                --color: red;
                color: red;
            }
        `;
        document.head.appendChild(styleNode);
        const sheet = styleNode.sheet;
        println(sheet.cssRules[0].cssText);
    });
</script>
Meta: Add DOCTYPEs to most text tests 2025-03-18 15:28:35 -03:00			`<!DOCTYPE html>`
LibWeb: Serialize custom properties in CSSStyleDeclaration::serialized() Prior to this commit, PropertyOwningCSSStyleDeclaration::serialized() did not include custom properties, which lead to an incomplete `cssRule.cssText` result. This commit makes that class also serialize the custom properties and place them before the regular properties in the rule text. 2023-06-08 19:38:11 -03:00			`<script src="../include.js"></script>`
			`<script>`
			`test(() => {`
			`let styleNode = document.createElement("style");`
			styleNode.innerText = `
			`test {`
			`--color: red;`
			`color: red;`
			`}`
			`;
			`document.head.appendChild(styleNode);`
			`const sheet = styleNode.sheet;`
			`println(sheet.cssRules[0].cssText);`
			`});`
			`</script>`