mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-27 02:05:07 +02:00
LibWeb: Import a bunch of /css/css-display tests from WPT
This commit is contained in:
committed by
Andreas Kling
parent
02268e9c60
commit
70695e4fce
Notes:
github-actions[bot]
2024-11-15 13:47:06 +00:00
Author: https://github.com/awesomekling Commit: https://github.com/LadybirdBrowser/ladybird/commit/70695e4fce3 Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/2356
@@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>Computed float value of flex/grid items</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-containers">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#grid-containers">
|
||||
<meta name="assert" content="computed float value of flex/grid items should be as specified">
|
||||
<script src="../../resources/testharness.js"></script>
|
||||
<script src="../../resources/testharnessreport.js"></script>
|
||||
|
||||
<div id="flex" style="display:flex;">
|
||||
<div id="flex-item"></div>
|
||||
</div>
|
||||
<div id="grid" style="display:grid;">
|
||||
<div id="grid-item">
|
||||
</div>
|
||||
<script>
|
||||
function setFloatFor(id, float) {
|
||||
document.getElementById(id).style.cssFloat = float;
|
||||
}
|
||||
function getFloatFor(id) {
|
||||
return window.getComputedStyle(document.getElementById(id)).getPropertyValue("float");
|
||||
}
|
||||
function setDisplayBlock(id) {
|
||||
document.getElementById(id).style.display = "block";
|
||||
}
|
||||
test(function() {
|
||||
assert_equals(getFloatFor("flex-item"), "none");
|
||||
assert_equals(getFloatFor("grid-item"), "none");
|
||||
|
||||
setFloatFor("flex-item", "left");
|
||||
setFloatFor("grid-item", "right");
|
||||
assert_equals(getFloatFor("flex-item"), "left");
|
||||
assert_equals(getFloatFor("grid-item"), "right");
|
||||
|
||||
setDisplayBlock("grid");
|
||||
setDisplayBlock("flex");
|
||||
assert_equals(getFloatFor("flex-item"), "left");
|
||||
assert_equals(getFloatFor("grid-item"), "right");
|
||||
}, "computed style for float");
|
||||
</script>
|
||||
Reference in New Issue
Block a user