diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-align/default-alignment/justify-items-legacy-001.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-align/default-alignment/justify-items-legacy-001.html | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-align/default-alignment/justify-items-legacy-001.html b/testing/web-platform/tests/css/css-align/default-alignment/justify-items-legacy-001.html new file mode 100644 index 0000000000..c4164d2b25 --- /dev/null +++ b/testing/web-platform/tests/css/css-align/default-alignment/justify-items-legacy-001.html @@ -0,0 +1,26 @@ +<!doctype html> +<meta charset=utf-8> +<title>CSS Box Alignment: legacy value for justify-items</title> +<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> +<link rel="help" href="https://drafts.csswg.org/css-align/#justify-items-property"> +<meta name="assert" content="Tests that legacy justify-items values are correctly inherited."> +<script src=/resources/testharness.js></script> +<script src=/resources/testharnessreport.js></script> +<style> +#container { + justify-items: legacy center; +} +</style> +<div id="container"><span id="child"></span></div> +<script> + test(function() { + assert_equals(getComputedStyle(child).justifyItems, "legacy center", + "default justify-items resolves to the parent justify-items value if legacy") + container.style.justifyItems = "legacy left"; + assert_equals(getComputedStyle(child).justifyItems, "legacy left", + "dynamic changes to justify-items propagate to children if needed (legacy)") + container.style.justifyItems = "left"; + assert_equals(getComputedStyle(child).justifyItems, "normal", + "dynamic changes to justify-items propagate to children if needed (left)") + }, "legacy value for justify-items") +</script> |