ladybird/Tests/LibWeb/Text/input/css/media-query-serialization-basic.html

<!DOCTYPE html>
<head><style>
@media only screen { }
@media only screen and (min-width: 20px) and (max-width: 40px) { }
@media only screen and (min-resolution: 96dpi) { }
@media only screen and (min-resolution: 2dppx) { }
@media only screen and (min-resolution: 96dpcm) { }
</style></head>
<script src="../include.js"></script>
<script>
    test(() => {
        let sheet = document.head.firstChild.sheet
        for (rule of sheet.cssRules) {
            println(rule.cssText);
        }
    });
</script>
Meta: Add DOCTYPEs to most text tests 2025-03-18 19:28:35 +01:00			`<!DOCTYPE html>`
LibWeb: Fix broken conversion of CSS <resolution> dpi/dpcm to dppx Also add a basic test that documents how these media features currently get serialized, even if they're not identical to other browsers yet. 2023-08-25 17:58:40 +02:00			`<head><style>`
			`@media only screen { }`
			`@media only screen and (min-width: 20px) and (max-width: 40px) { }`
			`@media only screen and (min-resolution: 96dpi) { }`
			`@media only screen and (min-resolution: 2dppx) { }`
			`@media only screen and (min-resolution: 96dpcm) { }`
			`</style></head>`
			`<script src="../include.js"></script>`
			`<script>`
			`test(() => {`
			`let sheet = document.head.firstChild.sheet`
			`for (rule of sheet.cssRules) {`
			`println(rule.cssText);`
			`}`
			`});`
			`</script>`