summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-anchor-position/position-fallback-pseudo-element.html
diff options
context:
space:
mode:
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.html57
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>