mirror of
https://github.com/servo/servo.git
synced 2025-08-11 08:25:32 +01:00
Update web-platform-tests to revision 3f3849c5d05f9350fad0b06d3bb3ae30d7e18d14
This commit is contained in:
parent
9a7e2663e8
commit
f767403c00
310 changed files with 8134 additions and 895 deletions
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Logical Properties and Values: getComputedStyle().blockSize</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-logical-1/#dimension-properties">
|
||||
<meta name="assert" content="block-size computed value is an absolute length.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
<style>
|
||||
#parent {
|
||||
height: 300px;
|
||||
}
|
||||
#target {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
font-size: 40px;
|
||||
}
|
||||
#child {
|
||||
height: 80px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="target">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
test_computed_value("block-size", "auto", "80px"); // child height
|
||||
|
||||
test_computed_value("block-size", "10px");
|
||||
test_computed_value("block-size", "20%", "60px");
|
||||
test_computed_value("block-size", "calc(0.5em + 10px)", "30px");
|
||||
test_computed_value("block-size", "calc(-0.5em + 10px)", "0px");
|
||||
|
||||
test_computed_value("block-size", "min-content", "80px"); // child height
|
||||
test_computed_value("block-size", "max-content", "80px");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Logical Properties and Values: getComputedStyle().inlineSize</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-logical-1/#dimension-properties">
|
||||
<meta name="assert" content="inline-size computed value is an absolute length.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
<style>
|
||||
#parent {
|
||||
width: 200px;
|
||||
}
|
||||
#target {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
font-size: 40px;
|
||||
}
|
||||
#child {
|
||||
width: 60px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="target">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
test_computed_value("inline-size", "auto", "200px"); // parent width
|
||||
|
||||
test_computed_value("inline-size", "10px");
|
||||
test_computed_value("inline-size", "20%", "40px");
|
||||
test_computed_value("inline-size", "calc(0.5em + 10px)", "30px");
|
||||
test_computed_value("inline-size", "calc(-0.5em + 10px)", "0px");
|
||||
|
||||
test_computed_value("inline-size", "min-content", "60px"); // child width
|
||||
test_computed_value("inline-size", "max-content", "60px");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue