eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-04-27 10:07:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Re-evaluate the style block when the type attribute changes

Browse Source
This commit is contained in:
Hikmat Jafarli
2025-04-28 22:34:44 +04:00
committed by Andreas Kling
parent 4d17707b26
commit bd9d489370
Notes: github-actions[bot] 2025-04-28 23:01:58 +00:00 
Author: https://github.com/h2337 🔰
Commit: https://github.com/LadybirdBrowser/ladybird/commit/bd9d4893709
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/4511
3 changed files with 49 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
Tests/LibWeb/Text/input/wpt-import/html/semantics/document-metadata/the-style-element/style_type_change.html Normal file
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dynamically changing HTMLStyleElement.type should change the rendering accordingly</title>
<script src="../../../../resources/testharness.js"></script>
<script src="../../../../resources/testharnessreport.js"></script>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-style-element">
<style type="no/mime">
body { color: green }
</style>
</head>
<body>
Text content.
<script>
var style = document.querySelector("style");
test(function() {
assert_equals(document.styleSheets.length, 0);
}, "Check initial styleSheets length type");
test(function() {
assert_not_equals(getComputedStyle(document.querySelector("body")).color, "rgb(0, 128, 0)");
assert_equals(document.styleSheets.length, 0);
style.type = "text/css";
assert_equals(getComputedStyle(document.querySelector("body")).color, "rgb(0, 128, 0)");
assert_equals(document.styleSheets.length, 1);
}, "Change type from invalid type to valid type");
test(function() {
assert_equals(getComputedStyle(document.querySelector("body")).color, "rgb(0, 128, 0)");
assert_equals(document.styleSheets.length, 1);
style.type = "no/mime";
assert_not_equals(getComputedStyle(document.querySelector("body")).color, "rgb(0, 128, 0)");
assert_equals(document.styleSheets.length, 0);
}, "Change type from valid type to invalid type");
</script>
</body>
</html>