diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-grid/parsing/grid-column-shorthand.html')
-rw-r--r-- | testing/web-platform/tests/css/css-grid/parsing/grid-column-shorthand.html | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-grid/parsing/grid-column-shorthand.html b/testing/web-platform/tests/css/css-grid/parsing/grid-column-shorthand.html new file mode 100644 index 0000000000..b60db55dc3 --- /dev/null +++ b/testing/web-platform/tests/css/css-grid/parsing/grid-column-shorthand.html @@ -0,0 +1,87 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com"> +<link rel="help" href="https://drafts.csswg.org/css-grid-2/#placement-shorthands"> +<meta name="assert" content="grid-column should set values for grid-column-start and grid-column-end"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/css/support/shorthand-testcommon.js"></script> +</head> +<body> +<script> +test_shorthand_value("grid-column", "auto / auto", { + "grid-column-start": "auto", + "grid-column-end": "auto" +}); +test_shorthand_value("grid-column", "auto", { + "grid-column-start": "auto", + "grid-column-end": "auto" +}); + +test_shorthand_value("grid-column", "10 / auto", { + "grid-column-start": "10", + "grid-column-end": "auto" +}); +test_shorthand_value("grid-column", "10", { + "grid-column-start": "10", + "grid-column-end": "auto" +}); + +test_shorthand_value("grid-column", "-10 / auto", { + "grid-column-start": "-10", + "grid-column-end": "auto" +}); +test_shorthand_value("grid-column", "-10", { + "grid-column-start": "-10", + "grid-column-end": "auto" +}); + +test_shorthand_value("grid-column", "span 2 / auto", { + "grid-column-start": "span 2", + "grid-column-end": "auto" +}); +test_shorthand_value("grid-column", "span 2", { + "grid-column-start": "span 2", + "grid-column-end": "auto" +}); + +test_shorthand_value("grid-column", "3 last / auto", { + "grid-column-start": "3 last", + "grid-column-end": "auto" +}); +test_shorthand_value("grid-column", "3 last", { + "grid-column-start": "3 last", + "grid-column-end": "auto" +}); + +test_shorthand_value("grid-column", "span first / auto", { + "grid-column-start": "span first", + "grid-column-end": "auto" +}); +test_shorthand_value("grid-column", "span first", { + "grid-column-start": "span first", + "grid-column-end": "auto" +}); +test_shorthand_value("grid-column", "span 2 first / auto", { + "grid-column-start": "span 2 first", + "grid-column-end": "auto" +}); +test_shorthand_value("grid-column", "span 2 first", { + "grid-column-start": "span 2 first", + "grid-column-end": "auto" +}); + +test_shorthand_value("grid-column", "last / last", { + "grid-column-start": "last", + "grid-column-end": "last" +}); +test_shorthand_value("grid-column", "last", { + "grid-column-start": "last", + "grid-column-end": "last" +}); + +</script> +</body> +</html> |