mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-26 17:55:07 +02:00
Tests: Import all WPT css/css-nesting tests
A few are skipped for now: - A few ref tests fail - Crash tests are not supported by our runner and time out - top-level-is-scope.html crashes and needs further investigation
This commit is contained in:
committed by
Andreas Kling
parent
6bb1ffbcd3
commit
b0e79ce549
Notes:
github-actions[bot]
2024-11-07 14:12:28 +00:00
Author: https://github.com/AtkinsSJ Commit: https://github.com/LadybirdBrowser/ladybird/commit/b0e79ce549b Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/2202
@@ -0,0 +1,30 @@
|
||||
<!doctype html>
|
||||
<title>CSS Selectors nested invalidation through @media by selectorText</title>
|
||||
<link rel="author" title="Steinar H. Gunderson" href="mailto:sesse@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-nesting-1/">
|
||||
<script src="../../resources/testharness.js"></script>
|
||||
<script src="../../resources/testharnessreport.js"></script>
|
||||
|
||||
<style>
|
||||
.b {
|
||||
color: red;
|
||||
}
|
||||
& {
|
||||
@media screen {
|
||||
&.b { color: green; }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="elem" class="a b">
|
||||
Test passes if color is green.
|
||||
</div>
|
||||
|
||||
<script>
|
||||
test(() => {
|
||||
let elem = document.getElementById('elem');
|
||||
assert_equals(getComputedStyle(elem).color, 'rgb(255, 0, 0)');
|
||||
document.styleSheets[0].rules[1].selectorText = '.a';
|
||||
assert_equals(getComputedStyle(elem).color, 'rgb(0, 128, 0)');
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user