mirror of
https://github.com/servo/servo.git
synced 2025-08-03 12:40:06 +01:00
Update web-platform-tests to revision 2f08203a98291809cf67839232d45e68752dcb25
This commit is contained in:
parent
59f9a3d370
commit
add1a306e5
47 changed files with 495 additions and 174 deletions
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Box Alignment Level 3: getComputedStyle().columnGap</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-column-gap">
|
||||
<meta name="assert" content="column-gap computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<style>
|
||||
#target {
|
||||
font-size: 40px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
test_computed_value("column-gap", "normal");
|
||||
|
||||
test_computed_value("column-gap", "calc(10px + 0.5em)", "30px");
|
||||
test_computed_value("column-gap", "calc(10px - 0.5em)", "0px");
|
||||
test_computed_value("column-gap", "40%");
|
||||
test_computed_value("column-gap", "calc(50% + 60px)");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Box Alignment Level 3: parsing column-gap with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-column-gap">
|
||||
<meta name="assert" content="column-gap supports only the grammar '<length-percentage> | normal'.">
|
||||
<meta name="assert" content="column-gap rejects negative <length-percentage>.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("column-gap", "auto");
|
||||
|
||||
test_invalid_value("column-gap", "10");
|
||||
test_invalid_value("column-gap", "10px 20px");
|
||||
test_invalid_value("column-gap", "-1px");
|
||||
test_invalid_value("column-gap", "-10%");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Box Alignment Level 3: parsing column-gap with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-column-gap">
|
||||
<meta name="assert" content="column-gap supports the full grammar '<length-percentage> | normal'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_valid_value("column-gap", "normal");
|
||||
|
||||
test_valid_value("column-gap", "0", "0px");
|
||||
test_valid_value("column-gap", "1px");
|
||||
test_valid_value("column-gap", "calc(2em + 3ex)");
|
||||
test_valid_value("column-gap", "4%");
|
||||
test_valid_value("column-gap", "5vmin");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Box Alignment Level 3: getComputedStyle().rowGap</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-row-gap">
|
||||
<meta name="assert" content="row-gap computed value is a specified keyword or a computed <length-percentage>.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
<style>
|
||||
#target {
|
||||
font-size: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("row-gap", "normal");
|
||||
|
||||
test_computed_value("row-gap", "10px");
|
||||
test_computed_value("row-gap", "20%");
|
||||
test_computed_value("row-gap", "calc(20% + 10px)");
|
||||
|
||||
test_computed_value("row-gap", "calc(-0.5em + 10px)", "0px");
|
||||
test_computed_value("row-gap", "calc(0.5em + 10px)", "30px");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Box Alignment Level 3: parsing row-gap with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-row-gap">
|
||||
<meta name="assert" content="row-gap supports only the grammar 'normal | <length-percentage>'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("row-gap", "auto");
|
||||
test_invalid_value("row-gap", "-10px");
|
||||
|
||||
test_invalid_value("row-gap", "10px 20%");
|
||||
test_invalid_value("row-gap", "normal 10px");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Box Alignment Level 3: parsing row-gap with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-row-gap">
|
||||
<meta name="assert" content="row-gap supports the full grammar 'normal | <length-percentage>'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_valid_value("row-gap", "normal");
|
||||
|
||||
test_valid_value("row-gap", "10px");
|
||||
test_valid_value("row-gap", "20%");
|
||||
test_valid_value("row-gap", "calc(20% + 10px)");
|
||||
test_valid_value("row-gap", "0", "0px");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue