diff options
Diffstat (limited to 'testing/web-platform/tests/html/semantics/popovers/popover-hidden-display.tentative.html')
-rw-r--r-- | testing/web-platform/tests/html/semantics/popovers/popover-hidden-display.tentative.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/popovers/popover-hidden-display.tentative.html b/testing/web-platform/tests/html/semantics/popovers/popover-hidden-display.tentative.html new file mode 100644 index 0000000000..b77566fdfc --- /dev/null +++ b/testing/web-platform/tests/html/semantics/popovers/popover-hidden-display.tentative.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<link rel=author href="mailto:masonf@chromium.org"> +<link rel=help href="https://open-ui.org/components/popup.research.explainer"> +<link rel=match href="popover-hidden-display-ref.tentative.html"> +<meta name=fuzzy content="0-1;0-15"> + +<div class=nottoplayer popover >This content should be visible and green</div> +<div class=nottoplayer popover=invalid style="top:100px;">This content should be visible and green</div> +<div class=toplayer popover style="top:200px;">This content should be visible and green</div> + +<style> + [popover] { + display: block; /* This should make the popover visible */ + top: 0; + margin:10px; + width: 300px; + height: 50px; + } + [popover].nottoplayer { + background: green; + } + [popover].toplayer { + background: red; + } + [popover].toplayer:open { + background: green; + } + [popover].nottoplayer:open { + background: red; + } +</style> +<script> + const toplayer = document.querySelectorAll('[popover].toplayer'); + if (toplayer.length !== 1) + document.write('FAIL'); + toplayer[0].showPopover(); +</script> |