diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-anchor-position/position-fallback-pseudo-element.html')
-rw-r--r-- | testing/web-platform/tests/css/css-anchor-position/position-fallback-pseudo-element.html | 57 |
1 files changed, 0 insertions, 57 deletions
diff --git a/testing/web-platform/tests/css/css-anchor-position/position-fallback-pseudo-element.html b/testing/web-platform/tests/css/css-anchor-position/position-fallback-pseudo-element.html deleted file mode 100644 index e2f95b9a24..0000000000 --- a/testing/web-platform/tests/css/css-anchor-position/position-fallback-pseudo-element.html +++ /dev/null @@ -1,57 +0,0 @@ -<!DOCTYPE html> -<title>@position-fallback for ::before and ::after pseudo elements</title> -<link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/#fallback"> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<style> - #container { - background: maroon; - position: relative; - width: 195px; - height: 200px; - } - #target::before { - position-fallback: --fallback; - background: lime; - position: absolute; - left: 200px; - top: 200px; - width: 100px; - height: 200px; - content: ""; - } - #target::after { - position-fallback: --fallback; - background: green; - position: absolute; - left: 100px; - width: 100px; - height: 100px; - content: ""; - } - @position-fallback --fallback { - @try { - top: 100px; - left: 50px; - } - @try { - top: 0px; - left: 0px; - } - } -</style> -<div id="container"> - <div id="target"></div> -</div> -<script> - test(() => { - const before_style = getComputedStyle(target, "::before"); - assert_equals(before_style.top, "0px"); - assert_equals(before_style.left, "0px"); - }, "::before using second fallback"); - test(() => { - const after_style = getComputedStyle(target, "::after"); - assert_equals(after_style.top, "100px"); - assert_equals(after_style.left, "50px"); - }, "::after using first fallback"); -</script> |