Update web-platform-tests to revision 2f08203a98291809cf67839232d45e68752dcb25

This commit is contained in:
WPT Sync Bot 2019-08-11 10:26:44 +00:00
parent 59f9a3d370
commit add1a306e5
47 changed files with 495 additions and 174 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>