diff options
Diffstat (limited to 'tests/wpt/web-platform-tests/css/css-overflow')
15 files changed, 369 insertions, 0 deletions
diff --git a/tests/wpt/web-platform-tests/css/css-overflow/inheritance.html b/tests/wpt/web-platform-tests/css/css-overflow/inheritance.html new file mode 100644 index 00000000000..976406be413 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/inheritance.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>Inheritance of CSS Overflow properties</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#property-index"> +<meta name="assert" content="Properties inherit or not according to the spec."> +<meta name="assert" content="Properties have initial values according to the spec."> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/css/support/inheritance-testcommon.js"></script> +</head> +<body> +<div id="container"> + <div id="target"></div> +</div> +<script> +assert_inherited('block-ellipsis', 'none', 'auto'); +assert_not_inherited('continue', 'auto', 'discard'); +assert_not_inherited('max-lines', 'none', '2'); +assert_not_inherited('overflow-block', 'visible', 'scroll'); +assert_not_inherited('overflow-inline', 'visible', 'scroll'); +assert_not_inherited('overflow-x', 'visible', 'scroll'); +assert_not_inherited('overflow-y', 'visible', 'scroll'); +assert_not_inherited('text-overflow', 'clip', 'ellipsis'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/block-ellipsis-invalid.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/block-ellipsis-invalid.html new file mode 100644 index 00000000000..2b9c059a45d --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/block-ellipsis-invalid.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: parsing block-ellipsis with invalid values</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-block-ellipsis"> +<meta name="assert" content="block-ellipsis supports only the grammar 'none | auto | <string>'."> +<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("block-ellipsis", 'hidden'); + +test_invalid_value("block-ellipsis", 'none auto'); +test_invalid_value("block-ellipsis", 'auto "string"'); +test_invalid_value("block-ellipsis", '"string" none'); +test_invalid_value("block-ellipsis", '"first" "second"'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/block-ellipsis-valid.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/block-ellipsis-valid.html new file mode 100644 index 00000000000..06148ef01b2 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/block-ellipsis-valid.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: parsing block-ellipsis with valid values</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-block-ellipsis"> +<meta name="assert" content="block-ellipsis supports the full grammar 'none | auto | <string>'."> +<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("block-ellipsis", 'none'); +test_valid_value("block-ellipsis", 'auto'); +test_valid_value("block-ellipsis", '" etc., etc. "'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/continue-invalid.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/continue-invalid.html new file mode 100644 index 00000000000..36e164158f3 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/continue-invalid.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: parsing continue with invalid values</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-continue"> +<meta name="assert" content="continue supports only the grammar 'auto | discard'."> +<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("continue", 'none'); + +test_invalid_value("continue", 'auto discard'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/continue-valid.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/continue-valid.html new file mode 100644 index 00000000000..97524cf80db --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/continue-valid.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: parsing continue with valid values</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-continue"> +<meta name="assert" content="continue supports the full grammar 'auto | discard'."> +<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("continue", 'auto'); +test_valid_value("continue", 'discard'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/line-clamp-invalid.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/line-clamp-invalid.html new file mode 100644 index 00000000000..7b64e473586 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/line-clamp-invalid.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: parsing line-clamp with invalid values</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-line-clamp"> +<meta name="assert" content="line-clamp supports only the grammar 'none | <integer> <‘block-ellipsis’>?'."> +<meta name="assert" content="Zero or negative max-lines integers are invalid."> +<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("line-clamp", 'auto'); + +test_invalid_value("line-clamp", '0'); +test_invalid_value("line-clamp", '-5'); + +test_invalid_value("line-clamp", '" etc., etc. "'); + +test_invalid_value("line-clamp", 'none 2'); +test_invalid_value("line-clamp", '3 none'); +test_invalid_value("line-clamp", 'auto 4'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/line-clamp-valid.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/line-clamp-valid.html new file mode 100644 index 00000000000..735300c9efe --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/line-clamp-valid.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: parsing line-clamp with valid values</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-line-clamp"> +<meta name="assert" content="line-clamp supports the full grammar 'none | <integer> <‘block-ellipsis’>?'."> +<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("line-clamp", 'none'); + +test_valid_value("line-clamp", '1'); +test_valid_value("line-clamp", '6'); + +test_valid_value("line-clamp", '7 none'); +test_valid_value("line-clamp", '8 auto', '8'); +test_valid_value("line-clamp", '9 " etc., etc. "'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/max-lines-invalid.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/max-lines-invalid.html new file mode 100644 index 00000000000..85fe77fdb7a --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/max-lines-invalid.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: parsing max-lines with invalid values</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-max-lines"> +<meta name="assert" content="max-lines supports only the grammar 'none | <integer>'."> +<meta name="assert" content="Zero or negative integers are invalid."> +<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("max-lines", 'auto'); +test_invalid_value("max-lines", '0'); +test_invalid_value("max-lines", '-5'); + +test_invalid_value("max-lines", 'none none'); +test_invalid_value("max-lines", '1 none'); +test_invalid_value("max-lines", 'none 2'); +test_invalid_value("max-lines", '3 4'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/max-lines-valid.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/max-lines-valid.html new file mode 100644 index 00000000000..f2fda80c3b3 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/max-lines-valid.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: parsing max-lines with valid values</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-max-lines"> +<meta name="assert" content="max-lines supports the full grammar 'none | <integer>'."> +<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("max-lines", 'none'); +test_valid_value("max-lines", '1'); +test_valid_value("max-lines", '6'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/overflow-computed.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/overflow-computed.html new file mode 100644 index 00000000000..f3aaaa3c67f --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/overflow-computed.html @@ -0,0 +1,52 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: getComputedValue().overflow</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-overflow"> +<meta name="assert" content="visible/clip compute to auto/hidden (respectively) if one of overflow-x or overflow-y is neither visible nor clip."> +<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> +<script> +test_computed_value("overflow", 'visible'); +test_computed_value("overflow", 'hidden'); +test_computed_value("overflow", 'clip'); +test_computed_value("overflow", 'scroll'); +test_computed_value("overflow", 'auto'); + +test_computed_value("overflow", 'auto auto', 'auto'); +test_computed_value("overflow", 'auto clip', 'auto hidden'); +test_computed_value("overflow", 'auto visible', 'auto'); +test_computed_value("overflow", 'clip auto', 'hidden auto'); +test_computed_value("overflow", 'clip clip', 'clip'); +test_computed_value("overflow", 'clip hidden', 'hidden'); +test_computed_value("overflow", 'clip scroll', 'hidden scroll') +test_computed_value("overflow", 'hidden clip', 'hidden'); +test_computed_value("overflow", 'hidden visible', 'hidden auto'); +test_computed_value("overflow", 'scroll auto'); +test_computed_value("overflow", 'scroll clip', 'scroll hidden'); +test_computed_value("overflow", 'scroll visible', 'scroll auto'); +test_computed_value("overflow", 'visible auto', 'auto'); +test_computed_value("overflow", 'visible hidden', 'auto hidden'); +test_computed_value("overflow", 'visible scroll', 'auto scroll'); +test_computed_value("overflow", 'visible visible', 'visible'); + + +test_computed_value("overflow-x", 'scroll'); +test_computed_value("overflow-x", 'hidden'); +test_computed_value("overflow-x", 'visible'); +test_computed_value("overflow-y", 'clip'); +test_computed_value("overflow-y", 'auto'); +test_computed_value("overflow-y", 'visible'); +test_computed_value("overflow-block", 'hidden'); +test_computed_value("overflow-block", 'clip'); +test_computed_value("overflow-block", 'visible'); +test_computed_value("overflow-inline", 'scroll'); +test_computed_value("overflow-inline", 'visible'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/overflow-invalid.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/overflow-invalid.html new file mode 100644 index 00000000000..c99fda7f784 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/overflow-invalid.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: parsing overflow with invalid values</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-overflow"> +<meta name="assert" content="overflow supports only the grammar '[ visible | hidden | clip | scroll | auto ]{1,2}'."> +<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("overflow", 'none'); +test_invalid_value("overflow", 'visible clip auto'); + + +test_invalid_value("overflow-x", 'visible clip'); +test_invalid_value("overflow-y", 'clip hidden'); +test_invalid_value("overflow-block", 'hidden scroll'); +test_invalid_value("overflow-inline", 'scroll auto'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/overflow-valid.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/overflow-valid.html new file mode 100644 index 00000000000..02ddd938593 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/overflow-valid.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: parsing overflow with valid values</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-overflow"> +<meta name="assert" content="overflow supports the full grammar '[ visible | hidden | clip | scroll | auto ]{1,2}'."> +<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("overflow", 'visible'); +test_valid_value("overflow", 'hidden'); +test_valid_value("overflow", 'clip'); +test_valid_value("overflow", 'scroll'); +test_valid_value("overflow", 'auto'); + +test_valid_value("overflow", 'visible visible', 'visible'); +test_valid_value("overflow", 'hidden visible'); +test_valid_value("overflow", 'clip clip', 'clip'); +test_valid_value("overflow", 'scroll auto'); +test_valid_value("overflow", 'auto auto', 'auto'); + + +test_valid_value("overflow-x", 'visible'); +test_valid_value("overflow-x", 'scroll'); +test_valid_value("overflow-y", 'clip'); +test_valid_value("overflow-y", 'auto'); +test_valid_value("overflow-block", 'hidden'); +test_valid_value("overflow-block", 'clip'); +test_valid_value("overflow-inline", 'scroll'); +test_valid_value("overflow-inline", 'visible'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/text-overflow-computed.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/text-overflow-computed.html new file mode 100644 index 00000000000..39358d04c6c --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/text-overflow-computed.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: getComputedValue().textOverflow</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-text-overflow"> +<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> +<script> +test_computed_value("text-overflow", 'clip'); +test_computed_value("text-overflow", 'ellipsis'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/text-overflow-invalid.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/text-overflow-invalid.html new file mode 100644 index 00000000000..785632a727a --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/text-overflow-invalid.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: parsing text-overflow with invalid values</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-text-overflow"> +<meta name="assert" content="text-overflow supports only the grammar 'clip | ellipsis'."> +<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("text-overflow", 'auto'); + +test_invalid_value("text-overflow", 'clip ellipsis clip'); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-overflow/parsing/text-overflow-valid.html b/tests/wpt/web-platform-tests/css/css-overflow/parsing/text-overflow-valid.html new file mode 100644 index 00000000000..df77dffd6d8 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/parsing/text-overflow-valid.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Overflow: parsing text-overflow with valid values</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-text-overflow"> +<meta name="assert" content="text-overflow supports the full grammar 'clip | ellipsis'."> +<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("text-overflow", 'clip'); +test_valid_value("text-overflow", 'ellipsis'); +</script> +</body> +</html> |